@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');

/* Media ALL */
html,
body {
	width: 100%;
	margin: 0px;
	font-family:'Open Sans', sans-serif;
    font-weight:300;
}

/* Transition */
.bannerbox a{
	-webkit-transition: all 0.5s ease-in, all 0.5s ease-out;
	-moz-transition: all 0.5s ease-in, all 0.5s ease-out;
	-ms-transition: all 0.5s ease-in, all 0.5s ease-out;
	-o-transition: all 0.5s ease-in, all 0.5s ease-out;
	transition: all 0.5s ease-in, all 0.5s ease-out;
}

/* HOVER EFFECT */
.bannerbox a:hover{			
	transform: scale(1.1);
}


/* GENERAL */

.frame{
    width:100%;
    max-width:1920px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
}

/* Banner */
.bannerbox{
    width:100%;
    display:flex;
    flex-direction:column;
    position:relative;
    background:url("../images/banner-aerotec.jpg");
    background-size:auto 100%;
    background-repeat: no-repeat;
    background-position: center left;
    background-color: #262626;
}
.banner{
    margin-top:100px;
    display:flex;
    position:relative;
}
.bannerbox .logo{
    height:100px;
}
.bannerbox .logo img{
    width:auto;
    height:100%;
}
.bannerbox .logoleft,
.bannerbox .logoright{
    flex:1;
    padding:0 2rem;
    display:flex;
    align-items:center;
    font-size:1.25rem;
    line-height:1.25rem;
    font-weight:300;
    color:#ffffff;
}

.bannerbox .logoright span{
    display:block;
}


/* Top nav */
.bannerbox .topnav{
    margin:1rem 2rem;
    display:flex;
    justify-content:flex-end;
}
.bannerbox .topnav a{
    margin:0 0.5rem;
    font-size:1rem;
    color:#fff;
    text-decoration:none;
    font-weight:400;
}

.bannerbox .topnav .phone{
    display:flex;
    align-items:center;
}
.bannerbox .topnav .phone::before{
    content:"";
    width:20px;
    height:20px;
    margin-right:10px;
    display:block;
    background:url("../images/icon/phone.png");
    background-size:contain;
    background-repeat: no-repeat;
}

/* Navigation */
.nav{
    min-height:20px;
    display:flex;
    justify-content:center;
    background:#8d191a;
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.nav a{
    margin:0 20px;
    padding:10px;
    color:#fff;
    text-decoration:none;
}

/* Bloc */
.bloc{
    width:100%;
    max-width:800px;
    margin:0 auto;
    padding:2rem;
}
.bloc a, .bloc a:hover{
    color:inherit;
    text-decoration:none;
}
.bloc a:hover{
    text-decoration:underline;
}


#intro{
    margin-top:5rem;
    border-radius:1rem;
    text-align:center;
    font-weight:400;
    background-color:#e5e5e5;
}

/* Contact */
.contact-info{
    display:flex;
    flex-direction:column;
}

/* FOOTER */
.footer{
    position:relative;
    flex:1;
    padding:2rem 2rem 0.5rem 2rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    background-color: #262626;
}
.footer>div{
    width:100%;
    margin:2rem;
    display:flex;
    align-items:center;
}
.footer>div>div{
    width:800px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    color:#939393;
}
.footer p{
    color:#939393;
    font-size:0.75rem;
}
.footer a{
    color:#939393;
    text-decoration:none;
}
.footer img{
    position:absolute;
    right:2rem;
    max-width:300px;
    opacity:0.5
}


/* RESPONSIVE */


/* Under 1100px */
@media screen and (max-width: 1100px) { 

   


    

}

/* Under 800px MOBILE  */ 
@media screen and (max-width: 800px) {
    .bannerbox{
        background-position:center center;
    }
    .bannerbox .topnav{
        justify-content:center;
    }
    .banner{
        margin-top:50px;
    }
    .bannerbox .logoleft, .bannerbox .logoright{
        display:none;
    }
    .bannerbox .logo{
        width:60%;
        height:auto;
        margin:0 20%;
    }
    #intro{
        margin:5rem 2rem 0 2rem;
    }
    .footer>div{
        flex-direction:column;
    }
    .footer img{
        max-width:60%;
        margin:5rem auto;
        position:relative;
        right:inherit;
    }
}