/* Global styles */

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

.grid-container {

    background: url(/images/via_egnatia.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #a0bccf;
    height: 100vh;
}



img { max-width: 100%;}

h1, h2, h3, h4, h5, h6, blockquote { 
    font-family: ff-meta-web-pro, sans-serif;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
}



h1 {
    font-weight: 700;
    color: #00212a;
    margin-bottom: 30px;
    font-size: 4rem;
    line-height: 80px;
    }
    

.active {
  color: #004255; }

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

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

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




.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;
}

.grid-container {

    background: url(/images/via_egnatia-mobile.jpg);
}


}    



/* 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) { 


}