.banner {
    background-image: url('../img/big-banner.webp');
    padding: 46px 0px;
    min-height: 85vmin;
    background-size: cover;
    background-position: center;  
    margin-bottom: 70px;
}

.banner__title {
    font-weight: 1000;
    font-size: 52px;
    text-shadow:1px 1px 2px #777777;
    line-height: 130%;
    text-transform: uppercase;
    color:var(--font-color);
    margin-bottom: 28px;
}

.banner__slogan {
    font-weight: 600;    
    font-size: 32px;               
    color:var(--beige-color);
    margin:0px 0px 80px 0px;
    text-shadow:1px 1px 2px #777777; 
    letter-spacing: 1px;
}

.banner__btn {       
    color:var(--main-color); 
    font-size: 30px; 
    text-shadow:1px 1px 2px #777777;
    letter-spacing: 1px; 
    padding: 15px 40px;
    background-color:var(--button-color);
    border-radius: 10px;
    box-shadow:4px 4px 8px #729AA1;
    display: inline-block;
}
.banner__btn:hover {    
    background-color:var(--button-hover);  
    box-shadow:4px 4px 8px #777777; 
}

@media(max-width:1440px) {
    .banner__container {
    padding: 0px 40px 0px 40px;    
}
    .banner__btn {   
    padding: 13px 38px;  
}
}
@media(max-width:1200px) {
    .banner {
        background-image: url('../img/big-banner1.webp'); 
        position:relative;
        padding: 40px 0px;
    }
    .banner__title {        
        font-size: 43px; 
        margin-bottom: 20px;     
    }
    .banner__slogan {            
        font-size: 30px; 
        text-align:left;         
    }
    .banner__btn {   
        position:absolute;
        right: 75px;
        bottom:80px;        
        font-size: 28px;  
        padding: 15px 30px;
    }
}
@media(max-width:1000px) {  
    
    .banner__title {        
        font-size: 40px;  
        margin-bottom: 18px;         
    }
    .banner__slogan {            
        font-size: 25px;     
    } 
    .banner__btn {   
        position:absolute;
        right: 75px;
        bottom:60px;        
        font-size: 28px;  
        padding: 15px 30px;
    }
}
@media(max-width:760px) {
    .banner {
        background-image: url('../img/big-banner2.webp'); 
        background-size: cover;
        background-repeat: no-repeat;
    }
    .banner__slogan {            
        display:none;         
    }
    .banner__title {        
        text-align: center;  
        font-size: 40px;
        color:var(--main-color);
        letter-spacing: 4px; 
        text-shadow:1px 1px 2px black;     
    }
    .banner__btn {   
        padding: 11px 25px; 
        font-size: 25px;  
    }
}
@media(max-width:580px) {      
    .banner__btn {        
        font-size: 4vw;
        text-align: center;
        right:0;     
        bottom:50px;
        left: 50%;
        transform:translate(-50%, -50%);
    }
    .banner__title {        
        font-size:30px;
    }  
}
@media(max-width:450px) { 
    .banner__container {
        padding: 0px 20px 0px 20px;    
    }
    .banner__title {        
        font-size:6vw;
    }
    .banner__btn {        
        display:block;
        right: 70px;
        left: 70px;
        transform: none;
    }
}