@import 'vars.less';

.header{
  text-align: center;
  margin: 10px auto 0 auto;
  width: 100%;
  border-bottom: 4px solid @ltBlue;
  background-image: url('../img/header-lt.jpg');
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: contain;
  background-position-y: bottom;
  height: 105px;  
  @media(max-width: 768px){
    background-size: 100vw;
    height: 100px;
  }
}
.main-headline{
  @media(max-width: 768px){
    font-size: 1.2em !important;
  }
}
.headline-text{
	line-height: 1em;
  color: @ltBlue;
  font-family: @headFont;
  font-size: @headFontSize;
  font-weight: @headFontWeight;
  @media(max-width: 768px){
    font-size: calc(@headFontSize * .6);
  }
}

.seen-on{
  background-color: @seenOnBg !important;
  background-image: url('../img/msn-cnn-ms-mod.png');
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: abs;
  background-position-y: bottom;
  height: 50px;  
  text-align: center;
  @media(max-width: 1080px){
    height: 70px !important;
  }  
  @media(max-width: 768px){
    background-size: 70%;
    height: 60px !important;    
  }  
  @media(max-width: 428px){
    background-size:100%;
    height: 55px !important;    
  }

}

.disclaimer{
  position: relative;
  display: block;
  top: 10px;
  margin-left: 45vw !important;
  margin-left: 45vw !important;
  font-size: .7em;
  color: #777;
  text-align: center;
  line-height: 1em;
  cursor: pointer;
  @media(max-width: 1080px){    
    padding-top: 4px;
    top: 0;
    margin-left: 0 !important;
    position: none;
    margin-bottom: 3px;
  }
  @media(max-width: 500px){
    top: 0;
    margin-left: 0;
    position: none;
    margin-bottom: 3px;
  }
}

.close-row{
  text-align: right;
}

.logo-image{
  height: auto;
  margin-top: 15px;
  @media(max-width: 768px){
    height: 40px;
  }
}