/* for jumbotron */
body {
    padding-bottom: 20px;
}

.masthead {
    height: 90px;
    font-family: "Avenir Next","Nunito","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 60px;
    line-height: 42px;
}

.support-link {
    padding-top: 32px;
    padding-right: 15px;
}

.row-masthead {
    margin-bottom: 10px;
}

.row-masthead > .col-sm-5 {
    padding-top: 20px;
}

.jumbotron-csgnty {
    padding-top: 10px;
    background-color: #a00000;
    color: #ffffc8;
}

/* Tweaks to line up the Facebook share button */
.fb_iframe_widget-csgnty {
    display: inline-block !important;
    width: auto !important;
    vertical-align: top;
}

@media (max-width: 767px) {
    .masthead {
        font-size: 24px;
        height: 45px;
        line-height: 14px;
    }

    .support-link {
        padding-top: 12px;
    }

    .row-masthead > .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8 {
        padding-top: 12px;
    }

    .row-masthead > .image-xs {
        width: 36px;
        margin-right: 8px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .masthead {
        font-size: 36px;
    }

    .row-masthead > .col-sm-5 {
        padding-left: 40px;
        padding-top: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1169px) {
    .row-masthead > .col-sm-5 {
        padding-left: 30px;
    }
}

.retina-icon-xs {
    background-image: url('../images/Icon-Website-xs.png');
    width: 36px;
    height: 36px;
}

.retina-icon {
    background-image: url('../images/Icon-Website.png');
    width: 72px;
    height: 72px;
}

.main-screenshot {
    background-image: url('../images/mainscreen.png');
    width: 393px;
    height: 750px;
    margin-top: -70px;
}

.selectbasic-screenshot {
    background-image: url('../images/select-basic.png');
    width: 280px;
    height: 534px;
}

.moregreats-screenshot {
    background-image: url('../images/moregreats.png');
    width: 280px;
    height: 534px;
}

.crazy-screenshot {
    background-image: url('../images/crazy.png');
    width: 280px;
    height: 534px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (-o-min-device-pixel-ratio: 1.3/1),
       only screen and (min-device-pixel-ratio: 1.3) {
    .retina-icon-xs {
        background-image: url('../images/Icon-Website.png');
        background-size: 36px 36px;
    }

    .retina-icon {
        background-image: url('../images/Icon-Website@2x.png');
        background-size: 72px 72px;
    }

    .main-screenshot {
        background-image: url('../images/mainscreen@2x.png');
        background-size: 280px 534px;
        width: 280px;
        height: 534px;
    }

    .selectbasic-screenshot {
        background-image: url('../images/select-basic@2x.png');
        background-size: 280px 535px;
    }

    .moregreats-screenshot {
        background-image: url('../images/moregreats@2x.png');
        background-size: 280px 535px;
    }

    .crazy-screenshot {
        background-image: url('../images/crazy@2x.png');
        background-size: 280px 535px;
    }
}

@media (max-width: 767px) {
    .main-screenshot {
        margin-top: 0px;
        margin-left: -24px;
    }
}