#triangle {
	position: fixed;
}

#logo {
	position: fixed;
}

#mov {
	width: 60vw;
    height: calc((9/16)*60vw);
	padding-top: 5px;
}

.film {
	text-align: center;
	background-color: #fff;
}

.podholder {
	padding: 50px 10%;
}

.bgimg-4 {
	min-height: initial;
}

.bgimg-2, .bgimg-3 {
	min-height: 600px;
}

.caption span.border {
	background-color: rgba(0,0,0, 0.6);
	text-transform: uppercase;
	border: 2px solid #fff;
	
}

#bounce {
	    position:fixed;
    left:50%;
    bottom:30px;
    margin-top:-25px;
    margin-left:-25px;
    height:50px;
    width:50px;
    background: white;
	 -webkit-animation:bounce 2s infinite;
    -moz-animation:bounce 2s infinite;
    -o-animation:bounce 2s infinite;
    animation:bounce 2s infinite;
}

  @-webkit-keyframes bounce {
    0%       { bottom:30px; }
    50%      { bottom:45px; }
    100%     {bottom:30px;}
  }
  
   @-moz-keyframes bounce {
    0%       { bottom:30px; }
    50%      { bottom:45px; }
    100%     {bottom:30px;}
  }
  
   @-o-keyframes bounce {
    0%       { bottom:30px; }
    50%      { bottom:45px; }
    100%     {bottom:30px;}
  }
  
   @keyframes bounce {
    0%       { bottom:30px; }
    50%      { bottom:45px; }
    100%     {bottom:30px;}
  }


#exit {
	color: #e6e6e6;
}

#exit:hover {
	color: #bd2285;
}

.box {
	width: 250px;
	height: 300px;
	display: inline-block;
	margin: 10px 10px;

}

.box2 {
	width: 250px;
	height: 250px;
	outline: 3px solid #fff;
	overflow: hidden;
}

.box2 img {
	text-align: center;
	height: 250px;
	width: 250px;
}

.team {
	color:#ddd;
	background-color:#282E34;
	text-align:center;
	padding:50px 0;
}

@media only screen and (max-width: 1000px) {
	#mov {
		width: 90vw;
		height: calc((9/16)*90vw);
		padding-top: 5px;
	}
	.caption span.border {
		font-size: 16px;
		letter-spacing: 2px;
	}
}
 
@media only screen and (max-width: 1110px) {
	.team {
		padding: 50px 20%;
	}
	}	
	
@media only screen and (max-width: 930px) {
	.team {
		padding: 50px 10%;
	}
		#triangle {
		border-top: 100px solid rgba(189, 34, 133, 0.79);
		border-right: 120px solid transparent;
		position: absolute;
		}
		#logo {top: 20px; left: 20px; position: absolute;}
		#logo img {width: 100px;}
	}	

	
@media only screen and (max-width: 420px) {
	.caption span.border {
		font-size: 12px;
		letter-spacing: 1px;
	}

	.textholder {
		padding: 50px 20px;
	}
}



@media (min-aspect-ratio:16/9) {
    #elem {
        height: 100vh;
        width: calc((16/9)*100vh);
    }
}