/* HTML5 Responsive Website - .css */


body{
	margin: 0;
	padding: 0;
	text-align:center;
	background : white;			/*  #4aa4d9;   Second blue */
	font-family : "Helvetica", "Arial", Tahoma;
}

header img {
	height: 90px;
	width: 1020px;
	max-width: 100%;
	border-radius: 0px;
}


.newImage {
	width: 100%;
	height: 510px;
}



/*
img {
	text-align : center;
	max-width : 100%;
	height : auto;
	width : auto;
	border-radius: 10px;
}
*/

#wrapper {
	margin : 0 auto;
	max-width : 1400px;
	width : 100%;
	background-color : #FA0000; /* main blue */
	/* padding : 0 0.4% 0.4% 0.3%;   */
	
}
header {
	text-align : center;
}


nav {
	background : yellow;
	margin-top : -1.3%; 	/*	#FCFC00; */
}
nav ul{
	list-style : none;
	margin-left : 12.2%;
	padding : 0;
	
}
nav li a {
	color : #fff;
	display : block;
	float : left;
	padding : 5px 17px 5px 17px; 
	text-decoration : none;
	font-size: 1.3em;
	border-right: 1px solid white;
	/* border-left: 1px solid white;	*/
}
nav li a:hover, nav li.active a {
	text-decoration : underline;
	background-color:#FFF;
	color:#FA0000;
}

.mobileMenu {
	display: none;
}


.clear {
	clear : both;
}



.left-col {
	background : #FA0000;		/* #97c8e8;   first blue */
	width : 100%;
	float : left;
	/* margin-top : 2%; */
	border-radius : 0px;
}

footer {
	
	width: 100%;
	color:#FA0000;
	background-color : #FFF;
	border: 1px solid #FA0000;
	border-radius : 0px;
	margin-top : 5px;
	/* margin-bottom: -15px;  */
	padding : 0 0 0 0px;
}

footer h3 {
	color: #FA0000;
}

footer a {
	color: #FA0000;
}


/*-- Media!--*/

@media screen and (max-width: 740px){
.left-col{
	width: 100%;
}
.sidebar {
	width : 100%;
}

.mobileMenu {
	display: none;
}

.newImage {
	width: 100%;
	height: 100%;
}

footer {
	width: 100%;
	margin-right: 0px;
}
}


@media screen and (max-width: 620px){
.left-col{
	width: 100%;
}
.sidebar {
	width : 100%;
}

header {
	height: 60px;
}

nav {
	display: none;
}

.mobileMenu {
	display: block;
	text-align: center;
	margin:0 auto;
	height: 40px;
}

.mobileMenu ul {
	list-style: none;
	text-align: center;
}

.mobileMenu ul li {
	float: left;
	margin: 18px 0 0 0;
}

.mobileMenu ul li a {
	text-decoration: none;
	color: white;
	padding: 5px 15px 15px 10px;
}

.mobileMenu ul li:hover {
	background-color: white;
}

.mobileMenu ul li:hover a{
	color: #FA0000;
}



footer {
	width: 100%;
	margin-right: 0px;
}
}