@media all and (min-device-width: 450px){
	h1 {
		font-size: 1.5vw;
		margin-top: -5px;
		margin-bottom: 20px;
	}
	h2 {
		font-size: 100%;
	}
	.fly {
		width:250px; 
	}
	.mepimg {
/*		display:inline-block; 
		position:relative;*/
		height:400px; 
/*		margin:10px;*/
	}
}
@media all and (max-device-width: 450px){
	h1 {
		font-size: 7vw !important;
		top:0.5vw;
		line-height: 7vw;
		margin: 0;
		margin-bottom: 11px;
	}
	h2 {
		margin: 0;
		margin-bottom: 25px;
		font-size: 18px;
	}
	img {
		width: 100%;
		margin-right: 0;
		margin-bottom: 25px;
	}
	video {
		width: 100%;
	}
	.fly {
		float: none;
	}
}
h1 {
	display: block;


}

h3 {
	font-size: 80%;
}
video {
	margin-bottom: 30px;
	margin-right: 15px;
}


/* ---- isotope ---- */

.workcontent {
	text-align: center;
}

/* clear fix */
.workcontent:after {
  content: '';
  display: block;
  clear: both;
}

@media all and (min-device-width: 450px){
	.element-item-work {
		width: 600px;
		height: 337px;
	  	margin-right: 40px; 
	  	margin-top: 40px;
	  	display: inline-block;
	  	text-align: left;
	  	vertical-align: top;
	  	font-size: 15px;
	}
	.element-item-work--height {
		height: 714px;
	}
	.element-item-work--width {
		width: 1240px;
	}
	.element-item-work img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.element-item-work iframe {
		width: 100%;
		height: 100%;
	}
}
@media all and (max-device-width: 450px){
	.workcontent {
		padding-top: 50px;
		margin-right: 5%;
		margin-left: 5%;	
		text-align: center;
	}
	.element-item-work {
		width: 100%;
	  	margin-right: 20px; 
	  	margin-top: 20px;
	}
	.element-item-work img {
		width: 100%;
		height: 50.5vw;
		object-fit: cover;
	}
	.element-item-work video {
		width: 100%;
		height: 50.5vw;
	}
}

/*.element-item-work > * {
  margin: 0;
  padding: 0;
}*/

.element-item-work .name {
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: normal;
}