body {
    font-family: roboto, Helvetica, Arial, sans-serif;
}

.heroimg{

}
@media only screen and (min-width : 320px) {
    .heroimg {
        position: relative;
        margin: 0;
        background-position: left;
        background-repeat: no-repeat;
        max-height: none;
        background-size: cover;
        overflow: visible;
        color: white;
        height: 650px;
        letter-spacing: 1px;
        background-image: linear-gradient(to bottom, #503c6a, #1a0d31);
    }
}

@media only screen and (min-width : 768px) {
    .heroimg {
        position: relative;
        margin: 0;
        background: url("/images/landing_page_img/scoop/hero1x.jpg");
        background-position: left;
        background-repeat: no-repeat;
        max-height: none;
        background-size: cover;
        overflow: visible;
        color: white;
        height: 550px;
        letter-spacing: 1px;
    }
    .modal-dialog {
        width: 700px;
    }
}


.scoop-header-logo{
    margin-top: 5px;
}

.scoop-header-links ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.scoop-header-links li {
    float: left;
    margin-left: 50px;
    vertical-align: middle;
}

.scoop-header-links li img{
    height: 20px;
}

.inline-text-header a{
    text-decoration: none;
    color: white;
}


.scoop-heading{
    margin-top: 70px;
    text-align: left;
}

.scoop-heading h1{
    font-family: roboto, arial, sans-serif;
    font-size: 2.6em;
    font-weight: 100;
    text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.4);
    line-height: 50px;    
}

.scoop-subheading h4{
    font-family: roboto, arial, sans-serif;
    font-size: 1.2em;
    font-weight: 100;
    text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.4);    
    line-height: 30px;
    margin-top: 10px;
}

.gold-signup img{
    margin-top: 40px;
}

.scoop-section-head-how{
    margin-top: 20px;
}

.trusted-by-heading {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    text-align: center;
    color: #5f4872;
}
.partners {
    margin-bottom: 70px;
}

.partner-icon {
    padding:25px 0;
}

.view-more {
    font-family: Cabin;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.8px;
    color: #5f4872;
    cursor: pointer;
}

.view-more-image {
    width: inherit;
}


@media only screen and (min-width : 768px) {
    .partners {
        margin-bottom: 70px;
        padding: 0 215px;
    }
    .partner-icon {
        padding:25px 0;
        text-align: center;
    }

}


.scoop-section-head-how h3{
    text-align: center;
    font-family: roboto, arial, sans-serif;
    font-weight: 100;
    font-size: 2.1em;
    color:#652496;
    letter-spacing: 1px;
}

.scoop-section-head-how h6{
    text-align: center;
    font-family: cabin, arial, sans-serif;
    font-weight: normal;
    color:#a3a3a3;
    font-size: 1em;
    letter-spacing: 1px;
    }

.how-scoop-works {
    margin: 50px 0;
}

.scoop-icons-row{
    margin-top: 70px;
    margin-bottom: 40px;
}

.how-scoop-subhead{
    font-family: cabin, arial, sans-serif;
    font-weight: 400;
    font-size: 1.2em;
    color: #652496;
    letter-spacing: 1px;
    margin-top: 30px;
}

.how-scoop-paragraph{
    font-family: cabin, arial, sans-serif;
    margin-left: -15px;
    margin-top: 10px;
    color: #a78db9;
    letter-spacing: 1px;
    line-height: 30px;
    font-size: .9em;
}

.about-footer{
    background: rgba(75,34,100,1);
    background: -moz-linear-gradient(top, rgba(75,34,100,1) 0%, rgba(17,10,27,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(75,34,100,1)), color-stop(100%, rgba(17,10,27,1)));
    background: -webkit-linear-gradient(top, rgba(75,34,100,1) 0%, rgba(17,10,27,1) 100%);
    background: -o-linear-gradient(top, rgba(75,34,100,1) 0%, rgba(17,10,27,1) 100%);
    background: -ms-linear-gradient(top, rgba(75,34,100,1) 0%, rgba(17,10,27,1) 100%);
    background: linear-gradient(to bottom, rgba(75,34,100,1) 0%, rgba(17,10,27,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b2264', endColorstr='#110a1b', GradientType=0 );
    padding-bottom: 50px;
}

.about-footer a{
    color: #80718a;
    font-family: cabin, arial, sans-serif;

}

.about-scoop-image{
    margin-top: 100px;
}

.scoop-section-head-about{
    margin-top: 125px;
    display: block;

}

.scoop-section-head-about h3{
    text-align: left;
    font-family: roboto, arial, sans-serif;
    font-weight: 100;
    font-size: 1.8em;
    color:#d5cbe6;
    letter-spacing: 1px;
}

.scoop-section-head-about h6{
    text-align: center;
    font-family: roboto, arial, sans-serif;
    font-weight: 500;
    color:#a3a3a3;
    letter-spacing: 1px;
    }

.about-scoop{
    padding-bottom:100px;
    display: block;
}

.scoop-about-links ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.scoop-about-links li {
    float: left;
    margin-left: -15px;
    margin-right: 45px;
    color:#d5cbe6;
    margin-top: 25px;
}

.scoop-about-links img{
    margin-top: -10px
}

.hori-rule{
    border-bottom: 1px solid #3e2357;
    margin-bottom: 20px;
    display: block;
}

.small-gold-button{
    margin-top: 70px;
    margin-bottom: 70px;
}

.learn-more-scoop{
    margin-top: 20px;
    margin-bottom: 40px;
}

.small-gold-button img{
}

.small-gold-button-left img{
    margin-top: 12px;
    margin-left: -15px;
}

.scoop-section-head-become-tester{
    margin-top: 50px;
    display: block;
}

.scoop-section-head-become-tester h3{
    text-align: left;
    font-family: roboto, arial, sans-serif;
    font-weight: 100;
    font-size: 2.2em;
    color:#d5cbe6;
    letter-spacing: 1px;
    line-height: 40px;
}

.scoop-section-footer-test-film{
    margin-top: 30px;
}

.scoop-section-footer-powered a{
    margin-top: 30px;
    float: right;
}

#SignupModal{
    margin-top: 100px;

}


.modal-left-gutter{
    background-color: white;
    height: 438px;
}

.modal-left-gutter img{
    margin-left: -16px;
    margin-top: -4px;
}

.modal-right-lane{
    background-color: white;    
}