/*
Selector {
   Property: Value;
}
https://css-tricks.com/
 */

 body {
/*background-image: url(../HTML/img/bit-studios-circle_logo.jpg);
background-size: cover; 
font-family: ; */
} 

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

h1 {
text-align:center;
} 

ul {
text-align:left;
}

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

.logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 15%;
  height: 15%
  opacity: 0.5;
}

.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: 103px;
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;
}