@charset "UTF-8";
/* CSS Document */
#header { 
	text-align: left;
	height: 100px;
	margin-top: 20px;
	font-size:50px;
}

ul {
	list-style-type: none;
	padding: 0px;
	overflow:hidden;
	margin: 0;
	padding-top: 40px;


	}

li {
		display: inline-block;
	}

#menu {
		text-align:right;
		width: 100%
		
}

#menu a {
	width: 100px;
}
	
#menu a:link,#menu a:visited {
	margin:0 auto;
	display:block;
	font-weight:bold;
	color:#00000F;
	text-align:center;
	padding: 0px;
	text-decoration:none;
	font-family: "Raleway", sans-serif;
	text-transform:uppercase;
}  

#menu a:hover, #menu a:active {
		background-color:white;
}
	

	
body {
	width:90%;
	margin: auto;
	font-family: "Raleway", sans-serif;
	}
body a:link, a:visited {
	color:#4F5058;
	text-decoration: none;

}
	
body a{
	text-align: center;
	color: black;
	
}
#grid {
	margin:auto;
		
	}
* {
    box-sizing: border-box;
}
.row:after {
    content: "";
    clear: both;
    display: table;
}
h1 {
	font-size: 30px;
}
[class*="col-"] {
    float: left;
    padding: 15px;
  
}
.col-1 img{
	width: 100% !important;
 	height: auto !important;
	text-align: center;
}
.col-2 img{
	width: 100% !important;
 	height: auto !important;
	text-align: center;
}
.col-3 img{
	width: 100% !important;
 	height: auto !important;
	text-align: center;
}
	.col-4 img{
	width: 100% !important;
 	height: auto !important;
	text-align: center;
}
.col-5 img{
	width: 100% !important;
 	height: auto !important;
	text-align: center;
}
.col-6 img{
	width: 100% !important;
 	height: auto !important;
	text-align: center;
}
.col-7 img{
	width: 100% !important;
 	height: auto !important;
	text-align: center;
}
.col-8 img{
	width: 100% !important;
 	height: auto !important;
	text-align: center;
}
.col-9 img{
	width: 100% !important;
 	height: auto !important;
	text-align: center;
}
.col-10 img{
	width: 100% !important;
 	height: auto !important;
	text-align: center;
}
.col-11 img{
	width: 100% !important;
 	height: auto !important;
	text-align: center;
}.col-12 img{
	width: 100% !important;
 	height: auto !important;
	text-align: center;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
	

   


.title{
	font-size:25px;
	text-align: center

	
}


@media only screen and (max-width: 900px) {
	#header {
		text-align: center;
		font-size:50px;
		margin-bottom: 0;
     }
	
    [class*="col-"] {
		width: 100%;
	}
	
	ul {
	list-style-type: none;
	padding: 0;
	overflow:hidden;
	margin: 0;
	}

li {
		display: inline-block;
	}

#menu {
		text-align: center;
		width: 100%
}
	
#menu a:link,#menu a:visited {
	margin:0 auto;
	display:block;
	font-weight:bold;
	color:#00000F;
	text-align:center;
	text-decoration:none;
	font-family: "Raleway", sans-serif;
	text-transform:uppercase;
}  

#menu a:hover, #menu a:active {
		background-color:white;
}
	

	body {
		width: 100%;
	}

	
}