*{
	margin: 0;
	padding: 0;
}
@font-face {
font-family: neons;
src: url("../fonts/neons.otf")
}

@font-face {
font-family: europe;
src: url("../fonts/europe.ttf")
}

@font-face {
font-family: heptaslab;
src: url("../fonts/heptaslab.ttf")
}

@media screen and (min-width: 1366px) and (max-height: 1919px) {
figure#laptop {width: 1366px;
	height: 768px;
	margin: 2vh auto 0 auto;	 
}

figure#tablet{ display: none; }

		figure#mobile { display: none;}}

@media screen and (min-width: 768px) and (max-width: 1365px) {

		figure#tablet {
			width: 768px;
			height: 1024px;
			margin: 2vh auto 0 auto;
			
			}
			figure#laptop{ display: none; }

		figure#mobile { display: none;}}


@media screen and (max-width: 479px) {

		figure#mobile {
			width: 375px;
			height: 627px;
			margin: 2vh auto 0 auto;
		}
	
			figure#laptop{ display: none; }

		figure#tablet { display: none;}}


 section {
	width: 50%;
	height: 10% ;
	margin-top: 10%;
	margin-left: 15%;

float: left;
}

.container {
  position: left;
  width: 100%;
}


.text-block {
  position: absolute;
  bottom: 20px;
  padding-left: 60px;
 }




header {
		width: 78vw;
		height: 30vh;
		padding: 0vh 20vw 0 2vw;
}
main {width: 78vw;
		height: 60vh;
		padding: 0vh 20vw 0 2vw;
		
		background-position: center;
	

}
footer {
		width: 78vw;
		height: 13vh;
		padding: 0vh 20vw 0 2vw;}

h4{font-family: heptaslab, bold;
				font-size: 14pt;
				color: #4d1a00;

			}
			a, ul, li { text-decoration: none;
			list-style-type: none; }

			h4:hover { font-family: "neons";
	color: orange;
	font-size:  14pt;
	text-align: left;

}
			div {
			display: inline-block;
	float: left;
	margin-top: 2vh;
	border: 2px; 
	padding: 6px;
	margin-left: 3%;
	}

h1 {font-family: heptaslap;
			font-size: 27pt;
			font-weight: normal;
			text-align: center;
			color: black;
			margin-top: 3%;}


h2 {
	font-family: "Trebuchet",;
	color: white;
	font-size:  16pt;
	text-align: center;
}

h3 {
	font-family: "Trebuchet";
	color: white;
	font-size:  18pt;
	margin-left: 35%;
}

}

p {font-family: "Roboto", cursive, bold;
	color: black;
	font-size: 14pt;
	text-align: left;
	background-color: white;
	
}
h6 {
	font-size: 11pt;
	font-weight: normal;
	color: white;
 }



img#glasses {
	float: left;
	margin-top: 3%;
	margin-left: -2%;
	margin-right: 0%;

width: 127%;
height: 100%;}





footer {background-color: #4d1a00;

		width: 78vw;
		height: 13vh;
		float: left;
		margin-left: 0%;
		}