 body {
    background-color: rgb(54,84,68);
    background-image: url('../images/science-bg.png');
    background-repeat: repeat;
    background-position: left top;
    }

    .ss-form-container, .ss-resp-card {
    background-color: rgb(255,255,255);
    }

    .ss-footer, .ss-response-footer {
    background-color: rgb(255,255,255);
    }

    .ss-grid-row-odd {
    background-color: rgb(242,242,242);
    }

    .ss-form-container, .ss-resp-card {
    border-color: rgb(51,69,59);
    }

    .ss-form-title {
    text-align: center;
    }

    .ss-form-title[dir="rtl"] {
    text-align: center;
    }

    .ss-form-desc {
    text-align: center;
    }

    .ss-form-desc[dir="rtl"] {
    text-align: center;
    }

    .ss-header-image-container {
    height: auto;
    text-align: center;
    }

    .ss-header-image-image {
    background-image: url('../images/science_header.jpg');
    }

    .ss-header-image-sizer {
    padding-top: 29.787%;
    }

    .ss-item {
    font-size: 1.250rem;
    }

    .ss-choices {
    font-size: 1.080rem;
    }

    body {
    font-family: "Roboto";
    color: rgb(15,132,136);
    font-weight: 400;
    font-size: 1.080rem;
    font-style: normal;
    }

    .ss-record-username-message {
    font-family: "Roboto";
    color: rgb(15,132,136);
    font-weight: 400;
    font-size: 1.080rem;
    font-style: normal;
    }

    .ss-form-title {
    font-family: "Kalam";
    color: rgb(58,147,100);
    font-weight: 400;
    font-size: 2.460rem;
    font-style: normal;
    }

    .ss-confirmation {
    font-family: "Kalam";
    color: rgb(0,137,82);
    font-weight: 400;
    font-size: 2.460rem;
    font-style: normal;
    }

    .ss-page-title, .ss-section-title {
    font-family: "Kalam";
    color: rgb(58,147,100);
    font-weight: 400;
    font-size: 1.845rem;
    font-style: normal;
    }

    .ss-form-desc, .ss-page-description, .ss-section-description {
    font-family: "Roboto";
    color: rgb(115,169,172);
    font-weight: 400;
    font-size: 1.080rem;
    font-style: normal;
    }

    .ss-resp-content {
    font-family: "Roboto";
    color: rgb(15,132,136);
    font-weight: 400;
    font-size: 1.080rem;
    font-style: normal;
    }

    .ss-q-title {
    font-family: "Kalam";
    color: rgb(58,147,100);
    font-weight: 700;
    font-size: 1.250rem;
    font-style: normal;
    }

    .ss-embeddable-object-container .ss-q-title {
    font-family: "Kalam";
    color: rgb(58,147,100);
    font-weight: 700;
    font-size: 1.845rem;
    font-style: normal;
    }

    .ss-q-help, .ss-q-time-hint {
    font-family: "Roboto";
    color: rgb(115,169,172);
    font-weight: 400;
    font-size: 1.000rem;
    font-style: normal;
    }

    .ss-choice-label, .video-secondary-text, .ss-gridrow-leftlabel, .ss-gridnumber, .ss-scalenumber, .ss-leftlabel, .ss-rightlabel {
    font-family: "Roboto";
    color: rgb(90,90,90);
    font-weight: 400;
    font-size: 1.080rem;
    font-style: normal;
    }

    .error-message, .required-message, .ss-required-asterisk {
    font-family: "Roboto";
    color: rgb(196,59,29);
    font-weight: 400;
    font-size: 1.000rem;
    font-style: normal;
    }

    .ss-send-email-receipt {
    font-family: "Kalam";
    color: rgb(0,137,82);
    font-weight: 400;
    font-size: 1.080rem;
    font-style: normal;
    }

    .ss-password-warning {
    font-family: "Arial";
    color: rgb(15,132,136);
    font-weight: 400;
    font-size: 1.000rem;
    font-style: italic;
    }

    .disclaimer {
    font-family: "Arial";
    color: rgb(15,132,136);
    font-weight: 400;
    font-size: 0.850rem;
    font-style: normal;
    }

    .ss-footer-content {
    font-family: "Arial";
    color: rgb(90,90,90);
    font-weight: 400;
    font-size: 1.000rem;
    font-style: normal;
    }

    .progress-label {
    font-family: "Roboto";
    color: rgb(115,169,172);
    font-weight: 400;
    font-size: 1.000rem;
    font-style: normal;
    }

    a:link {
    color: rgb(0,0,238);
    }

    a:visited {
    color: rgb(85,26,139);
    }

    a:active {
    color: rgb(252,0,0);
    }

    input[type='text'], input:not([type]), textarea {
    font-size: 1.080rem;
    }

    .error, .required, .errorbox-bad {
    border-color: rgb(196,59,29);
    }

    .jfk-progressBar-nonBlocking .progress-bar-thumb {
    background-color: rgb(115,169,172);
    }

    .ss-logo-image {
    background-image: url('../images/forms_logo_2_small_dark.png');
    background-size: 108px 21px;
    width: 108px;
    height: 21px;
    }

    @media screen and (-webkit-device-pixel-ratio: 2) {
    .ss-logo-image {
    background-image: url('../images/forms_logo_2_small_dark_2x.png');
    }
    }

    #fixed-summary{
        position: fixed;
        bottom: 0;
        width: 100%;
        background: white;
        padding: 20px;
    }
    .ss-base-body{
        padding: 0 !important;
    }

    #summary{
        float: left;
        width: 25%;
    }