*{
	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;}}



 section {
	width: 40%;
	height: 30% ;
	margin-top: 30%;
	margin-left: 10%;
padding-top: 25%
	border-radius: 30%;
	opacity: 0.6;


}


header {
		width: 78vw;
		height: 30vh;
		padding: 2vh 20vw 0 2vw;
}

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

			}
			a { text-decoration: none }

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

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


h1 {margin-top: 10%;
	font-family: "Bodoni", bold;
	color: black;
	font-size: 14pt;
	text-align: center;
}
h2{ font-family: "Helvetica", bold;
	color: black;
	font-size: 11pt;
	text-align: left;

}



p {font-family: "Roboto", cursive, bold;
	color: black;
	font-size: 14pt;
	text-align: center;
	background-color: white;

	
}


img {
	float: left;
	margin-left: 0%;}

	.red {
		background-image: url("../images/cocoamain.jpg");
		background-size: cover;
	background-repeat: no-repeat;
	}

	

	.yellow {
		background-image: url("../images/cocoamain.jpg");
		background-position: center;
		background-size: cover;
	background-repeat: no-repeat;
	}

	.mob {
		background-image: url("../images/Logo.png");
		margin-top: -60px;
		width: 270px;
		height: 170px;

	}
	.laptop{
		margin-top: 10%;
	}

	.blue {
		background-image: url("../images/cocoamain.jpg");
		background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	}