body {
    margin: 0; /* Убираем отступы */
    background-color: #ffffff !important;
    font-family: 'Helvetica', Geneva, Verdana, sans-serif; 
    background-position: top right;
    background-repeat: no-repeat;
    font-size: 14pt;

   }

.main_cont { margin: 0 auto; }

.abs_top { 
    display: flex;
    align-items: center;
}

.abs_top_logo { width: 50%; padding: 30px 0 30px 30px; }
.abs_top_phone { width: 50%;
    text-align: right; padding: 30px 30px 30px 0; }

.promo { 
    position: relative;
    margin: 0 0 0 0; 
    height: 500px;   
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

}

.cont_cont { display: flex;
    align-items: center; }

.cont_cont_one { width: 30%; padding: 30px 0 0 30px; }
.cont_cont_two { width: 70%; padding: 30px 30px 0 50px; }
.cont_cont_header { width: 70%; padding: 30px 30px 0 50px; }

.footer {     
    display: flex;
    align-items: flex-start;
    background-color: #0080c8;
    margin: 50px 0 100px 0; 
}
.footer_one { width: 30%; padding: 30px 0 0 30px; }
.footer_two { width: 30%; padding: 30px 30px 30px 30px; }
.footer_three {  width: 40%; padding: 30px 30px 0 0; }

img.logo { width: 250px; }
img.cont { width: 100%; border-radius: 15px; }

span.phone { color: #0080c8; font-size: 20pt; }
span.header { color: #0080c8; font-size: 24pt; line-height: 0.9; }
span.text { color: #000000;  }
span.wtext { color: #ffffff;  }

@media screen and (min-width: 300px) and (max-width: 1049px) { 

    .footer {     
        flex-direction: column;
    }

    .cont_cont {
        flex-direction: column; }

    .cont_cont_one { width: 80%; padding: 30px 30px; }
    .cont_cont_two { width: 80%; padding: 30px 30px; }
    .cont_cont_header { width: 80%; padding: 30px 30px; }

    .footer_one { width: calc(80% - 60px); padding: 30px 30px; }
    .footer_two { width: calc(80% - 60px); padding: 30px 30px; }
    .footer_three {  width: calc(80% - 60px); padding: 30px 30px; }

}