/* ####################################################
NOTE
I am coding styles using SASS (.scss) which is then compiled using Compass into this .css

This is (.scss) file for variables and mixins of City Scope website

Created by Sam Silvey
###################################################
*/
.subscribe_header {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  min-height: 320px;
  padding: 150px 0 0 8%; }
  .subscribe_header h1 {
    font-family: 'hoeflertext-italic-swashscRg';
    text-transform: none;
    color: #fff;
    max-width: 6.5em; }
    @media (max-width: 500px) {
      .subscribe_header h1 {
        font-size: 6.2em; } }

.subscribe_main {
  padding: 5em 0; }

.subscribe_wrapper {
  max-width: 960px;
  margin: 0 auto; }
  .subscribe_wrapper:before, .subscribe_wrapper:after {
    content: " ";
    display: table; }
  .subscribe_wrapper:after {
    clear: both; }
  @media (max-width: 990px) {
    .subscribe_wrapper {
      padding: 0 1.5em; } }

.subscribe_contents {
  width: 45%;
  float: left; }
  @media (max-width: 767px) {
    .subscribe_contents {
      width: 100%;
      overflow-x: hidden; } }
  .subscribe_contents * {
    font-family: 'GothamLight';
    text-transform: none; }
  .subscribe_contents form select {
    margin: 2em 0;
    height: 25px;
    border-radius: 3px; }

.magagine_cover {
  width: 45%;
  float: right; }
  @media (max-width: 767px) {
    .magagine_cover {
      width: 100%;
      margin-top: 5em; } }
  .magagine_cover figure {
    float: right;
    max-width: 100%; }
    @media (max-width: 767px) {
      .magagine_cover figure {
        width: 100%;
        text-align: center; } }

/*# sourceMappingURL=subscribe.css.map */