/*
For the Home Home Page

Also Fonts currently defined for use:
font-family: 'bebas'

*/
/**Media Queries****************************************************/
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/*For my Son Colors*/
/**
 * 
 * Creates a container with the given aspect ratio. If you place a .content inside
 * the container, It will cover the entire container. Note: the container's width
 * is set to 100%. Overide if necessary.
 * 
 */
/*Blog entry item listing*/
.top-content-wrapper {
  width: 100%;
  background-color: #fff;
  background-position: center bottom;
  background-repeat: repeat-x;
  background-image: url('../../img/L1-main-bg.jpg');
}
.top-content-container {
  text-align: center;
}
.top-content-container .main-content {
  padding-top: 55px;
}
.trailer-button .watch-trailer {
  color: #bc312c;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.top-content-container .the-content {
  width: 80%;
  margin: 0 10%;
  padding-top: 20px;
  font-size: 23px;
}
.top-content-container .the-content p {
  line-height: 200%;
}
.learn-more, .produced-by {
  display: block;
  width: 100%;
  padding: 10px 0;
  /*Mailing list stuff*/
}
.mailing-wrapper {
  background: #363636;
}
.mailing-wrapper .mailing-list input {
  background-color: #4f4f4f;
}
.mailing-wrapper .mailing-list input[type="submit"] {
  color: #333;
  background-color: #ccc !important;
}
.mailing-wrapper .mailing-list input[type="submit"]:hover {
  background-color: #f9f9f9 !important;
}
.actions-wrapper .action a h3 {
  font-family: 'bebas';
  color: #333;
}
.news-hl-wrapper {
  padding-top: 30px;
}
@media screen and (max-width: 767px) {
  .news-hl-wrapper h3 {
    text-align: center;
  }
}
.news-hl-wrapper a {
  width: 100%;
}
.news-hl-wrapper a img {
  display: block;
  float: left;
  max-width: 200px;
}
@media screen and (max-width: 767px) {
  .news-hl-wrapper a img {
    max-width: 150px;
    margin: 0 auto;
    float: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .news-hl-wrapper a img {
    max-width: 150px;
  }
}
.news-container {
  margin-top: 5px;
  margin-bottom: 50px;
  /***************************************
	Media Queries
*/
  /*Normal to Tiny*/
}
@media screen and (max-width: 767px) {
  .news-container {
    text-align: center;
  }
}
.news-container h4 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
.news-container ul {
  padding: 0px;
}
.news-container li {
  list-style: none;
}
.news-container a {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #aaa;
}
.news-container a:hover {
  color: #da2e27;
}
@media (max-width: 991px) {
  .actions-wrapper .action {
    margin-bottom: 30px;
  }
}