/* ### Boilerplate ### */
/* Start Reset */
*,*:after,*:before{
    box-sizing: content-box;
    padding: 0;
    margin: 0;
}
/* Import Google font */
/* @import url('https://fonts.googleapis.com/css?family=Roboto&display=swap'); */

/* Basic HTML */
html{
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #222222;
}
body{
  /* background: #D3D5D7; */
  /* padding-top: 160px; */
}
a{
  display: block;
  text-decoration: none;
}
ul,ol,li{
  list-style: none;
}

.clear{
  clear: both;
}

.clearfix::after{
  content: "";
  clear: both;
  display:table;
}

.wrapper{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.float-l{
  float: left;
}

.m-l-15{
  margin-left: 15px;
}
.m-r-15{
  margin-right: 15px;
}

/* colors */
.col-black{
  background-color: #222222;
}
.col-primary{
  background-color: #050517;
}
.col-secondary{
  background-color: #2e4571;
}
.col-tertiary{
  background-color: #4b73bd;
}
.col-light-1{
  background-color: #F4E3B2;
}
.col-light-2{
  background-color: #D3D5D7;
}
.text-black{
  color: #222222;
}
.text-primary{
  color: #050517;
}
.text-secondary{
  color: #2E6171;
}
.text-tertiary{
  color: #4b73bd;
}
.text-light-1{
  color: #F4E3B2;
}
.text-light-2{
  color: #D3D5D7;
}