/*
 * Base structure
 */

html,body {
  height: 100%;
  width: 100%;
  
  background-color: #070a14;
  overflow-x: hidden;
/*  overflow-y: scroll;*/

}
a {color:#eeeeee;text-decoration: none;}

/*
 *----------------------------------Site Styles ---------------------------
 */

.site-container{
  position: absolute;
  top:0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.flare{
  width: 110%;
  height: 110%;
  top:0;
  left:-10%;
  opacity: .66;
  position: absolute;
  background-image: url(../img/stars.png);
  background-size: cover;
  z-index: 3;
  background-position: 50% 100%;
  background-repeat: no-repeat;
}

.container{display:block;margin: 0 auto; max-width:700px;}
  .text1{
    position: absolute;
    z-index: 3;
    background-image: url(../img/bear-northstar-logo.svg);    
    background-repeat: no-repeat;
    width:700px;
    height:609.87px;  
    top:50px;
 } 

 .text2{
    position: absolute;
    z-index: 3;
    width:700px;
    height:200px;
    top:650px;
    color:#ffffff;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
 }
.text2 h1{text-transform: uppercase;}

.parallaxBG{
  
  position: absolute;  
  background-image: url(../img/bg5.jpg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  
    
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { 

.parallaxBG{
  opacity: .8;
  
}

 .flare{
    
    width: 140%;
    height: 100%;
    left:-15%;
    opacity: .5;
    
}

  .text1{

/*  -webkit-transform: scale(1.667); 
     -moz-transform: scale(1.667); 
      -ms-transform: scale(1.667); 
       -o-transform: scale(1.667); 
          transform: scale(1.667); */

          transform-origin:center bottom;
      -ms-transform-origin:center bottom;; 
  -webkit-transform-origin:center bottom; 
top:100px;
/*  left: 40px;*/

 } 

.text2{
      
  -webkit-transform: scale(1.667); 
     -moz-transform: scale(1.667); 
      -ms-transform: scale(1.667); 
       -o-transform: scale(1.667); 
          transform: scale(1.667); 

          transform-origin:center bottom;
      -ms-transform-origin:center bottom;; 
  -webkit-transform-origin:center bottom; 
  
top:1100px;
 } 


 
  
}