html{margin-top:0px !important;}
img{max-width:100%; height:auto;}
#donate-content-column iframe{max-width:100%; height:auto; min-height:320px;}
    #hero{width:100%; height:600px; background-image:url(<?php the_post_thumbnail_url('large'); ?>); background-repeat: none; background-size: cover; background-position:50% 50%;}
    #hero .container{height:100%; position:relative;}
    #hero .container .row{bottom:80px; position:absolute; width:100%}
    #hero-header{color:white; text-shadow: 0px 0px 10px rgba(0,0,0,0.6); font-size:4rem}
    #hero-heading span{background:yellow; color:black; font-size:3rem; line-height: 4.4rem !important;}

    #donate-main > .row{position:relative; top:-50px;}
    #donate-content-column{padding-top:85px; font-size:1.2rem}

    #own-amount-wrapper{padding:15px; margin-bottom:5px;}
    #own-amount-wrapper > div{}

    .donate-box .form-group input[type=text]{width:100%; font-size:1.5rem; border: 1px solid #777; color: #333; padding: 12px 12px;}
    .donate-box .form-group input[type=number]{width:100%; font-size:1.5rem; border: 1px solid #777; color: #333; padding: 12px 12px;}
    .donate-box .form-group input[type=email]{width:100%; font-size:1.5rem; border: 1px solid #777; color: #333; padding: 12px 12px;}
    .donate-box .form-group input[type=radio]{width:auto; padding:10px;}
    .donate-box .input-wrapper{margin-bottom:14px;}
    .donate-box .form-group select{width:100%; font-size:1.5rem; border: 1px solid #777; color: #333; padding: 12px 12px; margin-bottom:14px; }
    .donate-box .checkboxes {padding-left:0px;}
    .donate-box .checkboxes li{display:inline; margin:4px 10px 4px 10px;}
    .donate-box .checkboxes li input{margin-right:5px;}
    .donate-box .amount-button
    select {border-bottom-left-radius:0px; -webkit-appearance: none; -webkit-border-radius: 0px;}
    .donate-box{background-color:#ddd; box-shadow: 0px 0px 14px #666666; margin-bottom:46px;}
    .donate-box > div{padding:15px;}
    .donate-box > div:first-child{background-color:black;}
    .donate-box > div:first-child h2{margin:0px; text-align:center;}
    .donate-box-heading{background-color:black; color:white;}
    .donate-box .selected {background-color:yellow;}
    .donate-box .selected .suggested-description{background-color:yellow;}

    #credit-card-ts-and-cs-link{cursor:pointer; text-decoration:underline;}

    .donate-box .checkboxes{list-style:none;}
    #monthly-suggested .row, #onceoff-suggested .row, #yearly-suggested .row{margin:15px; background-color:white; box-shadow: 0px 0px 10px #888888;}
    #monthly-suggested .row div:first-child, #onceoff-suggested .row div:first-child, #yearly-suggested .row div:first-child{padding:0px; border-shadow:3px;}

    .donate-frequency-label{background-color:#888888; color:black; transition:0.3s; font-family:"Open Sans Condensed"; padding:12px 22px; margin:10px; font-size:1.5rem;}
    .donate-frequency-label:hover{background-color:yellow;}
    .donate-frequency-label.select{}
    .donate-frequency-radio[type=radio]:checked+label, .donate-frequency-label.selected{background-color:yellow;}
    .donate-frequency-radio{display:none;}

    #regular-payment-reminder{}
    #regular-payment-reminder p{width:100%; padding:10px; background-color:yellow; margin:0px; font-size:0.9rem; text-align:center; font-weight: bold;}

    .donate-method-label{background-color:#888888; color:black; transition:0.3s; font-family:"Open Sans Condensed"; padding:12px 22px; margin:10px; font-size:1.5rem;}
    .donate-method-label:hover{background-color:yellow;}
    .donate-method-label.select{}
    .donate-method-radio[type=radio]:checked+label, .donate-frequency-label.selected{background-color:yellow;}
    .donate-method-radio{display:none;}
    .suggested-image img{width:100%;}
    .suggested-description{padding:15px; font-size: 0.9rem;}
    .suggested-description:hover{background-color:yellow; transition: 0.3s;}
    .suggested-amount{background-color:yellow;}
    .suggested-amount div{position: relative; display: flex; width: 100%; height: 100%; margin: auto;}
    .suggested-amount div p{margin: auto; text-align: center; font-size:2rem; font-family:"Open Sans Condensed";}

    .value-amounts .row{}
    .validation-error{font-family:"Open Sans Condensed"; color:white; background-color:#a00; padding:8px;}
    .error{border:2px solid #a00;}

    #donate-submit div{padding:15px; color:yellow; background-color:black; font-size:1.5rem; font-family:"Open Sans Condensed"; cursor:pointer;}

    /* STEP 3 */
    #donate-cc-wrapper{margin-bottom:12px; font-size:1rem;}


    @media (min-width: 692px) { 
        .suggested-description{ font-size: 1rem; }
    }

    @media (min-width: 1080px) { 
        #donate-content-column{ padding-right: 7%; }
        .suggested-description{ font-size: 0.9rem; }
    }

    @media (min-width: 1200px) { 
        .container{ max-width: 1200px;}
        #donate-content-column{ padding-right: 6.8%;}
        .suggested-description{ font-size: 1rem; }
    }