html {
}

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');

/*TEXT*/

h1,h2,h3,h4{
  font-family: Poppins,sans-serif;
  font-weight:600;
  margin:0;
}

*{
  font-family: "Roboto", Arial, Helvetica, sans-serif;

}

h2{
  font-size:32px;
  line-height:56px;
  text-transform: uppercase;
}

@media only screen and (max-width: 1199px){
  h2{
    font-size:24px;
    line-height: 40px;
  }

    
}

/*BUTTONS AND LINKS*/

a.cta{
  text-decoration: none;
  display: inline-block;
}

a.cta-green{
  color: #fff;
  font-size:18px;
  font-weight: 400;
  padding: 8px 24px;
  background: #2E95AE;
}

a.cta-green:hover{
  background: #22788D;
}


/*containers*/
.container{
    width:1024px;
    padding-left:16px;
    padding-right:16px;
    margin:0 auto;
}

@media only screen and (max-width: 1199px){
  
  .container{
    width:100%;
  }
    
}

/*padding*/
.padding-64{
    padding-top:64px;
    padding-bottom:64px;
}



.padding-48-l{
  padding-top:48px;
  padding-bottom:48px;
}


/*colours*/
.dark-body-bg{
    background:#031B28;
}

.darkest-bg{
  background: #120309;
}

.light-header{
  color: #A9B4C2;
}