@charset "UTF-8";
/* CSS Document */


ul {
	

    list-style-type: none;
    margin: 0 10;
    padding: 8px;
    overflow: hidden;
    background-color: #333;
	
	
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
    background-color: #111;

}



header {
	align:center;
	width:100%;
	top:0;
	z-index:99999;
	
	
	
}
body {
	
	padding-top:1px;
	margin:0 auto;
	background-color:purple;
	
	
}

#main {
	padding-bottom:500px;
}

#footer {
	text-align: center;
	background-color:#333;
	padding:10px;
	margin:0px;
	
	
	
}

#wrapper{

	margin:0 auto;
	border:solid;
	border-width:thick;
	border-color:orange;
	width:90%;
	height:100%;
	
}
#welcome{
padding-top:1%;	
}

.social li {
	display:block;
	margin:0;
	padding:14px 16px;
	float:center;
	width:16.6666666667%;	
	
}

.row1,.row2{ 
	width:100%;
	float: left;
	margin:5px;
}
	
.text1{
	width:60%;
	height:200px;
	float:left;
}

.image{
	width:40%;
	height:500px;
	float:right;
	
}

#holder {
	height:5px;
	width:250px;
	padding-bottom:500px;
	margin:20px;
	padding-top:100px;
	

}
#top {
	width:305px;
	height:100px;
	border:1px solid #333;
	border:solid;
	border-width:thick;
	border-color:orange;
	
	
}

#bottom {
	width:300px;
	height:350px;
	border:1px solid #333;
	border:solid;
	border-width:thick;
	border-color:orange;
	text-align:left;
	padding-top:20px;
	padding-left:5px;
	
	
}

#holder2 {
	height:5px;
	width:800px;
	padding-bottom:600px;
	margin:20px;
	padding-top:100px;
	

}
#top2 {
	width:805px;
	height:100px;
	border:1px solid #333;
	border:solid;
	border-width:thick;
	border-color:orange;
	
	
}

#bottom2 {
	width:800px;
	height:630px;
	border:1px solid #333;
	border:solid;
	border-width:thick;
	border-color:orange;
	text-align:left;
	padding-top:20px;
	padding-left:5px;
	
	
}

h1 {
	text-align:center;
}

@media screen and (max-width:680px) {
.text1{
	width:100%;
	height:400px;
	float:left;
}

.image{
	width:100%;
	height: 400px;
	float:left;
}
}

@media screen and (max-width:1080px) {
.text1{
	width:100%;
	height:auto;
	float:left;
}

.image{
	width:100%;
	height: auto;
	float:right;
}
}
h2 {
color:orange;	
	
}

.text1 {
	color:#F2F2F2;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}