/*  FULL SCREEN   ============================================================================= */

.body {
  font-size: 1.1em/1.4;
}
.siteContainer {
  width: 76.2%;
  max-width: 1032px;
  padding-left: 8.9%;
  padding-right: 8.9%;
  margin: auto;
}
.header {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
  padding: 1%;
  
  overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-image: url("../images/sketch_bg.gif"); 
    background-repeat: repeat;
    
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;  
}
.headerImage {
  margin-left: 15%;
    margin-right: 15%;
  width: 70%;
  height: 70%;
  background-color: 000;
  background: url("../images/pr_logoLinear_1100x80.png") center center/100% auto no-repeat;
    background-size: 100%;
}

.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s3{width:22.99999%}
.w3-col.s9{width:75.99999%}

.span_2_of_2 {
  width: 100%;
}
.span_1_of_2 {
  width: 49.2%;
}
.span_3_of_3 {
  width: 100%; 
}
.span_2_of_3 {
  width: 66.13%; 
}
.span_1_of_3 {
  width: 32.26%; 
}
.span_1_of_3:nth-child(3n+1) {
  clear: left;
  margin-left: 0;
}
.span_4_of_4 {
  width: 100%; 
}
.span_3_of_4 {
  width: 74.6%; 
}
.span_2_of_4 {
  width: 49.2%; 
}
.span_1_of_4 {
  width: 23.8%; 
}
.span_5_of_5 {
  width: 100%;
}
.span_4_of_5 {
    width: 79.68%; 
}
.span_3_of_5 {
    width: 59.36%; 
}
.span_2_of_5 {
    width: 39.04%;
}
.span_1_of_5 {
    width: 18.72%;
}
.mainVideo {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
  padding-top: 15%;
  padding-bottom: 0%;
}
.sizzleVideo {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
  padding-top: 0%;
  padding-bottom: 0%;
}
.youtube-video-container {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
}
.youtube-video-container iframe, .youtube-video-container object, .youtube-video-container embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:94.375%;
}
.siteDescription {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;  
  font-size: 1em;
}
.accolades {
  padding: 1% 3% 3% 5%;
  font-size: .9em;
}
.location {
  font-size: .9em;
}
.socialmedia {
  font-size: .8em;
}
.footer {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
  text-align: center;
  font-size: .6em;
  padding: 1% 0 5% 0;
}
/*  GO ONE COLUMN AT LESS THAN 1280 PIXELS  ============================================================================= */
@media only screen and (max-width: 1280px) {

.header {
}
.headerImage {
  margin-left: 11%;
    margin-right: 11%;
  width: 78%;
  height: 78%;
}

}

/*  GO TWO COLUMN AT LESS THAN 768 PIXELS  ============================================================================= */
@media only screen and (max-width: 769px) {
  .body {
    font-size: .8em/1;
  }
  .header {
    margin: 0;
    padding: 0;
    
  }
  .headerImage {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
    height: 90%;
  }
  .mainVideo {
    padding-top: 20%;
  }
  .sizzleVideo {
    padding-top: 5%;
  }
  .siteContainer {
    width: 88.2%;
    padding-left: 2.9%;
    padding-right: 2.9%;
    margin: auto;
  }
  .span_2_of_2 {
    width: 100%; 
  }
  .span_1_of_2 {
    clear:left;
    margin-left:0;
    width: 100%; 
  }
  .span_1_of_3 {
    width: 48%; 
  }
  .span_1_of_3:nth-child(3n+1) {
    clear: none;
    margin-left: 1.7%;
  }
  .span_1_of_3:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
  }
  .span_4_of_4 {
    width: 100%; 
  }
  .span_3_of_4 {
    width: 100%; 
  }
  .span_2_of_4 {
    width: 100%; 
  }
  .span_1_of_4 {
    clear:left;
    margin-left:0;
    width: 100%; 
  }
  .span_5_of_5 {
    width: 100%; 
  }
  .span_4_of_5 {
    width: 100%; 
  }
  .span_3_of_5 {
    width: 100%; 
  }
  .span_2_of_5 {
    width: 100%; 
  }
  .span_1_of_5 {
    clear:left;
    margin-left:0;
    width: 100%;
  }
  .siteDescription {
    font-size: .9em;
  }
  .accolades {
    padding: 0 10% 1% 0%;
    font-size: .9em;
  }
  .location {
    font-size: .8em;
  }
  .socialmedia {
    font-size: .7em;
  }


}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS  ============================================================================= */
@media only screen and (max-width: 480px) {
  .siteContainer {
    margin-left: auto;
    margin-right: auto;
    width: 92%;
    padding-left: 4.%;
    padding-right: 4.%;
  }
  .header {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    padding: 25%;
  
    overflow: visible;
     position: static;
       top: 0;
       left: 0;
      z-index: 0;
       background-image: url("../images/sketch_bg.gif"); 
    background-repeat: repeat-y;
    
    -webkit-transition: height 0.0s;
      -moz-transition: height 0.0s;
      -ms-transition: height 0.0s;
      -o-transition: height 0.0s;
      transition: height 0.0s;  
  }
  .headerImage {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
    height: 96%;
    background: url("../images/pr_logostacked_520x150.png") center center/100% auto no-repeat;
    background-size: 100%;
  }
  .w3-col.s3{width:99.99999%}
  .w3-col.s9{width:99.99999%}

  .span_2_of_2 {
    width: 100%; 
  }
  .span_1_of_2 {
    width: 100%;
  }

  .span_3_of_3 {
    width: 100%; 
  }
  .span_2_of_3 {
    width: 100%; 
  }
  .span_1_of_3 {
    width: 100%;
  }
  section {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
  display: block;  
}

.gridContainer {
  margin-left: auto;
  margin-right: auto;
  width: 87.36%;
  padding-left: 1.82%;
  padding-right: 1.82%;
}
.mainVideo {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
  padding: 4% 0 4% 0;
}
.sizzleVideo {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
  padding: 4% 0 4% 0;
}
.accolades {
  padding: 0 0% 3% 0%;
  font-size: .9em;
}









/*  GRID OF FIVE   ============================================================================= */

  


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
  .span_5_of_5 {
    width: 100%; 
  }
  .span_4_of_5 {
    width: 100%; 
  }
  .span_3_of_5 {
    width: 100%; 
  }
  .span_2_of_5 {
    width: 100%; 
  }
  .span_1_of_5 {
    width: 100%; 
  }
}
}