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

body {
	background-color: #000;
	font-family: 'Fira Sans', sans-serif;
	color: #fff;
	z-index: 20;
	}

/*Fonts*/
h1 {
    font-size: 22pt;
	font-weight:700;
	text-transform: uppercase;
	line-height: 26pt;
	letter-spacing: 2px;
}

a:link {
    color: #fff;
	font-weight:700;
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none;
}

a:visited {
    color: #fff;
	font-weight:400;
}

a:hover {
    color: #fff;
	font-weight:900;
	text-decoration: underline;
}

a:active {
    color: #fff;
	font-weight:900;
	text-decoration: underline;
}
.header {
	  top: 0px;
		height:auto;
		width:25%;
		display:block;
		position: fixed;
		background-repeat: no-repeat;
		background-color: #000;
		overflow:auto;
		float:left;
		z-index: 20;



}
.header img {
		margin-left:auto;
		margin-right:auto;
		width:97%;
		margin-top: 1%;
}

.button1 {
		height:auto;
		width: 13%;
		float:left;	
		display:block;
		overflow:auto;
		margin-top: 1%;
		margin-bottom: 1%;
}

.button2 {
		height:100%;
		width: 74%;
		float:right;	
		display:block;
		overflow:auto;
		margin-bottom: 1%;
}

.image {
		height:auto;
		width:24%;
		display:block;
		overflow:auto;
		float:left;
		margin: 0.5%;
}

.image img {
		margin-left:auto;
		margin-right:auto;
		width:99%;
}
@media screen and (max-width: 1300px){
.header {
		height:auto;
		width:32%;
}
.image {
		height:auto;
		width:32%;
		display:block;
		overflow:auto;
		float:left;
}
}
@media screen and (max-width: 1000px){
.header {
		height:auto;
		width:49%;
}
.image {
		height:auto;
		width:49%;
}
}
@media screen and (max-width: 800px){
.header {
		height:auto;
		width:100%;
		margin:0px;
		padding-right: 15px;
}	
.header img {
		width:95%;
		margin-top: 1%;
}
.image {
		height:auto;
		width:100%;
}
}