/**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*/
/*Mailing list stuff*/
/* -------------------------------------------------------------
  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

------------------------------------------------------------- */
.mailing-wrapper {
  width: 100%;
  color: #fff;
  padding: 20px 0 60px 0;
  text-align: center;
}
.mailing-wrapper h3 {
  text-transform: uppercase;
  text-align: left;
}
.mailing-wrapper input {
  color: #fff;
}
.mailing-wrapper input::-webkit-input-placeholder {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #777;
}
.mailing-wrapper input:-moz-placeholder {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #777;
}
.mailing-wrapper input::-moz-placeholder {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #777;
}
.mailing-wrapper input:-ms-input-placeholder {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #777;
}
.mailing-wrapper input[type='text'], .mailing-wrapper input[type='email'] {
  display: inline-block;
  float: left;
  padding: 10px 15px;
  border: none;
  width: 25.6%;
  margin: 0 1% 0 0;
}
.mailing-wrapper input[type='submit'] {
  display: inline;
  float: left;
  width: 15%;
  margin: 0 1% 0 0;
  padding: 10px 30px;
  font-weight: bold;
  background: #ccc;
  border: none;
}
.mailing-wrapper .social-container {
  padding-top: 20px;
}
.mailing-wrapper .social {
  width: 100%;
}
.mailing-wrapper .fb-like {
  float: left;
}