@font-face {
    font-family: 'trebuchet';
    src: url('fonts/trebuc-webfont.woff2') format('woff2'),
         url('fonts/trebuc-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'tahomabold';
    src: url('fonts/tahomabd-webfont.woff2') format('woff2'),
         url('fonts/tahomabd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Tahoma';
    src: url('fonts/tahoma-webfont.woff2') format('woff2'),
         url('fonts/tahoma-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
    
    h1, h2, h3, h4,h5,.pseudoh3 {font-family: 'Trebuchet', sans-serif;color:#666;}
h1 {padding-top:20px;}
h1 {font-size:1.5rem;}
h2 {font-size:1.2rem;}
h3,.pseudoh3 {font-size:1.0rem;}

.chevron {color:#868e96;
	float:right;}

ul {
list-style-type: none;
}

p.about{font-family: 'Tahoma', sans-serif; font-size:0.9rem; line-height:1.5rem; margin-top:10px;color:#868e96;}
.first {margin-top:0px !important;}
li.about {font-family: 'Tahoma', sans-serif; font-size:0.9rem; line-height:1.5rem;color:#868e96;}
p.about a {text-decoration: none;}
nav {margin-bottom:60px; padding-left:30px;}
p {line-height:1.5rem}
hr{font-size:0.9rem;}
.blob {color:rgb(27, 126, 146);font-size:1.0rem;}
.indent{margin-left:10px;}
strong {font-family: 'tahomabold';}


.navbar {background-color:rgb(27, 126, 146);}
.navbar-brand, .navbar-link a,footer {font-family: 'Raleway', sans-serif;}


.btn-secondary {margin-top:10px; margin-bottom:20px;}
.center {text-align:center;}
.logos {padding-bottom:30px;}


@media screen and (max-width: 768px) {
.film-desktop {display:none;}
.film-mob {display:block}
h1,h3 {text-align:center;}

}
@media screen and (min-width: 768px) {
.film-mob {display:none;}
.film-desktop {display:block;}
}


@media screen and (max-width: 576px) {
.no-mob{display:none;}
.no-desktop{display:block;margin-left:5%;width:90%;margin-right:5%;}
.logos {padding:0px 5px 0px;}



}
@media screen and (min-width: 576px) {
.no-desktop{display:none;}
.no-mob{display:block;}
}


ul {list-style:none; list-style-position:inside; padding-left:0;}
ul.film-data li,ul.contact li  {font-family: 'Archivo Narrow', sans-serif;  font-size:0.8rem; color:#868e96;}
ul.contact li {font-size:1.0rem; }
ul.film-award {float:left;}
ul.film-award li {font-family: 'Archivo Narrow', sans-serif;  font-size:0.8rem; color:#ffffff;}


.film-data-head{font-family: 'Raleway',sans-serif; font-size:1rem; line-height:1.2; margin-top:10px;}
ul.film-data li.white {color:white;}
 a {color:#666; font-weight:700;text-decoration:none;}

 a:hover {opacity:0.5;}
a,a:hover,a:focus{color:#666;text-decoration:none;}
.holder {position:relative;}
.nav-link.text-muted,.nav-link {font-size:1rem !important;font-weight:400;}
/*.play {margin:auto;position:absolute;margin-top:50%; top:0;left:0; bottom:0;right:0;}*/
a.btn{font-family: 'Raleway',sans-serif;font-size:0.8rem; }
/*a.btn {color:#777;background-color: #f7f7f9;}*/
a.btn:focus,a.btn:visited {outline: none;}
.btn-secondary {border:none;}


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  background-color: white;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color:white;
  font-size: 0.9rem;
  text-align:center;}
.stripe {display:block;height:60px;width:100%;}
.navbar> .container {
    padding-left:0;
  }





/***backgrounds***/
.bg-white {
	background-color:white;
	}
.bg-greenscreen {
    background-color:rgb(161, 186, 195);
}
.bg-bluescreen {
    background-color:rgb(27, 126, 146);
}
.white {
    color:white !important;
    margin-bottom:10px;
    padding-top:7px;
    padding-bottom:7px;
}
.thirty {width:24.5%; margin:0; float:left;}

body > .container {
  padding: 30px 0px 0;
  }
/*.row{  margin-top:60px;
}*/

.footer > .container {
  */padding-right: 15px;
  padding-left: 15px;
}

.no-js {
 visibility: hidden;
 opacity: 0;
}
.js {
 visibility: visible;
 opacity: 1;
}

a:focus,a:visited {outline:0;border:0;}

.pad-top {
padding-top:15px;
}
.pad-left{
padding-left:0;padding-right:7px;
}
.pad-right{
padding-left:7px;padding-right:0;
}
.pad-bottom{
padding-bottom:20px;
}
.pad-none{
padding-left:0;padding-right:0;
}
/*.row {margin-top:30px !important}*/