.contact-buttons {
text-align: center;
margin-top: 20px;
}
.contact-buttons img {
width: 100px;
margin: 10px;
cursor: pointer;
}
.center-media {
display: block;
margin: 0 auto;
text-align: center;
max-width: 100%; 
height: auto; 
}
.paragraph{
color: #1488de;
font-family:  Arial, Helvetica, sans-serif;
font-size: 67px;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* Пропорция 16:9 */
    height: 0;
    overflow: hidden;
    max-width: 940px; /* Максимальная ширина как у вас сейчас */
    margin: 0 auto; /* Центрирование */
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

body {
    margin: 0;
    padding: 0;
}

.logo-style {
    display: block;    /* Обязательно: делает картинку блоком */
    width: 100%;       /* Растягивается на доступную ширину */
    max-width: 900px;  /* Не дает стать шире основного баннера на ПК */
    height: auto;
    margin-left: auto; /* Магия центрирования: авто-отступ слева */
    margin-right: auto;/* Магия центрирования: авто-отступ справа */
    border: 0;
    padding: 0;
    box-sizing: border-box; /* Гарантирует, что ширина учитывается верно */
}



/* На компьютерах, чтобы лого не было гигантским */
@media (min-width: 900px) {
    .logo-style {
        max-width: 900px; 
        margin: 20px auto;
    }
}