@font-face {
    font-family: "Archivo Expanded Medium";
    src: url('fonts/Archivo_Expanded-Medium.ttf')  format("truetype"),  
}

@font-face {
    font-family: "Archivo Expanded Light"; 
    src: url('fonts/Archivo_Expanded-Light.ttf')  format("truetype"), 
}

@font-face {
    font-family: "Archivo Expanded Regular"; 
    src: url('fonts/Archivo_Expanded-Regular.ttf')  format("truetype"), 
}

body {
    padding:0;
    margin:0;
    font-family: "Archivo Expanded Light", sans-serif;
}
.main {
    width:100%;
    min-height:100vh;
    background:url('bgtemppage.png');
    padding:0;
    margin:0;
    background-size: cover;     
}

.main-container {
    width:1400px;
    max-width: 100%;
    padding-top:84px;
    padding-bottom:84px;
    margin:0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    min-height: calc(100vh - 178px);

}

.middle-block__title {
    font-size:36px;
    color: #E4062A;
    margin-top:180px;
    font-family: "Archivo Expanded Regular", sans-serif !important;
}

.desktop-block {
    display:block;
}

.middle-block__text {
    color:#fff;
    font-size:20px;
    font-weight: 400;
    font-family: "Archivo Expanded Light", sans-serif;
    display:block;
    max-width:551px;
    line-height: 1.5;
}

.middle-block__subtitle {
    color: #959595;
    font-size: 20px;
    margin-top:91px;

}
.contatos {
    display:flex;
    flex-direction: column;
    gap:10px;
    margin-top:100px;
 
}

.contato {
    color: #E4062A;
    font-size:20px;
    text-decoration: none;
}

@media screen and (max-width:1400px){
    .main-container {
       width:1000px;
    }
}

@media screen and (max-width:700px){
    .main-container {
       width:600px;
    }

    .desktop-block {
        display: inline;
    }
}

@media screen and (max-width:560px){
 
    .main-container {
        width:350px;
        padding-top:50px;
        padding-bottom:50px;
        min-height: calc(100vh - 100px);
     }

     .middle-block__title {
        font-size:22px;        
        margin-top:100px;
       
    }

    
.middle-block__text {
    font-size:12px;  
    max-width:100%;
    margin-top:59px;
}

.middle-block__subtitle {
    color: #959595;
    font-size: 13px;
    margin-top:46px;
}

.logo {
    width:180px;
}

.contato {
   
    font-size:15px;
    
}

}

@media screen and (max-width:360px){ 

    .main {
        background:url('im_bg_mobile.jpg');
        background-size: cover;
    }

    .main-container {
        width:280px;
        padding-top:50px;
        padding-bottom:50px;
        min-height: calc(100vh - 100px);
     }
}