.iconlogo {
	height:auto;
	width: 110px;
	float:right;
	margin:1.1% 0% 0 6%;
	padding:0% 1% 1% 1%;
	position:fixed;
	top:0;
	z-index:99;
}
#menubar {
	height:100px;
	width: 100%;
	float:right;
	background-color:rgba(255,255,255,1);
	position:fixed;
	top:0;
	z-index:99;
}
.h1 {
	font-size:380%;
	text-align:left;
	color: rgba(255,255,255,1);
	font-family: 'Fjalla One', sans-serif;

}
.h2 {
	font-size:280%;
	text-align:left;
	color: rgba(0,0,0,1);
	font-family: 'Fjalla One', sans-serif;

}
.h3 {
	font-size:280%;
	text-align:left;
	color: rgba(140,198,62,1);
	font-family: 'Fjalla One', sans-serif;

}
.h4 {
	font-size:180%;
	text-align:left;
	color: rgba(255,255,255,1);
	font-family: 'Fjalla One', sans-serif;

}
.responsive {
	width:100%;
	max-width:150px;
	height:auto;
}
.responsive2 {
	width:100%;
	max-width:250px;
	height:auto;
}
.readmore {
	height:auto;
	width:auto;
	background-color: rgba(0,0,0,1);
	padding:1.2%;
	float:right;
	font-size:20%;
	color: rgba(255,255,255,1);
	text-align:center;
	font-family: 'Heebo', sans-serif;

}
.readmore:hover {
	background-color: rgba(153,204,0,1);
	color: rgba(255,255,255,1);
}

.justforcontrol {
	height:auto;
	width:92%;
	float: none;
	margin:3% auto 0 auto;
	font-family: 'Open Sans', sans-serif;
}



#map {
  width: 100%;
  height: auto;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

#footercontrl {
	height:200px;
	width:100%;
	float:left;
	padding:3% 10% 3% 10%;
	background-color: rgba(0,0,0,1);
	color:rgba(255,255,255,1);
	font-family: 'Nunito', sans-serif;
	position:relative;
	font-size:80%;
	text-align: center;
	z-index:2;
}

.readmore {
	height:auto;
	width:auto;
	float:right;
	padding:2px 3% 2px 3%;
	background-color: rgba(153,153,153,1);
	color: rgba(255,255,255,1);
	font-family: 'Nunito', sans-serif;
	font-size:120%;
}
.readmore:hover {
	color: rgba(255,255,255,1);
	background-color: rgba(51,51,51,1);
}


.socials {
	height: auto;
	width:150px;
	float: left;
	padding:0.8%;
	margin: 2% 0% 0% 35%;
	position:absolute;
	}
.socialcubes {
	height:30px;
	width:30px;
	padding:2%;
	text-align:center;
	float:left;
	background: no-repeat rgba(21,21,21,1);
	margin:2px;
	border-radius:50%;
}
.socialcubes:hover {
	background:  rgba(140,198,62,1);
}
.webby {
	height: auto;
	width: auto;
	float:  left;
	margin: 0% 0% 1% 0.1%;
	color: rgba(255,255,255,1);
	font-size: 85%;
	font-family: 'Nunito', sans-serif;
	text-align: left;
	position:fixed;
	bottom:0;
	z-index:1;
	}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) {
	.iconlogo {
	height:auto;
	width: 80px;
	float:right;
	margin:4% 0% 0 17%;
	padding:0% 1% 1% 1%;
	position:fixed;
	top:0;
	z-index:99;
}

.h1 {
	font-size:380%;

}
.h2 {
	font-size:280%;

}
.h3 {
	font-size:280%;

}
.h4 {
	font-size:180%;

}

	.socials {
	height: auto;
	width:150px;
	float: left;
	padding:0.8%;
	margin: 2% 0% 0% 30%;
	position:absolute;
	}

#footercontrl {
	height: 120px;
	width:100%;
}
	} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.iconlogo {
	height:auto;
	width: 100px;
	float:right;
	margin:2% 0% 0 10%;
	padding:0% 1% 1% 1%;
	position:fixed;
	top:0;
	z-index:99;
}
.h1 {
	font-size:380%;

}
.h2 {
	font-size:280%;

}
.h3 {
	font-size:280%;

}
.h4 {
	font-size:180%;

}

	.socials {
	height: auto;
	width:150px;
	float: left;
	padding:0.8%;
	margin: 2% 0% 0% 32%;
	position:absolute;
	}

#footercontrl {
	height:150px;
	width:100%;
}
	} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

.h1 {
	font-size:380%;

}
.h2 {
	font-size:280%;

}
.h3 {
	font-size:280%;

}
.h4 {
	font-size:180%;

}

	.socials {
	height: auto;
	width:150px;
	float: left;
	padding:0.8%;
	margin: 2% 0% 0% 35%;
	position:absolute;
	}

#footercontrl {
	height:200px;
	width:100%;
}
	} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	
.h1 {
	font-size:380%;

}
.h2 {
	font-size:280%;

}
.h3 {
	font-size:280%;

}
.h4 {
	font-size:180%;

}

	.socials {
	height: auto;
	width:150px;
	float: left;
	padding:0.8%;
	margin: 2% 0% 0% 35%;
	position:absolute;
	}

#footercontrl {
	height:200px;
	width:100%;
}
	}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1440px) {
.iconlogo {
	height:auto;
	width: 110px;
	float:right;
	margin:1.1% 0% 0 6%;
	padding:0% 1% 1% 1%;
	position:fixed;
	top:0;
	z-index:99;
}	
.h1 {
	font-size:380%;

}
.h2 {
	font-size:280%;

}
.h3 {
	font-size:280%;

}
.h4 {
	font-size:180%;

}

	.socials {
	height: auto;
	width:150px;
	float: left;
	padding:0.8%;
	margin: 2% 0% 0% 35%;
	position:absolute;
	}

#footercontrl {
	height:200px;
	width:100%;
}
	}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1920px) {
	.iconlogo {
	height:auto;
	width: 110px;
	float:right;
	margin:1.1% 0% 0 6%;
	padding:0% 1% 1% 1%;
	position:fixed;
	top:0;
	z-index:99;
}
.h1 {
	font-size:380%;

}
.h2 {
	font-size:280%;

}
.h3 {
	font-size:280%;

}
.h4 {
	font-size:180%;

}

	.socials {
	height: auto;
	width:150px;
	float: left;
	padding:0.8%;
	margin: 2% 0% 0% 35%;
	position:absolute;
	}

#footercontrl {
	height:200px;
	width:100%;
}
	}