/* ---------------------- orange #f95534  ----------------------- */
  body{
      background-color: black;
      margin:0px;
      font-family:'Helvetica', sans-serif;
 }
 
 
 .info-xl {
 	 display: block;
	 position: fixed;
     width: 170px;
     margin-right: auto;
     margin-left: 30%;
     padding-top: 15px;
     -webkit-animation: logo-fade 4s ;
     animation: logo-fade 4s ;
	 z-index: 40;
 	opacity: 01;
}


  .info-lrg {
  	 display: none;
 	 position: fixed;
      width: 170px;
      margin-right: auto;
      margin-left: 18%;
      padding-top: 15px;
      -webkit-animation: logo-fade 4s ;
      animation: logo-fade 4s ;
 	 z-index: 40;
 }
 
 
 
 .info-med {
 	 display: none;
	 position: fixed;
     width: 170px;
     margin-right: auto;
     margin-left: auto;
     padding-top: 15px;
     -webkit-animation: logo-fade 4s ;
     animation: logo-fade 4s ;
	 z-index: 40;
}

 .info-sml {
 	 display: none;
	 position: fixed;
     width: 170px;
     margin-right: auto;
     margin-left: auto;
     padding-top: 15px;
     -webkit-animation: logo-fade 4s ;
     animation: logo-fade 4s ;
	 z-index: 40;
}





/* ---------------------- iphone 5  ----------------------- */

@media only screen and (max-width: 1800px) {
.info-xl {
    margin-left: 20%;
	}

}





/* ---------------------- iphone 5  ----------------------- */

@media only screen and (max-width: 1400px) {
.info-lrg {
	display: block;	
}

.info-xl {
	display: none;	
}
	
}





/* ---------------------- iphone 5  ----------------------- */

@media only screen and (max-width: 700px) {
.info-med {
	display: block;	
}

.info-lrg {
	display: none;	
}
	
}




/* ---------------------- iphone 5  ----------------------- */

@media only screen and (max-width: 325px) {
.info-sml {
	display: block;	
}

.info-med {
	display: none;	
}
	
}