html, body {
	margin: 0px;
	padding: 0px;
	font-family: verdana, sans-serif;
	height:100%;
	z-index: -10;
}

.content {
	width: 100%;
	height: vh;
}

.facebook {
	background-color: #3b5998;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	position: relative;
	height:49.25%;
	
	opacity: 0.7;
}

.facebook:hover {
	opacity: 1;
}

.facebook_img {
	vertical-align: middle;
	max-width:50%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.freadrect_rect {
	background-color: white;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height:1.5%;
	position: relative;
	z-index: 5;
}


.freadrect_round {
	width: 300px;
	height: 300px;
	margin: -132px auto;
}

.freadrect_img {
	width: 100%;
}


.mixcloud {
	background-color: #273a4b;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	position: relative;
	height:49.25%;
	
	opacity: 0.7;
}

.mixcloud:hover {
	opacity: 1;
}

.mixcloud_img {
	vertical-align: middle;
	max-width:50%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}