body {
	/* font-family: 'Ubuntu Condensed', sans-serif; */

	font-family: 'Rosario', sans-serif;

	background-image: url('background.jpg');
	background-attachment: fixed;
	background-position: top center;
	background-size: cover;
}

.container-fluid {
	max-width: 800px;
}

.container-fluid.header {
	background-color: rgba(0,0,0,0.8);
	margin-top: 60px;
}

.container-fluid.images {
	background-color: rgba(0,0,0,0.8);
	margin-top: 30px;
	margin-bottom: 52px;
}

.margin-top-20 {
	margin-top: 20px;
}
.margin-bottom-20 {
	margin-bottom: 20px;
}
.margin-top-10 {
	margin-top: 10px;
}
.margin-bottom-10 {
	margin-bottom: 10px;
}
.big img, .list-img {
	border: 2px solid #e3c064;
	box-sizing: border-box;
}
.list-img:hover {
	border: 2px solid #e9dab3;
}

.video {
	width: 770px;
	height: 433px;
	margin-top: 15px;
}
.footer {
	position: fixed;
	bottom: 0;
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	padding: 6px 0;
	z-index: 50;
}
.footer img {
	margin-left: 25%;
	
}


img.character {
	position: fixed;
	bottom: 0;
	left: 12%;
	z-index: 100;
	cursor: pointer;
}

img.triceraptos {
	position: fixed;
	bottom: 0;
	right: -40%;
	z-index: 50;
	cursor: pointer;
}


.links {
	text-align: center;
}
.links a {
	background-color: #17304E;
	color: #e3c064;
	padding: 8px 30px;
	text-transform: uppercase;
	font-weight: bold;
	border: 2px solid #e3c064;
	text-decoration: none;
}
.links a:hover {
	color: #e9dab3;
	border: 2px solid #e9dab3;
	cursor: pointer;
}
.copymobile {
	display: none;
}

@media all and (max-width: 1300px) {
	img.character {
		left: 3%;
	}
	img.triceraptos {
		right: -50%;
	}
	.footer img {
		margin-left: 19%;
	}
}

@media all and (max-width: 1160px) {
	img.triceraptos {
		right: -62%;
	}
}


@media all and (max-width: 1000px) {
	img.character, img.triceraptos {
		display: none;
	}
	.footer img {
		margin-left: 2%;
	}
}
@media all and (max-width: 800px) {
	.video {
		width: 100%;
	}
}
@media all and (max-width: 650px) {
	.video {
		height: 380px;
	}
}
@media all and (max-width: 550px) {
	.video {
		height: 310px;
	}
}
@media all and (max-width: 500px) {
	.container-fluid.header {
		margin-top: 10px;
	}

	.container-fluid.images {
		margin-top: 10px;
	}
	.footer img {
		margin: 0 2%;
		width: 96%;
	}
}
@media all and (max-width: 450px) {
	.video {
		height: 260px;
	}
}
@media all and (max-width: 385px) {
	.video {
		height: 180px;
	}
	.links a {
		padding: 8px 10px;
	}
}
@media all and (max-width: 322px) {
	.video {
		height: 145px;
	}
}

.big {
	padding: 15px 0 0;
	position: relative;
	display: none;
}

.images.single .thumbs {
	/*display: none;*/
}
.images.single .big {
	display: block;
}

.controlls {
	margin: 20px 0 20px;
}