/* Global styles */

.grid-container {
	max-width: 85rem;
	margin: 0 auto;
}

.grid-container {
    background: rgb(2,26,50);
    background: linear-gradient(0deg, rgba(2,26,50,1) 0%, rgba(58,110,164,1) 57%, rgba(255,255,255,1) 100%);
padding-bottom: 50px;

}



img { max-width: 100%;}

h1, h2, h3, h4, h5, h6, blockquote { 
   
    -webkit-font-smoothing: antialiased;

    font-family: obvia, sans-serif;
    font-weight: 800;
    font-style: normal;
}


.white {
    color: #fff;
}


h1 {
    font-weight: 700;
    color: #022a52;
    margin-bottom: 10px;
    font-size: 4rem;
    line-height: 80px;
    }
    

.active {
  color: #004255; }

a {
    transition: .35s all ease;
    color: #fff;
    font-weight: 700;
    text-decoration: dotted #CDB00B;
}

p a:link {
    border-bottom: 2px dotted #fff;
  }

a:hover {
    color: #54A5A6;
	transition: .35s all ease;
}


h2 {
    color: #fff;
    font-family: obvia, sans-serif;
font-weight: 400;
font-style: normal;
margin-top: 30px;
}

h3 {
    color: #fff;
    margin: 3rem 0;
}

p, ul, li {
    color: #fff;
    font-size: 1.3rem;
    font-family: obvia, sans-serif;
font-weight: 400;
font-style: normal;
}


.opener p {
    font-size: 2rem;
        color: #022a52;
        text-align: center;
        font-weight: 700;
        margin-bottom: 50px;
    }



.main-btn {
    background-color: #fff;
    color: #004255!important;
    border-radius: 4px;
    font-family: ff-meta-web-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
    padding: 0.65rem 1rem!important;
    font-size: 1.095rem!important;
    display: inline-block;
    line-height: 20px;
    line-height: 20px;
    margin-top: 30px;
} 


.main-btn img {
    margin-left: 15px;
} 


.main-btn:hover,
.main-btn:focus {
  box-shadow: inset 0 -3.25em 0 0 var(--hover);
  color: #fff!important;
  transition: 0.55s;

}

.main-btn {
  --hover: #004255;

}


.logo {
    text-align: center;
    padding-top: 50px;
}


.top-section {
    text-align: center;
    padding: 3rem 0;
}


.nav-btns {
    padding: 2rem 0;
}

.nav-btns a {
    margin: 0 10px;
}



/* Small only */
@media screen and (max-width: 39.9375em) {

h1 {
    font-size: 2.2rem;
    line-height: 50px;
}


.opener p {
    font-size: 1.4rem;
       
    }


    p, ul, li{
        font-size: 1rem;
    }

    h2 {
        font-size: 1.8rem;
    }

}    



/* Mobile Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

    h1 {
        font-size: 3rem;
        line-height: 50px;
    }

    .top-section {
        padding-top: 5px;
    }

  

}



/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

    
}


/* iPad */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
and (orientation : landscape) { 


}



/* iPad */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
and (orientation : portrait) { 


}