body{
	background-color: lightblue;
}
header{
	background: url('../img/UtubebannerGmail.jpg')no-repeat;
	background-size: 100% 100%;
	
}
.wrapper{
	width:  100%;
	height:  400px;
}
nav{
	padding-top: 330px;
}
ul{
	display: flex;
	justify-content: space-around;
}
li{
	font-size:  30px;
	list-style: none;
	color: white;
}
a{
	text-decoration:  none;
	color:  white;
}
.social{
	position: fixed;
	bottom: 200px;
	right:10px;
	list-style: none;
	
}
.social li{
	width: 38px;
	height: 38px;
	text-indent: -9999px;
	background: url(./img/Socials.png) no-repeat;
	transition: all .3s;
}
.social li a, a:visited, a:hover{
	outline:none;
	display:block;
}
li.utube{
	background-position: 0% 0%;
}
li.utube:hover{
	background-position: 100% 0%
}

li.instagram{
	background-position: 100% 100%;
}
li.instagram:hover{
	background-position: 0% 100%;
}
.center{
	margin-top: 10px;
	width:  100%;
	text-align:center;
}
img{
	width: 50%;
	
}
footer{
	
	background-color: grey;
	color: white;
}
footer p{
	text-align: center;
	font-size: 16px;
	padding: 5px;
}

//contact//

#overlay{
	width:  100%;
	height: 100%;
	position: fixed;
	background-color: #D60309;
}
form{
	max-width: 550px;
	width: 90%;
	background: #9E9E9E;
	margin: 6vh auto 0 auto;
	padding: 40px;
	border-radius: 6px;
	box-sizing: border-box;
}
h1{
	margin-top: 40px;
	text-align: center;
}
label{
	display: block;
	margin: 20px 0;
}
input, textarea{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	outline: none;
	resize: none;
	border:none;
	border-bottom: 1px solid #CE3C70/*#D3D3D3*/;

}
input[type="text"]:focus; textarea:focus{
	border-bottom: 1px solid rgb(255,0,106);
}
textarea::-webkit-scrollbar{
	width: 4px;
}
textarea::-webkit-scrollbar-thumb{
	background-color: rgb(255,0,106);
}
.center{
	text-align: center;
}
input[type="submit"]{
	margin-top: 30px;
	width: 90%;
	max-width: 200px;
	background:  linear-gradient(to right, rgb(255,0,106),rgb(255,67,61));
	color: white;
	font-size:  17px;
	cursor: pointer;
	border-radius: 3px;
}
.error{
	color: red;
}
.error-border{
	border-bottom: 1px solid red;
}
#sucess{
	color: #28A745;
}