@import url(http://fonts.googleapis.com/css?family=Lato);



.banner{
  height:auto;
}

.banner>h2, 
.banner .info{
  height:100px;
  line-height:50px;
  position:fixed;
  top:0px;
  margin:0 auto;
  text-align:center;
  width:100%;
  background-color:#f8f8f8;
  z-index:1000;
}

.banner>h2{
  font-size:2.5em;
  color:#25271E;
}

.banner .info{
  display:none;
}


.banner a:last-child{
 	margin-left:2%;
}




/*------------------------------------------------------------------
                        MEDIA QUERIES STYLES
-------------------------------------------------------------------*/
@media only screen and (max-width: 1050px) and (min-width:600px){
  .banner>h2, .banner .info{
    width:100%
  } 
  .banner>h2{
    font-size:1.8em;
  }
}

@media only screen and (max-width: 599px) and (min-width:350px){	
  .banner a{
    font-size:1em;
  }  
  .banner>h2, .banner .info{
    width:100%
  }  
  .banner>h2{
    font-size:1.2em;
  }
}

@media only screen and (max-width: 349px){
	.banner .info{
		height:auto;
  }
  .banner a{
    font-size:1em;
    width:50%;
    display:block;
  }
  .banner a:first-child{
    margin:0 auto;
  }  
  .banner a:last-child{
    margin:10px auto 0;
  } 
	.banner>h2, .banner .info{
    width:100%
  }	
  .banner>h2{
    font-size:1em;
  }
}