@media screen and (width:1920px) and (height:1080px){
    header nav a{
        font-size: 1.2rem;
        line-height: 65px;
        border-bottom: 4px solid transparent;
        transition: .5s ease;
    }
}
@media screen and (min-width:1920px){
    header nav a{
        font-size: 1.2rem;
        line-height: 40px;
        border-bottom: 4px solid transparent;
        transition: .5s ease;
    }
}


@media screen and (width:1366px) and (height:1024px){
    header nav a{
        font-size: 1.2rem;
        line-height: 60px;
        border-bottom: 4px solid transparent;
        transition: .5s ease;
    }
}

@media screen and (max-width:1024px){
     header{
        border: none;
        position: fixed;
    }
    header #logo{
        border: none;
    }
     header nav{
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: end;
        border: none;
    }
     header nav a{
        display: none;
        border: none;
    }
    header #burger-container{
        display: flex;
    }

    
    footer{
        min-height: 60vh;
    }

    footer .footer-up{
        flex-wrap: wrap;
    }
    footer .footer-up div{
        width: 100%;
        height: 50%;
    }
    .footer-up div h1{
        margin: 5px auto;
        font-size: 2rem;
    }
    .footer-up div p{
        text-align: center;
        font-size: 1.3rem;
    }
    .footer-up div p img{
        width: 40px;
        height: 40px;
        cursor: pointer;
        transition: .5s ease-in-out;
        margin: auto 5px;
    }
    .horraires, .newsletter{
        display: none;
    }
}
@media screen and (width:1024px) and (height:1366px){
    header{
        border: none;
        position: fixed;
    }
    header #logo{
        border: none;
    }
     header nav{
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: end;
        border: none;
    }
   header nav a{
        display: none;
        border: none;
    }
    header #burger-container{
        display: flex;
    }

    footer{
        min-height: 40vh;
    }

    footer .footer-up{
        flex-wrap: wrap;
    }
    footer .footer-up div{
        width: 100%;
        height: 50%;
    }
    .footer-up div h1{
        margin: 5px auto;
        font-size: 2.5rem;
    }
    .footer-up div p{
        text-align: center;
        font-size: 2rem;
    }
    .footer-up div p img{
        width: 40px;
        height: 40px;
        cursor: pointer;
        transition: .5s ease-in-out;
        margin: auto 5px;
    }
    .horraires, .newsletter{
        display: none;
    }
    
}



@media screen and (width:1024px) and (height:768px){
     header{
        border: none;
        position: fixed;
    }
     header #logo{
        border: none;
    }
     header nav{
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: end;
        border: none;
    }
    header nav a{
        display: none;
        border: none;
    }
    header #burger-container{
        display: flex;
    }


    footer{
        min-height: 40vh;
    }

    footer .footer-up{
        flex-wrap: wrap;
    }
    footer .footer-up div{
        width: 100%;
        height: 50%;
    }
    .footer-up div h1{
        margin: 5px auto;
        font-size: 1.3rem;
    }
    .footer-up div p{
        text-align: center;
        font-size: 1rem;
    }
    .footer-up div p img{
        cursor: pointer;
        transition: .5s ease-in-out;
        margin: auto 5px;
    }
    .horraires, .newsletter{
        display: none;
    }

}
@media screen and (width:768px) and (height:1024px){
    header{
        border: none;
        position: fixed;
    }
    header #logo{
        border: none;
    }
     header nav{
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: end;
        border: none;
    }
     header nav a{
        display: none;
        border: none;
    }
    header #burger-container{
        display: flex;
    }

    footer{
        min-height: 40vh;
    }

    footer .footer-up{
        flex-wrap: wrap;
    }
    footer .footer-up div{
        width: 100%;
        height: 50%;
    }
    .footer-up div h1{
        margin: 5px auto;
        font-size: 2rem;
    }
    .footer-up div p{
        text-align: center;
        font-size: 1.3rem;
    }
    .footer-up div p img{
        cursor: pointer;
        transition: .5s ease-in-out;
        margin: auto 5px;
    }
    .horraires, .newsletter{
        display: none;
    }

}


@media screen and (max-width:728px){
   header{
        border: none;
        position: fixed;
    }
     header #logo{
        border: none;
    }
   header nav{
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: end;
        border: none;
    }
     header nav a{
        display: none;
        border: none;
    }
    header #burger-container{
        display: flex;
    }

    
    footer{
        height: 30vh;
    }
    .footer-up{
        display: flex;
        width: 100%;
        height: 100%;
        flex-direction: column;
    }
    .footer-up div{
        width: 100%;
        height: 50%;
    }
    .footer-up div h1{
        text-align: center;
        font-size: 2rem;
    }
    .footer-up div p{
        text-align: center;
        font-size: 1.3rem;
    }
    .footer-up div p img{
        width: 30px;
        height: 30px;
        margin: 0 5px;
    }
    .footer-up form{
        width: 100%;
        display: flex;
    }
    .footer-up .horraires,.footer-up .newsletter{
           display: none; 
    }
    
    

}


@media screen and (width:800px) and (height:600px){
     header{
        border: none;
        position: fixed;
    }
    header #logo{
        border: none;
    }
     header nav{
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: end;
        border: none;
    }
     header nav a{
        display: none;
        border: none;
    }
    header #burger-container{
        display: flex;
    }


    footer{
        min-height: 40vh;
    }

    footer .footer-up{
        flex-wrap: wrap;
    }
    footer .footer-up div{
        width: 100%;
        height: 50%;
    }
    .footer-up div h1{
        margin: 7px auto;
        font-size: 1.3rem;
    }
    .footer-up div p{
        text-align: center;
        font-size: 1rem;
    }
    .footer-up div p img{
        cursor: pointer;
        transition: .5s ease-in-out;
        margin: auto 5px;
    }
    .horraires, .newsletter{
        display: none;
    }

}
@media screen and (width:600px) and (height:800px){
    header{
        border: none;
        position: fixed;
    }
    header #logo{
        border: none;
    }
     header nav{
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: end;
        border: none;
    }
     header nav a{
        display: none;
        border: none;
    }
    header #burger-container{
        width: 30%;
        display: flex;
        position: absolute;
        right: 0;
    }

    footer{
        min-height: 40vh;
    }

    footer .footer-up{
        flex-wrap: wrap;
    }
    footer .footer-up div{
        width: 100%;
        height: 50%;
    }
    .footer-up div h1{
        margin: 5px auto;
    }
    .footer-up div p{
        text-align: center;
        font-size: 1rem;
    }
    .footer-up div p img{
        width: 30px;
        height: 30px;
        cursor: pointer;
        transition: .5s ease-in-out;
        margin: auto 5px;
    }
    .horraires, .newsletter{
        display: none;
    }


}
@media screen and (max-width:600px){
    header{
        border: none;
        position: fixed;
    }
    header #logo{
        border: none;
    }
    header nav{
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: end;
        border: none;
    }
     header nav a{
        display: none;
        border: none;
    }
    header #burger-container{
        display: flex;
    }

    
    footer{
        min-height: 50vh;
    }

    footer .footer-up{
        flex-wrap: wrap;
    }
    footer .footer-up div{
        width: 100%;
        height: 50%;
    }
    .footer-up div h1{
        font-size: 2rem;
        margin: 5px auto;
    }
    .footer-up div p{
        text-align: center;
        font-size: 1.2rem;
    }
    .footer-up div p img{
        width: 30px;
        height: 30px;
        cursor: pointer;
        transition: .5s ease-in-out;
        margin: auto 5px;
    }
    .horraires, .newsletter{
        display: none;
    }


}


@media screen and (width:736px) and (height:414px){
    header{
        border: none;
        position: fixed;
    }
    header #logo{
        border: none;
    }
     header nav{
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        border: none;
    }
     header nav a{
        display: none;
        border: none;
    }
    header #burger-container{
        display: flex;
    }

    footer{
        min-height: 40vh;
    }

    footer .footer-up{
        flex-wrap: wrap;
    }
    footer .footer-up div{
        width: 100%;
        height: 100%;
    }
    .footer-up div h1{
        font-size: 1.3rem;
    }
    .footer-up div p{
        text-align: center;
        font-size: 0.8rem;
    }
    .footer-up div p img{
        cursor: pointer;
        transition: .5s ease-in-out;
        margin: auto 5px;
    }
    .horraires, .newsletter, .social-links{
        display: none;
    }

 

}
@media screen and (max-width:414px) and (min-height:736px){
     header{
        border: none;
        position: fixed;
    }
    header #logo{
        border: none;
    }
     header nav{
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: end;
        border: none;
    }
     header nav a{
        display: none;
        border: none;
    }
    header #burger-container{
        display: flex;
    }
    
    footer{
        min-height: 40vh;
    }

    footer .footer-up{
        flex-wrap: wrap;
    }
    footer .footer-up div{
        width: 100%;
        height: 50%;
    }
    .footer-up div h1{
        margin: 5px auto;
        font-size: 1.5rem;
    }
    .footer-up div p{
        text-align: center;
        font-size: 0.8rem;
    }
    .footer-up div p img{
        cursor: pointer;
        transition: .5s ease-in-out;
        margin: auto 5px;
    }
    .horraires, .newsletter{
        display: none;
    }

}



@media screen and (width:812px) and (height:375px){

    header{
        border: none;
        position: fixed;
    }
    header #logo{
        border: none;
    }
    header nav{
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        border: none;
    }
   header nav a{
        display: none;
        border: none;
    }
    header #burger-container{
        display: flex;
    }

    footer{
        min-height: 40vh;
    }

    footer .footer-up{
        flex-wrap: wrap;
    }
    footer .footer-up div{
        width: 100%;
        height: 100%;
    }
    .footer-up div h1{
        font-size: 1.3rem;
    }
    .footer-up div p{
        text-align: center;
        font-size: 0.8rem;
    }
    .footer-up div p img{
        width: 30px;
        height: 30px;
        cursor: pointer;
        transition: .5s ease-in-out;
        margin: auto 5px;
    }
    .horraires, .newsletter, .social-links{
        display: none;
    }

 

}
@media screen and (width:375px) and (height:812px){

     header{
        border: none;
        position: fixed;
    }
    header #logo{
        border: none;
    }
    header nav{
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        border: none;
    }
     header nav a{
        display: none;
        border: none;
    }
    header #burger-container{
        display: flex;
    }

    footer{
        min-height: 40vh;
    }

    footer .footer-up{
        flex-wrap: wrap;
    }
    footer .footer-up div{
        width: 100%;
        height: 50%;
    }
    .footer-up div h1{
        margin: 5px auto;
        font-size: 1.5rem;
    }
    .footer-up div p{
        text-align: center;
        font-size: 0.8rem;
    }
    .footer-up div p img{
        cursor: pointer;
        transition: .5s ease-in-out;
        margin: auto 5px;
    }
    .horraires, .newsletter{
        display: none;
    }

 

}


@media screen and (width:667px) and (height:375px){

   header{
        border: none;
        position: fixed;
    }
    header #logo{
        border: none;
    }
     header nav{
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        border: none;
    }
    header nav a{
        display: none;
        border: none;
    }
    header #burger-container{
        display: flex;
    }


    
    footer{
        min-height: 40vh;
    }

    footer .footer-up{
        flex-wrap: wrap;
    }
    footer .footer-up div{
        width: 100%;
        height: 100%;
    }
    .footer-up div h1{
        font-size: 1.3rem;
    }
    .footer-up div p{
        text-align: center;
        font-size: 0.8rem;
    }
    .footer-up div p img{
        cursor: pointer;
        transition: .5s ease-in-out;
        margin: auto 5px;
    }
    .horraires, .newsletter, .social-links{
        display: none;
    }

 

}
@media screen and (width:375px) and (height:667px){

    header{
        border: none;
        position: fixed;
    }
     header #logo{
        border: none;
    }
     header nav{
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        border: none;
    }
    header nav a{
        display: none;
        border: none;
    }
    header #burger-container{
        display: flex;
    }

    
    footer{
        min-height: 40vh;
    }

    footer .footer-up{
        flex-wrap: wrap;
    }
    footer .footer-up div{
        width: 100%;
        height: 50%;
    }
    .footer-up div h1{
        margin: 5px auto;
        font-size: 1.5rem;
    }
    .footer-up div p{
        text-align: center;
        font-size: 0.8rem;
    }
    .footer-up div p img{
        cursor: pointer;
        transition: .5s ease-in-out;
        margin: auto 5px;
    }
    .horraires, .newsletter{
        display: none;
    }

 

}
@media screen and (max-width:375px){
    header{
        border: none;
        position: fixed;
    }
    header #logo{
        border: none;
    }
     header nav{
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        border: none;
    }
     header nav a{
        display: none;
        border: none;
    }
    header #burger-container{
        display: flex;
    }

    footer{
        min-height: 50vh;
    }

    footer .footer-up{
        flex-wrap: wrap;
    }
    footer .footer-up div{
        width: 100%;
        height: 50%;
    }
    .footer-up div h1{
        margin: 5px auto;
        font-size: 1.5rem;
    }
    .footer-up div p{
        text-align: center;
        font-size: 0.8rem;
    }
    .footer-up div p img{
        cursor: pointer;
        transition: .5s ease-in-out;
        margin: auto 5px;
    }
    .horraires, .newsletter{
        display: none;
    }

 

}



@media screen and (width:320px) and (height:568px){

    header{
        border: none;
        position: fixed;
    }
    header #logo{
        border: none;
    }
     header nav{
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        border: none;
    }
     header nav a{
        display: none;
        border: none;
    }
    header #burger-container{
        display: flex;
    }


    
    footer{
        min-height: 40vh;
    }

    footer .footer-up{
        flex-wrap: wrap;
    }
    footer .footer-up div{
        width: 100%;
        height: 50%;
    }
    .footer-up div h1{
        margin: 5px auto;
        font-size: 1.5rem;
    }
    .footer-up div p{
        text-align: center;
        font-size: 0.8rem;
    }
    .footer-up div p img{
        cursor: pointer;
        transition: .5s ease-in-out;
        margin: auto 5px;
    }
    .horraires, .newsletter{
        display: none;
    }

 

}
@media screen and (max-width:320px){
     header{
        border: none;
        position: fixed;
    }
    header #logo{
        border: none;
    }
     header nav{
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        border: none;
    }
     header nav a{
        display: none;
        border: none;
    }
    header #burger-container{
        display: flex;
    }


    


    footer{
        min-height: 50vh;
    }

    footer .footer-up{
        flex-wrap: wrap;
    }
    footer .footer-up div{
        width: 100%;
        height: 50%;
    }
    .footer-up div h1{
        margin: 5px auto;
        font-size: 1.4rem;
    }
    .footer-up div p{
        text-align: center;
        font-size: 0.8rem;
    }
    .footer-up div p img{
        width: 20px;
        height: 20px;
        cursor: pointer;
        transition: .5s ease-in-out;
        margin: auto 5px;
    }
    .horraires, .newsletter{
        display: none;
    }

 

}