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

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  #body {
    font-size: 12px;
    line-height: 130%;
  }  
  .container {
    width: 100%;
    box-sizing: border-box;
  }
  #body.container {
    margin: 0;
    padding: 20px;
  }
  #questions {
    padding: 20px;
  }
  #city_exclusive .container {
    padding: 10px 0;
    font-size: 14px;
    line-height: 100%;
  }
  #image_main {
    height: 475px;
    width: 100%;
    min-width: 250px;
    box-sizing: border-box;
    background-position: center top!important;
  }
  .div {
    box-sizing: border-box; 
    position: relative;
  }
  .div_left {
    padding: 0 10px 0 0;
  }
  .div_right {
    padding: 0 0 0 10px;
    text-align: justify;
  }
  .div_right .button, .div_right .button_primary {
    text-align: center;
    font-size: 20px;
  }
  .box {
    padding: 20px;
  }
  h1 {
    font-size: 20px;
    line-height: 26px;
    text-align: center;
  }
  h1 b {
    font-size: 30px;
    line-height: 100%;
  }
  h2 {
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 20px 0;
  }
  h3 {
    font-size: 15px;
    margin: 0 0 18px 0;
  }
  .spacer {
    height: 20px;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  #image_main {
    background-size: auto 100%!important;
  }
}

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

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