body{
color:#fff;
font:18px/28px "MS Sans Serif", Geneva, sans-serif;
background-color:#3c108c;
background-image:url('../img/back.jpg');
background-repeat:no-repeat;
background-size:cover;
}
body{
padding:0;
margin:0;
}
a{
color:#fff;
text-decoration:none;
}
a:hover{
color:#fff;
}
header{
padding:2% 2% 2% 5%;
background-color:#330066;
}
header a{
text-decoration:none;
padding-bottom:4px;
border-bottom:2px #fff solid;
}
header,h1{
font-size:26px;
line-height:40px;	
}
h1{
display:inline;
font-weight:normal;
margin:5% 0 4% 0;
clear:both;
}
nav{
margin:4%;
}
nav a{
color:#fff;
display:inline-block;
text-align:center;
padding:1% 2%;
margin:1% 0 0 1%;
background-color:#330066;
border-radius:3px;
}
nav a:hover{
color:#fff;
background-color:#9900cc;
}
.video{
width:100%;
display:block;
}
form,#res{
margin:5%;
}
input,button{
color:#330066;
padding:4px 6px;
font-size:26px;
line-height:34px;
border:none;
border-radius:6px;
}	
button{
padding:5px 14px;
margin-left:5px;
background-color:#330066;
color:#fff;
cursor:pointer;
}
@media screen and (max-width:480px){
header,h1{
font-size:22px;
line-height:42px;	
}
input,button{
font-size:18px;
line-height:24px;
}
}