body {background: #111;}
a {background-color: #FFF; color: #111; padding:3px;   text-decoration: none; padding-left: 10px; padding-right: 10px;}
#content {width:50%; margin: 0 auto; margin-top:10%;}
#subline {width:100%; height:20px; border-bottom: 10px solid #FFF;  color: #FFF; text-transform: uppercase; padding-bottom:10px;}
#more { color:#FFF; margin-top:50px;}
#more:hover {cursor: pointer;}
#info {  color:#FFF; margin-top:50px;  text-transform: uppercase; font-size: 12px; }
#info strong{ font-size: 16px; margin-right:5px; }
.csection {margin-bottom: 50px;}
h1 { color: #FFF; width:100%; margin: 0 auto; font-size: 200px; line-height: 150px; letter-spacing: -10px; margin-top:50px;}
h2 {width:100%; height:20px; border-bottom: 10px solid #FFF;  color: #FFF; text-transform: uppercase; padding-bottom:10px;}


/* MEDIA QUERIES */



  /* Large Devices, Wide Screens */
  @media only screen and (max-width : 1024px) {


h1 {  margin: 0 auto; font-size: 140px; line-height: 110px; letter-spacing: -10px; margin-top:10px;}

  }

  /* Medium Devices, Desktops */
  @media only screen and (max-width : 992px) {

h1 {  margin: 0 auto; font-size: 140px; line-height: 110px; letter-spacing: -10px; margin-top:10px;}

  }

  /* Small Devices, Tablets */
  @media only screen and (max-width : 768px) {

h1 {  margin: 0 auto; font-size: 75px; line-height: 60px; letter-spacing: -10px; margin-top:10px;}
  }

  /* Extra Small Devices, Phones */
  @media only screen and (max-width : 480px) {

h1 {  margin: 0 auto; font-size: 50px; line-height: 50px; letter-spacing: -5px; margin-top:10px;}
#content {width:80%; margin: 0 auto; margin-top:10%; }
#history {text-align: justify;}

}

  /* Custom, iPhone Retina */
  @media only screen and (max-width : 320px) {

h1 {  margin: 0 auto; font-size: 65px; line-height: 50px; letter-spacing: -5px; margin-top:10px;}

  }