* {
    box-sizing: border-box;
}

body {
  background: rgba(10, 20, 40, 1);
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  perspective: 500px;
  	background-image: url(images/125650274.jpg); /* Путь к фоновому изображению */
	background-repeat: no-repeat;
}

.container {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
	z-index: 200;
}

ul {
    list-style: none;
    padding: 0;
}

.maint {
    text-align: center;
	color: white;
}
.section {
    box-shadow: 0 0 20px 0 rgba(72, 94, 116, 0.7);
}

.section > * {
    padding: 1em;
}

.brandname {
    background: #c9e6ff;
}

@media(min-width:993px) {
.brandname {
	background-image: url(images/magazin_green3.png); /* Путь к фоновому изображению */
	background-position: 55% 100%;
	background-repeat: no-repeat; 
}
}

.brandname h3, .brandname ul {
    text-align: center;
    margin: 0 0 1rem 0;
}

.contact {
    background: #f9feff;
}

.contact form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.contact form label {
    display: block;
}

.contact form p {
    margin: 0;
}

.contact form .full {
    grid-column: 1 / 3;
}

.contact form button, .contact form input, .contact form textarea {
    width: 100%;
    padding: 1em;
    border: 1px solid #c9e6ff;
}

.contact form button {
    background: #c9e6ff;
    border: 0;
    text-transform: uppercase;
}

.contact form button:hover, .contact form button:focus {
    background: #92bde7;
    color: #fff;
    outline: 0;
    transition: background-color 0.5s ease-out;
}

/* LARGE SCREENS */
@media(min-width:700px) {
    .section {
        display: grid;
        grid-template-columns: 1fr 2fr;
    }

    .section > * {
        padding: 2em;
    }

    .compnay-info h3, .brandname ul, .maint {
        text-align: left;
    }
}

/* Style the video: 100% width and height to cover the entire window */
#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}


/* TITLE */
   #MyTitle {
    position: relative; /* Относительное позиционирование */
   } 
   #MyTitle {
    text-shadow: 1px 1px 2px black, 0 0 1em black; /* Параметры тени */
    color: white; /* Белый цвет текста */
    font-size: 2em; /* Размер надписи */
	text-align: center;
   }

   #MyTitle { z-index: 200; }