* {
	margin: 0;
	padding: 0;
}

a{
	text-decoration:none
}

body{
		background-color: #e0e0e0;
		border-top-style: solid;
		border-top-color:#1e5a92; 
		border-top-width: 10px;
		font-family: Helvetica, Arial, sans-serif;

}

h1{
	color:#1e5a92;

	font-family:Georgia, serif;
	font-size:30px;
	font-weight:500;
	text-align: left;



}

h1 a{
	color: #1e5a92;
}



h2{
	color:#1e5a92;
	font-family:Georgia, serif;
	font-size:24px;
	font-weight:500;
	text-align: left;
	padding-bottom: 5px;
}

h3{
	color:#1e5a92;
	font-family:Georgia, serif;
	font-size:18px;
	font-weight:500;
	text-align: left;
	padding-bottom: 5px;
}
@media screen and (max-width: 700px) {
	h3 {
	font-size:14px;

	}
}


p{

	color: #364147;
	padding-top:3px;
	padding-bottom: 15px;
	font-family: Georgia, serif;
	text-align: left;
	display: block;

}

p#about{
	font-size:16px;
}

p#response{
	text-align: center;
	padding-top:20px;
	font-size:25px;
	color: #364147;
}

p#what{
	text-align: center;
	color: #364147;
}

p#what a{
	color: #364147;
}

strong{
	color: #364147;
	font-size:26px;
	font-weight: 200;
}


form{
	color: #364147;
	font-size:25px;

}

img{

	float:right;
	padding-top:10px;
	margin-left: 20%;

}


#content{

	text-align:center;

}


#head{

	max-width:900px;

	margin-left: 20%;
	margin-right: 20%;
	padding-top: 10px;
	border-bottom-style:solid; 
	border-bottom-color: #b5b5b5;
	border-bottom-width: 1px;

}

@media screen and (max-width: 700px) {
	#head {
	margin-top:3%;
	margin-left: 3%;
	margin-right: 3%;

	}
}



#about{
	max-width:900px;
	margin-top:30px;
	margin-left: 20%;
	margin-right: 20%;


}

@media screen and (max-width: 700px) {
	#about {
	margin-left:5%;
	margin-right: 5%;


	}
}

#beef{
	max-width:900px;
	margin-top:30px;
	margin-left: 20%;
	margin-right: 20%;

}

@media screen and (max-width: 700px) {
	#beef {
	margin-top: 10px;
	margin-left:5%;
	margin-right: 5%;

	}
}

#yourtweet{
	max-width:900px;
	margin-top:10px;
	margin-left: 20%;
	margin-right: 20%;

}

@media screen and (max-width: 700px) {
	#yourtweet {
	margin-top:5px;
	margin-left:5%;
	margin-right: 5%;

	}
}



#footer{
   	margin-left: 20%;
   	color: #364147;
   	font-size: 12px;
}

#footer a{
	color:#364147;

}

@media screen and (max-width: 700px) {
	#footer {
	margin-left:15px;

	}
}


#white{
	color: #ffffff;
	text-align: center;
}

#white a{
	color:#ffffff;
}



input {
	width: 100%;
	/*max-width:350px;*/
	height: 60px;
	border: 2px solid #e0e0e0;
	outline: 0;


	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	text-transform:capitalize;

	background-color: #ffffff;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;
	margin-top:15px;
	margin-bottom: 10px;
}

@media screen and (max-width: 700px) {
	input {
	height: 40px;
	margin-top:6px;
	margin-bottom: 3px;

	}
}




input:focus, textarea:focus, select:focus {
	   outline: none;
	   border: 2px solid #1e5a92;

	   
	 }

#next-button{
	color:#FFFFFF;
	background-color: #1e5a92;
}



#example{
	padding:10px;
}