.body {
	background-color: #fff;
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
}

#header {
 	background-color: #fff;
 	width:980px;
 	height:100px;
 	color:#FFF;
 	font-size:11px;
 	overflow:hidden;
 	margin:0 auto;
 	padding:0;
 	font-family: 'Open Sans', sans-serif;
 	margin-bottom: 1px;
}

.class1 {
    background-color: lightgrey;
    width: 85%;
    border-radius: 5px;
    border: 5px;
    padding: 11px;
    margin: 0 auto;
}

.class2 {
    background-color: lightblue;
    width: 85%;
    border-radius: 5px;
    border: 5px;
    padding: 11px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.left-image{
	float:left
	padding-right: 15px;
	padding-left: 5px;
}

#nav {
	background-color: #246888;
	width: 980px;
	height: 45px;
	font-weight: 700;
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-size: 20px;


}

#nav ul{
	padding-top: 10px;
	margin: 0 auto;
	
}

#nav li{
	display: inline;
	

}

#nav li a{
	text-decoration: none;
	color: #fff;
}


#container {
	width: 980px;
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
	border: 1px solid #939393;

}

#content {
	width: 960px;
	margin: 0 auto;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	font-family: 'Open Sans', sans-serif;
}


.bigfont {
	font-size: 30px;
	font-weight: bold;
}
.imgres {
	max-width: 100%;
	height: auto;
}

.parabig {
	font-size: 20px;
}

a {
	text-decoration: none;
	color: blue;
}

a:hover {
	text-decoration: underline;
}

/* SHARE BUTTON STYLEE */

#share-container {
    white-space: nowrap;
    margin: 0 0 18px;
}
#share-container, .text {
    text-align: center;
}

.box {
    cursor: pointer;
    display: inline-block;
    width: 33.3%;
    margin: 0 auto;
}

.box1, .box2, .box3 {
    border-radius: 3px;
    -webkkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.text {
    padding: 6px 0;
    color: #fff;
    font-weight: 700;
}

/* SHARE BUTTON STYLEE END*/

@media screen and (max-width: 1200px) {
#header {
	width: 980px;
}

#nav {
	width: 980px;
	font-size: 20px;
	}


#container {
	width: 980px;
}

#content {
	width: 960px;
}


}



@media screen and (max-width: 900px) {
#header {
	width: 100%;
	
}

#nav {
	width: 100%;
	font-size: 20px;
	}

#container {
	width: 98%;
}

#content {
	width: 90%;
}

}



@media screen and (max-width: 700px) {
#header {
	width: 100%;
	
}


#nav {
	width: 100%;
	font-size: 15px;
	}

#container {
	width: 98%;
	

}

#content {
	width: 90%;
}	

}




@media screen and (max-width: 600px) {
#header {
	width: 100%;
	
}


#nav {
	width: 100%;
	font-size: 15px;
	}

#container {
	width: 98%;
}

#content {
	width: 90%;
}	

}

@media screen and (max-width: 480px) {
#header {
	width: 100%;
	
}


#nav {
	width: 100%;
	font-size: 15px;
	}

#container {
	width: 98%;
}

#content {
	width: 90%;
}	

}

@media screen and (max-width: 400px) {
#header {
	width: 100%;

}

#nav {
	width: 100%;
	font-size: 12px;
	}

#container {
	width: 98%;
}

#content {
	width: 90%;
}	

}