html {
	background:#000;
	width:100%;
	margin:0;

}

body {
	margin:0px;
	
}

body, html {
	font-size:1em; // 16px;
	height:100%;
}

.wrap {
	min-height:100%;
	
}



ul {
	display:inline-block;
	list-style:none;
	padding:0;
	margin:0;
	
	
}

.footer {
  height: 50px;
  margin-top: -50px;
}
.foot-wrap {
	width:60%;
	margin:0 auto;
	position:relative;
	
}
.foot-butts {
	position:absolute;
	right:0px;
}

.foot-soc {
	width:50%;
	float:left;
}

.foot-soc a{
	margin-right:10px;
}

.foot-soc a:hover {
	color:#969696;
}

.foot-butts a {
	color:#fff;
	text-decoration: none;
	font-family: "roboto-condensed";
	font-weight:bold;
	
	
	
}

a.trailer, a.vimeo {
	padding:5px 10px;
	margin-right:0px;
	border-radius:.2px;
	
}

a.trailer {
	background:#c33;
}

a.trailer:hover {
	background:#a22929;
}

a.vimeo {
	background:#1daeec;
}

a.vimeo:hover {
	background:#1589c9;
	
}


img.headies {
	width:25%;
	float:left;
	margin-right:20px;
	}

	  	.menu-wrap {
	width:100%;
	
}

ul li.navigo {
	background:url('http://www.weareallangelsfilm.com/images/black.jpg');
	width:20%;
	position:relative;
	
}

.info, .content, .play, .screenings, .contact {
    display: none;
    background: #000;
    position: absolute;
    width: calc(100% - 80px);
    z-index: 9998;
    top: 100px;
    padding: 40px 40px;
    min-height:100%;
	
	
}

.borderbottom {
	border-bottom:2px solid #fff;
}

div.head-right ul li a:hover, div.head-right-mobi ul li a:hover  {
	border-bottom:2px solid #fff;
	}

p {
	color:#ccc;
	font-family: "roboto-condensed";
	font-size:16px;
}



h1, h2, p, h3, h4 {
	
color:#fff;
font-family: "roboto-condensed";

}



h3 {
	font-weight:bold;
	font-size:16px;
	margin:40px 0 0;
	text-transform:uppercase;
}

h4 {
	font-weight:bold;
	font-size:18px;
	margin: 0 0 10px;
	text-transform:uppercase;
}

header {
	padding:10px 20px 0;
	position:relative;
}



.head-left {
	float:left;
	margin-bottom:10px;
}
header h1 {
	
	text-align:left;
	font-size:2.5em;
	margin:0;
	
	width:100%;

	
}

span.rwd-line, span.r2d-line {
	display:inline;
	margin-right:10px;
}

span.r2d-line {
	font-size:21px;
	
}
.head-right{float:right;
	margin-top:20px;
}

header h2{

	text-align:right;
	text-transform:uppercase;
    margin: 30px 0 0;
    font-size: 21px;
}

	.head-right-mobi {
    display: none;
    position: absolute;
    top: 0%;
    text-align: right;
    right: 0%;
    z-index: 9999;
    padding:10px 20px;
	width:calc(20% - 40px);
	background:#000;
	margin-top:0;
}

.burger{float:right;


}

#mega-wrap {
	width:100%;
	position:relative;
}

.cont-wrap {
	position:absolute;width:60%;left:0;right:0;top:0;margin:auto;min-height:470px;display:none;
}

h3 a, h4 a {
	color:#fff;
	text-decoration:none;
}

h1 a {
	text-decoration:none;
	color:#fff;
	}

.burger a div {
	width: 41px;
	border-radius:0.5px;
	-moz-border-radius: 0.5px;
	-webkit-border-radius:0.5px;
    height: 7px;
    background-color: #fff;
    margin: 7px 0 -1px;
    }

.burger h2{

	text-align:right;
	text-transform:uppercase;
    margin: 9px 5px 0;
    font-size: 21px;
}

a.mobile {
	font-size:21px;
	font-family: "roboto-condensed";
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}

div.head-right-mobi ul li {
    width: auto;
       margin: 10px 0px;   
}

.head-right-mobi ul {
	background:#000;
	
}
	
	.head-right-mobi ul li {
		float:none;
		display:block;
	}

.wrap {
	position:relative;
	
}

ul li {
	float:left;
	width:10%;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	
}

ul li img {
	width:100%;
	
	
}

ul.row2 {
	display:none !important;
}

ul.col-1{
	width:20%;
	float:left;
	
	
}

ul.col-1 li{
	float:left;
	width:50%;
}

#overlay {
	width:100%;
	height:100%;
	position:absolute;
	background:#000;
	opacity: 1;
	z-index:900;
	
}

.vid-row {
	position:relative;
	
}

	.vid-container {
  position: relative;
  height: 0;
  overflow: hidden;
  margin:100px auto;
 float:none;
 width:60%;
}
 
/* 16x9 Aspect Ratio */
.vid-container-16x9 {
  padding-bottom: 33.75%;
}
 
/* 4x3 Aspect Ratio */
.vid-container-4x3 {
  padding-bottom: 75%;
}
 
.vid-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vid-container p {
font-size: 16px;
    font-family: "roboto-condensed";
    font-weight: 300;
    color: #fff;
    letter-spacing: 0.1px;
    margin-top: 5px;
    line-height: 22px;
}



video {
	width:100%;
	
	 }
	 
div.head-right ul li {
	width:auto;
	margin-right:20px;
	
	
}

div.head-right ul li:last-child {
	margin-right:0;
	
}
div.head-right ul li a, div.head-right-mobi ul li a {
	color:#fff;
	font-size:21px;
	font-family: "roboto-condensed";
	text-decoration:none;
	font-weight:bold;
	
}

div.head-right-mobi ul li a {
	font-size:28px;
}

	 @media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
	div.head-right-mobi ul li a {
		  font-size:52px;
	  }
	  
	  .head-right-mobi {
		  min-height:600px;
	  }
	span.rwd-line {
		font-size:90px;
	}	  
	
	
	
	span.r2d-line {
		font-size:40px;
		margin-bottom:20px;
	}
	  .burger h2 {
    text-align: right;
    text-transform: uppercase;
    margin: 35px 0px 0;
    font-size: 21px;
    
   
}

	.menu-wrap {
	width:100%;
	
}

.foot-soc {
		  float:none;
		  margin:0 auto;
		  width:100%;
		  text-align:center;
		  margin-bottom:40px;
		  max-width:820px;
	  }
	  .foot-soc a {
		  font-size:22px;
	  }

	
	}
	 

	 
@media only screen and (max-width: 1024px)  {
	
	  ul.col-1 {
		  display:none;
	  }
	  
	  ul.row2 {
	display:flex !important;
}

.foot-soc {
	margin-left:8%;
}
	  
	  .vid-container, .cont-wrap {
		  width:100%;
	  }
	  
	  .vid-container-16x9 {
		  padding-bottom:56.15%;
	  }
	  
	  header h1, .head-left, header h2, .head-right {
		  text-align:center;
		  float:none;
		  width:100%;
		  margin:0 auto;
		  
	  }
	  
	  header h2 {
		  margin-bottom:15px;
	  }
	  
	  span.rwd-line, span.r2d-line {
	display:block;
	margin-right:0;
	margin-bottom:20px;
	}
	

	
	.burger{float:none;
		width:50px;
		margin:20px auto 13px;
		
	}
	
	.head-right-mobi {
		width:100%;
		text-align:center;
		padding:10px 0;
		
		}
		
		.foot-wrap {
			width:100%;
		}
		
		
		
		.foot-butts {
			margin-left:auto;
			margin-right:auto;
			position:relative;
			text-align:center;
			
		}
	
	  

}




@media only screen and (max-width: 480px)  {
	
	  ul.col-1 {
		  display:none;
	  }
	  
	  .vid-container {
		  width:100%;
	  }
	  
	  .foot-soc {
		  float:none;
		  margin:0 auto;
		  text-align:center;
		  margin-bottom:20px;
	  }
	  .foot-soc a {
		  margin-right:0;
		  
	  }

	  	
	
	  
	  header h1, .head-left, header h2, .head-right {
		  text-align:center;
		  float:none;
		  width:100%;
		  margin:0 auto;
		  
	  }
	  
	 
	  
	  header h2 {
		  margin-bottom:15px;
	  }
	  
	  span.rwd-line {
	display:block;
	}
	
	img.headies {
		width:100%;
		float:none;
	}
	

	  

}