@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	overflow:hidden;
	background:url('http://portfolio.criacaolivre.com/img/bg.jpg?vr=1.2') center no-repeat;
	background-size:cover;
}
* {margin: 0; padding: 0;}
body,html{width:100%;height:100%;}
.content{border-radius:0px; -webkit-border-radius:0px; -webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,0);box-shadow: 0 10px 15px 0 rgba(0,0,0,0);}
.content{width:998px;height:561px; left:calc(50% - 499px); top:calc(50% - 280.5px); position:absolute; display:none; overflow:hidden; }

.content .replay{ width:998px; height:561px; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.7); z-index:999; text-align:center; display:none;font-size:12px; color:#fff; }
.content .replay img { margin-top:180.5px; width:200px; height:200px; cursor:pointer; }


@media screen and (min-width: 569px) and (max-width : 768px) {
	.content{border-radius:0px; -webkit-border-radius:0px; -webkit-box-shadow: 0 5px 7.5px 0 rgba(0,0,0,0);box-shadow: 0 5px 7.5px 0 rgba(0,0,0,0);}
	.content{width:525px;height:295px; left:calc(50% - 262.5px); top:calc(50% - 147.5px); position:absolute; display:none; overflow:hidden;}
	.content .replay{ width:525px; height:295px; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.7); z-index:999; text-align:center; display:none; font-size:12px; color:#fff; }
	.content .replay img { margin-top:72.5px; width:150px; height:150px; cursor:pointer;}
	
}
@media screen and (max-width: 568px){
	.content{border-radius:03px; -webkit-border-radius:0px; -webkit-box-shadow: 0 3.33px 5px 0 rgba(0,0,0,0);box-shadow: 0 3.33px 5px 0 rgba(0,0,0,0);}
	.content{width:340px;height:191px; left:calc(50% - 170px); top:calc(50% - 95.5px); position:absolute; display:none; overflow:hidden;}
	.content .replay{ width:340px; height:191px; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.7); z-index:999; text-align:center; display:none;font-size:12px; color:#fff; }
	.content .replay img { margin-top:45.5px; width:100px; height:100px; cursor:pointer;}
	
}
#mediaPlayer{width:200px;height:200px;position:absolute;top:calc(50% - 100px);left:calc(50% - 100px); z-index:99999;}
#mediaPlayer #playButton{float:left;width:200px;height:200px;border:none;background:url('../img/buttonon.png') center no-repeat; display:block;cursor:pointer; }
#mediaPlayer #playButton:hover{}

video#backgroundvid { 
position: absolute; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto; z-index: -100;
background-size: cover; 
}