/* !FOCUSED IMAGES */
/*-----------------------------------------*/
.focuspoint {
	position: relative; /*Any position but static should work*/
	overflow: hidden;
}

.focuspoint2 {
	position: relative; /*Any position but static should work*/
	overflow: hidden;
	width: auto;
	height: 100vh;
}

.focuspoint img {

	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	display: block;
	
	width: auto; height: auto;
	min-width: 100%; min-height: 100%;
	max-height: none; max-width: none;


}

.focuspoint2 img {	
	position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

.focuspoint video {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	display: block;
	/* fill and maintain aspect ratio */
	width: auto; height: auto;
	min-width: 100%; min-height: 100%;
	max-height: none; max-width: none;
}



@media all and (min-aspect-ratio:4/3) { 
.focuspoint2 video {

  top: 0;
  left: 0;
  width: auto;
  height: 100vh;
  background-color: black; 
}
}
@media all and (max-aspect-ratio:4/3) { 
.focuspoint2 video {
  top: 0;
  left: 0;
  height: 100vh;
	width: auto;
  background-color: black; 
}
}