@charset "UTF-8";
/* CSS Document */

body{
  font-family:"Trajan Pro", Georgia, "Times New Roman", serif;
  font-size:22px;
  line-height:32px;
  font-weight: lighter;
  color:#969696;
  background-color:#FFF;
  margin:0 0 0 0;
  padding:0 0 0 0;
  width: 100%;
  height:100%;

  }
.container {
  width: 100%;
   margin:0 0 0 0;
  padding:0 0 0 0;
  max-width: 100%;
  *zoom: 1;
  
}
.header{
  text-align:center;
  background-image:url(images/96_logo_black.svg);
  background-repeat:no-repeat;
  background-position:center;
  padding-bottom: 4em;
  padding-top: 4em;
  background-color:#FFF;
  }
.section{ 
  text-align:center;
  padding-bottom: 2em;
  padding-top: 0.5em;
  background-color:#FFF;
  padding-left:20%;
  padding-right:20%;
  }

.section .notes{
  font-family:'Times New Roman', Times, serif; 
  font-size:1.1em;
  font-weight:lighter;
  }
h1{
  font-size:32px;
  color: #333;
  text-align:center;
    padding-top: 1.5em;
  padding-bottom: 0.5em;
  background-color:#FFF;
  border-top:dotted #ccc thin;
  }  
strong {
  color: #666;
  }  
a {
  color: #000;
  text-decoration:underline;
  }

.behind:after {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.behind:after {
    content: '';
    background: transparent url(images/pattern.png) repeat top left;
}

.behind {
  height: 100%;
  overflow: hidden;
  text-align: center;
  width: 100%;
  z-index: -1;
  position: fixed;
  top: 0px;
  background-size: cover; 
  backface-visibility:hidden;
  background-color:#fff;
}
.behind img {
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: 100%;
  background-size: cover; 
  backface-visibility:hidden;
  top:50%;
  left:50%;
  min-width:600px;

}


.glass {
height:480px;
  text-align: center;
  position: relative;
  background: -webkit-radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.7));
  background: -moz-radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.7));
  background: -ms-radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.7));
  background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.7));
  
  
 /*border:1px solid #0f0;*/ 

}
.glass .brands {
  position: absolute;
  padding-top:106px;
  z-index: 5;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 36px;
  background-image:url(images/brands.png); 
  background-position:center; 
  background-repeat:no-repeat; 
  padding-bottom:-20px; 
  height:390px;

}

.glass .tour {
  position: absolute;
  padding-top:200px;
  z-index: 5;
  left: 0;
  width: 100%;
  text-align: center;
  line-height:50px;
  color: #fff;
  font-size: 34px;
  height:390px;
  text-shadow: 1px 1px 2px #000;
}

.footer{
  padding-top: 4em;
  font-size:12px;
  text-align:center;
  background-color:#000;
  height:96px;
  color:#FFF;
  }  
  
q:before,q:after {
  content:'';
}
ol, ul {list-style: none;}
.ie7 body{
  overflow:hidden;
}
.clr{
  clear: both;
}



/*----------------------------------------------SCREENS*/
@media only screen and  (max-width: 900px) {


.header{
  text-align:center;
  background-image:url(images/96_logo_white.svg);
  background-repeat:no-repeat;
  background-position:center;
  padding-bottom: 3em;
  padding-top: 4em;
  background-color:#000;
  }
body{
  font-size:18px;
  line-height:22px;
  font-weight: lighter;
  color:#969696;
  background-color:#000;
  }  
a {
  color: #fff;
  text-decoration:underline;
  }  
.section{ 
  text-align:center;
  padding-bottom: 1.5em;
  padding-top: 0.5em;
  background-color:#000;
  padding-left:12%;
  padding-right:12%;
  }


h1{
  font-size:22px;
  color: #eee;
  text-align:center;
    padding-top: 2em;
  padding-bottom: 0.5em;
  background-color:#000;
  border-top:dotted #333 thin;
  }    
.footer{
  padding-top: 3em;
  font-size:12px;
  text-align:center;
  background-color:#fff;
  height:72px;
  color:#000;
  }

  
strong {
  color: #ddd;
  }  

.glass .brands {
  background-image:url(images/brands_medium.png); 
  height:350px; 
}
.glass .tour {
  font-size: 30px;
}
}
@media only screen and (max-width: 480px) {
.header{
background-image:url(images/96_logo_white_small.svg);
  }
body{
  font-size:16px;
  line-height:20px;
}  

.section{ 
  padding-bottom: 1em;
  padding-top: 0.25em;
  background-color:#000;
  padding-left:6%;
  padding-right:6%;
  }

h1{
  font-size:18px;
    padding-top: 2em;
  padding-bottom: 0.25em;
  }    
.footer{
  padding-top: 2em;
  font-size:12px;
  height:52px;
  }
    
strong {
  color: #ddd;
  }  
.glass .brands {
  background-image:url(images/brands_medium_mob.png); 
  height:356px; 
}  
.glass .tour {
  font-size: 26px;
}
  
}