@media (min-width: 1250px){
    .vacancies-container{
        width: 1240px;                
    }
    .title{
        font-size: 26px;
    }
}
@media (min-width: 1024px) and (max-width:1250px){
    .vacancies-container{
        width: 90%;
    }
    .title{
        font-size: 26px;
    }
}
@media (max-width: 1024px){
    .vacancies-container{
        width: 90%;
    }
    .title{
        font-size: 22px;
    }
}
@media (min-width: 1000px){
    .title{
        width: 50%;
    }
}
.title{
    margin: 50px 0 30px 0;   
}
.contacts{
    display: flex;
}

@media (max-width: 800px){
    .contacts{
        flex-direction: column;        
    }
    .contact{
        width: 100%;
        margin-top: 25px;
    }
}
@media (min-width: 801px){
    .contact{
        margin-right: 36px;
        justify-content: center;
    }
    .contacts > p{
        width: 50%;
        margin-right: 65px;
    }    
}
.contact img{
    margin-right: 19px;
}
.contact {        
    display: flex;    
    align-items: center;
    height: fit-content;    
}
.contact img{
    height: 36px;
}
.contact a{
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #3A8EF8;
}
.vacancy{
    margin-top: 50px;
    border-bottom: 1px solid #DEE2EB;
    padding-bottom: 50px;
}
.vac-header{
    font-weight: 500;
    font-size: 22px;
    line-height: 130%;
    color: #3A8EF8;
}
.vac-descr{
    margin: 20px 0 0 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #232F4F;
}
.list-header{
    font-weight: 700;
    font-size: 15px;
    line-height: 140%;
    color: #232F4F;
    margin: 20px 0 15px 0;
}
.vacancy li{
    list-style: '— ';
    list-style-position: inside;
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;  
}
.vacancy li>span{
    padding-left: 10px;
}
.vacancy li::marker{
    color: #3A8EF8;
}