html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #020202;
}
div {
    box-sizing: border-box;
}

p,
ul,
div,
span,
a,
button,
input {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height:22px;
}

h1 {
    font-size: 50px;
    line-height: 56px;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Alegreya SC', serif;
}
.page-wrapper {
    background-image: url("images/RON_bg.jpg");
    padding: 50px 5px 50px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.container {
    width: 960px;
    margin: 0 auto;
}

.header {
    width: 100%;
}
.header__logo-wrapper {
    margin: 0 auto;
    max-width: 535px;
    width: auto;
}
.header__logo-wrapper img {
    max-width: 100%;
    width: auto;
    margin-bottom: -76px;
    position: relative;
}
.hero {
    background-image: url("images/promo-image.jpg");
    border: 3px solid #dfb376;
    max-width: 1200px;
    width: auto;
    height: 469px;
    margin: 0 auto;
}
.hero__inner {
    padding-top: 75px;
    position: relative;
    box-sizing: border-box;
    height: 100%;
}
.hero__title {
    font-size: 34px;
    text-align: center;
    padding-bottom: 75px;
}

.hero__title  h1 {
    margin: 0;
    padding: 0;
}

.hero__buttons {
    margin: 0 auto;
    text-align: center;
}
.hero__button {
    padding: 20px;
}
.hero__button img{
    width: 200px;
}
.hero__below {
    position: relative;
}
.hero__testimonials {
    display: flex;
    position: absolute;
    bottom: 0;
    width:100%;
}

.hero__testimonials-inner {
    width: 100%;
    display: flex;
    justify-content: center;
}

.hero__t {
    flex: 0 auto;
    color: white;
    text-align: center;
    padding: 10px 25px 20px;
    font-family: 'Alegreya SC', serif;
}
.subscript {
    font-size: 14px;
}
.content {
    max-width: 960px;
    width: auto;
    margin: 0 auto;
    background: #111111;
    color: #fefefe;
}
.content__inner {
    padding: 20px 170px;
}

footer {
    border-top: 3px solid #deb378;
    background-image: url('images/RON_footer_bg.jpg');
}
.footer__items {
    display: flex;
    justify-content: center;
}
.footer__items img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.footer__item {
    flex: 0 1 auto;
    padding: 25px;
}
.footer__rating {
    float: right;
    padding: 10px;
    color: white;
    font-size: 13px;
    line-height: 19px;

}
.footer__disclaimer {
    color: white;
    font-size: 13px !important;
    text-align: center;
    padding: 25px;
}
@media only screen
and (max-width: 960px) {
    .content {
        width: auto;
    }
    .container {
        width: auto;
    }
}
@media only screen
and (max-width: 690px) {
    h1 {
        font-size: 36px;
        line-height: 42px;
    }
    .container {
        width: auto;
    }
    .hero {
        height: 375px;
    }
    .hero__title {
        padding-bottom: 50px;
    }
    .hero__button {
        padding: 10px;
        display: inline-block;
    }
    .hero__button img {
        width: 125px;
    }
    .hero__testimonials {
        position: static;
        background: #000;
        width: 100%;
    }
    .hero__testimonials-inner {
        text-align: center;
        flex-flow: column wrap;
    }
    .hero__t {
        width: 100%;
        padding: 25px 10px 25px;
    }
    .content__inner {
        padding: 25px 25px 25px 25px;
    }
    .footer__items {
        display: flex;
        justify-content: center;
        flex-flow: column wrap;
    }
    .footer__items img {
        top: 0%;
        -webkit-transform: translateY(-0%);
        -o-transform: translateY(-0%);
        transform: translateY(-0%);
    }
    .footer__item {
        float: none;
        text-align: center;
        padding: 25px 0 0;
        width: auto;
    }
    .footer__rating {
        float: none;
    }
}