body{
margin:= 0;
padding: 0;
text-align: center;
background: linear-gradient(rgba(0,0,50,0.5), rgba(0,0,50,0.5));
background-image: url("paper.gif");
  background-color: #aaa;
/*, url(baloon.jpg);*/
background-size: cover;
background-position: center;
font-family: sans-serif;

}


.contact-title
{
   margin: top 100px;
   color:#fff;
   text-transform: uppercase;
   transition: all 4s ease-in-out; 
}
'contact-title h1{
    
    font: size 32px;
    line-height:80px;
}
.contact-title h2
{
    font-size: 16px;
}

form
{
    margin-top: 50px;
    transition: all 4s ease-in-out;
}

.form-control{

    width: 600px;
    background: transparent;
    border: none;
    outline: none;
    border-bottom: 1px solid grey;
    color: #fff;
    font-size: 18px;
    margin-bottom: 16px; 
}


input
{
    height: 45;

}

form .submit
{
    background:#ff5722;
    border-color: transparent;
    color: #fff;
    font-weight: bold;
    letter-spacing:2px;
    height: 50px;
    margin-top:20px;
}

form .submit:hover{

    background-color: #f54578;
    cursor: pointer;
    
}
#menu{
    position: fixed;
    scroll-behavior: under;
    width: 1500px;
}

#container ul{
    list-style: none;
}
#container ul li{
background-color: black;    
width:185px;
border: 1px solid white;    
height: 35px;
line-height:35px;
text-align: center;
float: left;
color: white;
font-size: 18px;
position: relative;


}

#container ul li:hover{
    background-color: red;
}

#container ul ul{
    display:none;
}
 /* > targets the same element*/
#container ul li:hover> ul{
    display: block;
} 

#container ul ul ul{
    margin-left: 200px;
    top:0px;
    position: absolute;
}
