/* ----------------------------------

Name:gold-responsive.css
Version:1.3

---------------------------------- */

@media screen and (max-width:992px) {
    .gold .highlight { font-size: 68px; }
    .gold .intro-bg { height: 487px; }
      .gold .gallery ul li { width: 25%; }
}
@media screen and (max-width:991px) {
    .gold .intro-bg { height: 410px; }
}
@media screen and (max-width:767px) {
     .gold .gallery ul li { width: 50%; }
    .gold .highlight { font-size: 48px; }
}
@media screen and (max-width:600px) {
    .gold .highlight { font-size: 40px; }
}
@media screen and (max-width:480px) {
     .gold .gallery ul li { width: 100%; }
    .gold header .intro-section .intro, 
    .gold .intro { font-size: 20px; }
    .gold span.highlight { font-size: 24px; }
    .gold .small-button { margin-top: 15px; }
}
@media screen and (max-width:320px) {
    .gold span.highlight { font-size: 22px; }
    .gold header .intro-section .intro, 
    .gold .intro { font-size: 18px; line-height: 24px; }
    .highlight-button, 
    .highlight-button:focus { font-size: 14px; }
}