body, html 
{
  height:                             100%;  
  width:                              100%;
  margin:                              0px;  
  padding:                             0px;
  border:                             none;
  line-height:                        28px;  
  letter-spacing:                      1px;
  font-size:                          18px; 
  font-smooth:                      always;
  -webkit-font-smoothing:      antialiased;

  font-family:  'Trebuchet MS', sans-serif;

  background-size:                   cover;
  background-position:              center;
  background-attachment:             fixed;
  
  background-color:                #F5F5F5;
}


.contentLayer
{
  position:                       relative;
  top:                                 0px; 
  bottom:                              0px;
  left:                                0px; 
  right:                               0px;
  height:                            100vh;
}


.panelHolder
{
  position:                       relative;
  z-index:                               2;
  max-width:                        1200px; 
  width:                calc(100% - 120px);
  top:                                 0px;
  margin-right:                       auto;
  margin-left:                        auto;
}


.contentPanel
{
  position:                       relative;
  height:              calc(100vh - 240px);
  max-height:                         60vw;
  width:                              100%;
  z-index:                              -5;
  margin-bottom:                      10vh;
  overflow:                         hidden;
  background-color:                  black;
  background-size:                   cover;
  background-position:              center;
}


.frosted
{
  -webkit-transition:    opacity 1.5s ease;
     -moz-transition:    opacity 1.5s ease;
          transition:    opacity 1.5s ease;
}


.panelWindow
{
  position:                       absolute;
  top:                                52px;
  bottom:                             52px;
  left:                               52px;
  right:                              52px;
  z-index:                            1000;
}


.panelTitleHolder
{
  position:                       absolute; 
  top:                                   0; 
  bottom:                                0; 
  right:                                 0; 
  left:                                  0;
  height:                            140px; 
  width:                               90%;
  max-width:                         650px;
  margin:                             auto;
  color:                              #FFF; 
  z-index:                            2000;
  cursor:                          pointer;
} 


.panelTitle
{
  margin-right:                       auto;
  margin-left:                        auto;
  font-size:                          60px; 
  line-height:                        60px; 
  letter-spacing:                      9px;
  word-spacing:                       10px;
  text-align:                       center; 
  text-transform:                uppercase;
} 


hr
{
  height:                              1px;
  background-color: rgba(255,255,255,0.75);
  border-color:     rgba(0,  0,  0,  0.00);
  border-width:                        0px;
  width:                             200px;
  margin-top:                         15px;
  margin-bottom:                      15px;
}


.panelSumary
{
  text-align:                       center;
  font-size:                          20px;
  line-height:                        23px;
  letter-spacing:                    0.5px;
  max-width:                         440px;
  margin-right:                       auto;
  margin-left:                        auto;
}