@media (max-width: 1900px) {
    :root {                   
        --width:1280px;
    }
    #popup{
        width:70%;
    }
    .sd-navbar{
        width:40vw;
        left:-40vw;
    } 

    .newspaper-card{
        width:350px;
    }
    
    
}

@media (max-width: 1480px) {
    :root {                   
        --width:1080px;
    }
    #popup{
        width:80%;
    }
    .sd-navbar{
        width:50vw;
        left:-50vw;

    } 
    .newspaper-card{
        width:320px;
    }
    
    .service-card{
        width:250px;
        min-height:270px;
    }
    
    .service-card-image{
        width:210px;
        height:170px;
    }

}

@media (max-width: 1280px) {
    :root {                   
        --width:980px;
    }
    #popup{
         width:90%;
    }
    .sd-navbar{
        width:60vw;
        left:-60vw;
    }
    .newspaper-card{
        width:320px;
    }
    
    .service-card{
        width:270px;
        min-height:270px;
    }
    
    .service-card-image{
        width:230px;
        height:170px;
    }
    .home-panel{
        width:95%;
        
    }
    .home-content{
        width:450px;
        padding:10px;
    }
}

@media (max-height: 1200px) {
    :root {                   
        --height:800px;
    }
    #popup{
        height:90%;
    }

    .home-panel{
        height: calc(var(--height) * 0.7);
    }
}

@media (max-height: 900px) {
    :root {                   
        --height:700px;
    }
    #popup{
        height:95%;
    }
    
    .home{
        height:90vh;
    }
    .home-panel{
        height: calc(var(--height) * 0.8);
    }
    .google-map{
        height:600px;
    }
}

@media (max-height: 750px) {
    :root {                   
        --height:600px;
    }
    #popup{
        height:100%;
    }
    .sd-navbar{

        width:80vw;

    }
   
    .sidebar .browse-menu{
        width:35%;
    }
    .sidebar .usefull-links{
        width:55%;
    }

    .home{
        height:100vh;
    }
    .home-content{
        width:600px;
    }
    .home-panel{
        height: calc(var(--height) * 0.9);
    }
    .google-map{
        height:550px;
    }
}

@media (max-height: 680px) {
    :root {                   
        --height:500px;
    }
    #popup{
        height:100%;
    }
    .sd-navbar{

        width:80vw;
        left:-80vw;

    }
    .sidebar{
        display:flex;
         flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }
    
    .sidebar .usefull-links{
        width:55%;
    }

    .home-content{
        width:600px;
    }
    
    .google-map{
        width:500px;
    }

    .home{
        height:100vh;
    }
    .home-panel{
        height: calc(var(--height) * 0.95);
    }
}



@media (max-width: 430px){
    :root {                   
        --width:75%;
        --height:100vh;
        --font:14pt;
        
    }
    
    body{
        position:relative;
        width:100vw;
    }
    
    .language{
        width:100px;
    }
    
    .hamburger-icon{
        left:0;
    }
    
    .white-panel-small{
    
        -webkit-box-reflect: unset;
    }
    
    #popup{
        width:100%;
        height:100%;
    }
    
    .chapter{
        width:100%;
        min-height:100vh;
        padding:0 0 50px;
    }
    
    .chapter .title{
        margin: 100px 0 50px;

    }
    .sd-navbar{
        width:100vw;
        left:-100vw;
    }

    .sidebar .browse-menu.useful-links{
        display:none;
    }

    .nav{
       height:100px; 
    }
    
    .home{
        min-height:850px;
    }
    .home-panel{
        width: 90%;
        height:750px;
        background:url(../pics/IMG41.jpg);
        background-size: auto 250px;
        background-position:top center;
        background-repeat: no-repeat;
        margin-bottom: 10px;
    }
    
    .home-content{
        background: linear-gradient(225deg,transparent 1%, white 99%);
        width:100%;
        padding-top:280px;
        
    }
    .logo-content{
        height:180px;
    }
    
    .home-content .home-socials{ 
        height:70px;        
    }
    
    .newspaper-content{
        flex-direction: column;
    }
    
    .newspaper-content .newspaper-card{
        width:80%;
        min-height:550px;
       
    }
    
    .services-content{
        flex-direction: column;
        justify-content: center;
    }
    
    
    .service-card{
        width:80%;
        min-height:80%;
        margin-bottom:30px;
    }
    
    
    .contact-panel{
        width:90%;
        flex-direction: column;
    }
    
    .map-container{
        width:100%;
    }
    
    .contact-facts-container{
        width:calc(100% + 20px);
    }
    
    .contact-facts-panel{
        width:calc(100% - 20px);
    }
   
    .footer{
         height:auto;
         flex-direction: column;
         padding:30px;
    }
    
    
   
    
}