/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

/* Body and Text */

@font-face {
    font-family: 'Burbank Big Cd Bk';
    src: url('fonts/BurbankBigCondensed-Black.eot');
    src: url('fonts/BurbankBigCondensed-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/BurbankBigCondensed-Black.woff2') format('woff2'),
        url('fonts/BurbankBigCondensed-Black.woff') format('woff'),
        url('fonts/BurbankBigCondensed-Black.ttf') format('truetype'),
        url('fonts/BurbankBigCondensed-Black.svg#BurbankBigCondensed-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    }

body { margin-top:0; margin-left:0; background: url('../img/hero-movie.gif') no-repeat fixed center; }

h1 { font-family: Burbank Big Cd Bk, sans-serif; font-size: 36px; color: #ffffff; text-align:center;}
h2 { font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-size: 30px; color: #fff; text-align:center; }
h3 { font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-size: 24px; color: #fff; text-align:center;}
h4 { font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-size: 18px; color: #fff; text-align:center;}
p  { font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-size: 16px; color: #fff; font-style: normal; font-variant:small-caps; text-align:center; font-weight: bold;}
.bold { font-weight: bold; }
.link { font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-size: 16px; color: #fff; font-style: normal; font-variant:small-caps; text-align:center;}
.link a { font-size: 22px; }
/* Center Box Coing Soon */

.box {
position: absolute;
background-color: rgba(75,79,84,0.7);
width: 400px;
height: auto;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border: 2px solid #fff;
padding: 10px;
}

.social { display: block; position: relative; width: 240px; margin: 0 auto;}
.social img { display: inline-block; width: auto; height: 45px; }

/* Header */
#logo { width: 240px; height: auto; margin: 0 auto; display: block; position: relative;}


/* Media viewpoints */

@media only screen and (max-width: 600px) {
  .box {
    width: 70%; height: auto float: left; 
  }
  h1 { font-size: 30px;}
h2 {  font-size: 24px; }
h3 { font-size: 18px;}
h4 { font-size: 16px;}
p  { font-size: 12px; color: #000000; font-weight: bold;}
.bold { font-weight: bold; }
.link a { font-size: 19px; }
}