@charset "UTF-8";
/* CSS Document */


.thumb-h{
    width: 48%;
	margin: 1%;
    height: 380px;
    float: left;
    opacity: 1;
	overflow: hidden;
	transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out; 
}
.thumb-v{
    width: 23%;
	margin: 1%;
    height: 380px;
    float: left;
    opacity: 1;
	overflow: hidden;
	transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out; 
}
.thumb-c{
    width: 30%;
    height: 300px;
    float: left;
    opacity: 1;
	overflow: hidden;
	transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out; 
}

	
.thumb-h:hover{
		opacity: .8;
}

	
.thumb-v:hover{
		opacity: .8;
}

	.thumb-c:hover{
		opacity: .8;
}

.kasiamichal{
	background:url("../img/proyects/kasia-michal-2018/cta.jpg") no-repeat;
	background-position: center;
	background-size: cover;
}

.kasiamichalwed{
	background:url("../img/proyects/kasia-michal-2019-wedding/cta.jpg") no-repeat;
	background-position: center;
	background-size: cover;
}
.santiagojosune{
	background:url("../img/proyects/josune-santiago-2017/cta.jpg") no-repeat;
	background-position: center;
	background-size: cover;
}

.videoscont{
	width: 48%; margin: 1%; float: left; position: relative;
}
@media only screen and (max-width: 900px) {
	
	.thumb-h{
		 width: 96%;
		margin: 2%;
    height: auto;
}
	
.thumb-v{
	  width: 96%;
		margin: 2%;
    height: auto;
	}
	.videoscont{
	width: 98%; margin: 1%; float: left;
	}
}

}