*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Popins', sans-serif;
 }

 .page{
     width: 100%;
     height: 100vh;
     background-image: linear-gradient(rgba(12,3,51,0.3),rgba(12,3,51,0.3));
     position: relatives;
     padding: 0 5%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 nav{
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     padding: 20px 8%;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 nav .logo{
     width: 120px;
 }

 nav ul li{
     list-style: none;
     display: inline-block;
     margin-left: 40px;
 }

 nav ul a{
     text-decoration: none;
     color: #fff;
     font-size: 17px;
 }

 .content{
     text-align: center;
 }

 .content h1{
     font-size: 160px;
     color: #fff;
     font-weight: 600;
     transition:0.5s;
 }

 .content h1:hover{
    -webkit-text-stroke: 2px #fff;
     color: transparent;
 }

 .content a{
   text-decoration: none;
   display: inline-block;
   color: #fff;
   font-size: 24px;
   border: 2px solid #fff;
   padding: 14px 70px;
   border-radius: 50px;
   margin-top: 20px;   
 } 

 .background-video{
  position: absolute;
  right: 0;
  bottom:0;
  z-index:-1;
 }

 @media (min-aspect-ratio:16/9){
 .background-video{
     width: 100%;
     height: auto;
   }

 @media (max-aspect-ratio:16/9){
 .background-video{
     width: auto;
     height: 100%;
   }

 }

 /*------------------------------------------------------------------------------------------------------------- */

 section {
border: 3px solid #3399cc;
width: 600px;
}

h1 {
text-align:center;
padding: 8px 12px;
} 

ul {
text-align:left;
}

.center_list p{
align:right;
}

p, ol {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 67%;
}

.button {
background: rgb(51, 153, 204);
padding: 8px 12px;
text-decoration: none;
border-bottom: 3px solid rgb(29,137,191);
color: #ffffff;
display: inline-block;
text-shadow: 0 1px 2px rgba(0,0,0,.2);
border-radius: 7px;
}

input[type="text"]:hover {
background: #bfbfb8; 
}

input[type="email"]:hover {
background: #bfbfb8; 
}

input[type="date"]:hover {
background: #bfbfb8; 
}

input[type="time"]:hover {
background: #bfbfb8; 
}

input[type="tel"]:hover {
background: #bfbfb8; 
} 

select[name="3D_Video_Package"]:hover {
background: #bfbfb8; 
} 

#container {
position:relative;
margin:30px;
width:800px;
height: 120px;
background: #3399cc;
margin: 0 auto 0 auto;
}

#inner_right {
position:absolute;
top:3px;
right: 30px;
width:150px;
height: 100px;
background: #3399cc;
}

#inner_left {
position:absolute;
top:3px;
left: 30px;
width:200px;
height: 100px;
background: #3399cc;
}

#inner_middle {
position:absolute;
top:3px;
right: 300px;
width:150px;
height: 100px;
background: #3399cc;
}