/*
Theme Name: TalesofFreedom
Theme URI: https://www.talesoffreedom.com
Author: Tales of Freedom
Author URI: -
Description: -
Version: 1.0
*/


/*HEADER*/

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}


body{
	position: absolute;
	background: #111111 no-repeat center center fixed;
	background-attachment: fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	min-width: 100%;
	/*min-height: 100%;*/
	min-height: 480px;
	max-height: 480px;
	height: 100%;
	width: 100%;
	color: #111111;
	/*background-image: url('images/talesoffreedom.jpg');*/
	text-align: center;
	display: block;
}

a{
	color: #ccc;
}

.social-media a{
	display: block;
	float: left;
	height: 3.5em;
	width: 3.6em;
}

.modal-header .close span{
	color: #000000;
}

.social-media{
	margin-left: -12.5em;
	width: 26em;
	display: block;
	position: absolute;
	top: 39%;
	left: 50%;
	height: 3em;
}

img{
	max-width:100%;
	max-height: 100%;
	width:auto\9;
	height:auto;
	vertical-align:middle;
	border:0;
	-ms-interpolation-mode:bicubic;
}



@media (min-width: 480px) {

.social-media a{

	height: 3.5em;
	width: 4.7em;
}



.social-media{
	margin-left: -16.5em;
	width: 33.5em;
	height: 3.5em;

}

body{
		min-height: 640px;
		max-height: 640px;
	}

}





@media (min-width: 560px) {

.social-media a{

	height: 4em;
	width: 4.7em;
}



.social-media{
	margin-left: -16.5em;
	width: 33.5em;
	height: 4em;

}

body{
		min-height: 640px;
		max-height: 640px;
	}

}




@media (min-width: 650px) {

	.social-media a{
		height: 4em;
		width: 4.7em;
	}

	.social-media{
		margin-left: -16.5em;
		width: 34em;
		height: 4em;
	}

	body{
		min-height: 640px;
		max-height: 640px;
	}

}



@media (min-width: 800px) {

	.social-media a{
		height: 4em;
		width: 5.1em;
	}

	.social-media{
		margin-left: -17.8em;
		width: 37em;
		height: 4em;
	}

	body{
		min-height: 700px;
		max-height: 700px;
	}

}


@media (min-width: 1000px) {

	.social-media a{
		height: 4.2em;
		width: 5.3em;
	}

	.social-media{
		margin-left: -18.5em;
		width: 39.0em;
		height: 4.2em;
	}

	body{
		min-height: 700px;
		max-height: 700px;
	}

}

@media (min-width: 1400px) {

	.social-media a{
		height: 5.5em;
		width: 6.5em;
	}

	.social-media{
		margin-left: -22.5em;
		width: 47.0em;
		height: 5em;
	}

	body{
		min-height: 900px;
		max-height: 900px;
	}

}