body{
    max-width: 1920px;
    color: #710000;
    background: #FFFFFF;
    font-family: 'Merriweather';
    font-size: 16px;
    font-weight: 300;
}

.footer{
    max-width: 1920px;
    width: 94%;
    margin: 0px auto 0px auto;   
    color: #FFFFFF;
    background: #333333;
    padding: 24px auto 24px auto;
}

p.footer{
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    width: 85%;
    font-family: 'Merriweather';
    padding: 24px auto 24px auto;
}

.row{
    max-width: 1920px;
    width: 94%;
    margin: 16px auto 16px auto;
}

address{ 
    color:#710000;
    max-width: 1920px;
    width: 90%;
    font-family: 'Merriweather';
    font-size: 18px;
    font-weight: 400;
    line-height: 2;
}

form{
    background:  #710000; 
    color: #FFFFFF; 
    border-radius: 24px;
    width: 85%;
    margin: 16px auto 16px auto;
}

figcaption{
     color:#710000;
    max-width: 1920px;
    width: 80%;
    font-family: 'Merriweather';
    font-size: 18px;
    font-weight: 400;
    line-height: 2; 
    text-align: justified;  
    margin: 20px auto 40px auto;
}

p{ 
    color:#710000;
    max-width: 1920px;
    width: 90%;
    font-family: 'Merriweather';
    font-size: 18px;
    font-weight: 400;
    line-height: 2;
}

select{
    color:#000000;
    max-width: 1920px;
    width: 90%;
    font-family: 'Merriweather';
    font-size: 18px;
    font-weight: 400;
    line-height: 2;
}

label{
    color: #FFFFFF;
    max-width: 1920px;
    width: 90%;
    font-family: 'Merriweather';
    font-size: 20px;
    font-weight: 400;
    line-height: 2;
}

p.mission{ 
    color:#710000;
    max-width: 1920px;
    width: 90%;
    font-family: 'Merriweather';
    font-size: 24px;
    font-weight: 700;
    line-height: 2;
    font-style: oblique;
    margin: 8px auto 24px auto;
    text-align: center;
}

ol, ul{ 
    color:#710000;
    max-width: 1920px;
    width: 80%;
    font-family: 'Merriweather';
    font-size: 18px;
    font-weight: 400;
    margin-left: 2.5%;
    line-height: 2;
}

h1{
    color:#710000;
    max-width: 1920px;
    width: 90%;
    font-family: 'Merriweather';
    font-size: 32px;
    font-weight: 700;
    margin: 8px auto 8px auto;
    text-align: center;    
}

h2{
    color:#710000;
    max-width: 1920px;
    width: 90%;
    font-family: 'Merriweather';
    font-size: 24px;
    font-weight: 700;
    text-align: left;    
}

.shortext{
    color: #FFFFFF;
    background-color: #650000;
    border-radius: 16px; 
    font-family: 'Merriweather';
    font-weight: 300;
}

img.panoramic{
    max-width: 1920px;
    width: 100%;
    height: auto;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

figure{
    max-width: 1920px;
    width: 100%;
}

.navbar-dark {
    background-color: #710000;

}




@media only screen and (min-width: 769px) and (max-width: 1000px){
    body{
        max-width: 1000px;
        color: #710000;
        background: #FFFFFF;
        font-family: 'Merriweather';
        font-size: 16px;
        font-weight: 300;
    }

    .footer{
        max-width: 1000px;
        width: 94%;
        margin: 16px auto 16px auto;   
        color: #FFFFFF;
        background: #333333;
        padding: 24px auto 24px auto;
    }

    p.footer{
        color: #FFFFFF;
        font-size: 14px;
        text-align: center;
        width: 85%;
        font-family: 'Merriweather';
        padding: 24px auto 24px auto;
    }

    .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{
        max-width: 1000px;
        width: 94%;
        margin: 16px auto 16px auto;
    }

    .row{
        max-width: 1000px;
        width: 94%;
        margin: 16px auto 16px auto;
    }

    address{ 
        color:#710000;
        max-width: 1000px;
        width: 90%;
        font-family: 'Merriweather';
        font-size: 18px;
        font-weight: 400;
        line-height: 2;
    }

    form{
        background:  #710000; 
        color: #FFFFFF; 
        border-radius: 24px;
        width: 85%;
        margin: 16px auto 16px auto;
    }

    figcaption{
         color:#710000;
        max-width: 1000px;
        width: 80%;
        font-family: 'Merriweather';
        font-size: 18px;
        font-weight: 400;
        line-height: 2; 
        text-align: justified;  
        margin: 20px auto 40px auto;
    }

    p{ 
        color:#710000;
        max-width: 1000px;
        width: 90%;
        font-family: 'Merriweather';
        font-size: 18px;
        font-weight: 400;
        line-height: 2;
    }

    select{
        color:#000000;
        max-width: 1000px;
        width: 90%;
        font-family: 'Merriweather';
        font-size: 18px;
        font-weight: 400;
        line-height: 2;
    }

    label{
        color: #FFFFFF;
        max-width: 1000px;
        width: 90%;
        font-family: 'Merriweather';
        font-size: 20px;
        font-weight: 400;
        line-height: 2;
    }

    p.mission{ 
        color:#710000;
        max-width: 1000px;
        width: 90%;
        font-family: 'Merriweather';
        font-size: 24px;
        font-weight: 700;
        line-height: 2;
        font-style: oblique;
        margin: 8px auto 24px auto;
        text-align: center;
    }

    ol, ul{ 
        color:#710000;
        max-width: 1000px;
        width: 80%;
        font-family: 'Merriweather';
        font-size: 18px;
        font-weight: 400;
        margin-left: 2.5%;
        line-height: 2;
    }

    h1{
        color:#710000;
        max-width: 1000px;
        width: 90%;
        font-family: 'Merriweather';
        font-size: 32px;
        font-weight: 700;
        margin: 8px auto 8px auto;
        text-align: center;    
    }

    h2{
        color:#710000;
        max-width: 1000px;
        width: 90%;
        font-family: 'Merriweather';
        font-size: 24px;
        font-weight: 700;
        margin: 8px auto 8px auto;
        text-align: left;    
    }

    .shortext{
        color: #FFFFFF;
        background-color: #650000;
        border-radius: 16px; 
        font-family: 'Merriweather';
        font-weight: 300;
    }

    img.panoramic{
        max-width: 1000px;
        width: 100%;
        height: auto;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
    }

    figure{
        max-width: 1000px;
        width: 100%;
    }
}



@media only screen and (max-width: 768px){
    body{
        max-width: 768px;
        color: #710000;
        background: #FFFFFF;
        font-family: 'Merriweather';
        font-size: 16px;
        font-weight: 300;
    }

    .footer{
        max-width: 768px;
        width: 94%;
        margin: 16px auto 16px auto;   
        color: #FFFFFF;
        background: #333333;
        padding: 24px auto 24px auto;
    }

    p.footer{
        color: #FFFFFF;
        font-size: 14px;
        text-align: center;
        width: 85%;
        font-family: 'Merriweather';
        padding: 24px auto 24px auto;
    }

    .col-3{
        max-width: 768px;
        width: 94%;
        margin: 16px auto 16px auto;
    }

    .col-4{
        max-width: 768px;
        width: 94%;
        margin: 16px auto 16px auto;
    }

    .col-5{
        max-width: 768px;
        width: 94%;
        margin: 16px auto 16px auto;
    }

    .col-6{
        max-width: 768px;
        width: 94%;
        margin: 16px auto 16px auto;
    }

    .col-7{
        max-width: 768px;
        width: 94%;
        margin: 16px auto 16px auto;
    }

    .col-8{
        max-width: 768px;
        width: 94%;
        margin: 16px auto 16px auto;
    }

    .col-92{
        max-width: 768px;
        width: 94%;
        margin: 16px auto 16px auto;
    }

    .col-10{
        max-width: 768px;
        width: 94%;
        margin: 16px auto 16px auto;
    }

    .col-11{
        max-width: 768px;
        width: 94%;
        margin: 16px auto 16px auto;
    }

    .col-12{
        max-width: 768px;
        width: 94%;
        margin: 16px auto 16px auto;
    }

    .row{
        max-width: 768px;
        width: 94%;
        margin: 16px auto 16px auto;
    }

    address{ 
        color:#710000;
        max-width: 768px;
        width: 90%;
        font-family: 'Merriweather';
        font-size: 18px;
        font-weight: 400;
        line-height: 2;
    }

    form{
        background:  #710000; 
        color: #FFFFFF; 
        border-radius: 24px;
        width: 85%;
        margin: 16px auto 16px auto;
    }

    figcaption{
         color:#710000;
        max-width: 768px;
        width: 80%;
        font-family: 'Merriweather';
        font-size: 18px;
        font-weight: 400;
        line-height: 2; 
        text-align: justified;  
        margin: 20px auto 40px auto;
    }

    p{ 
        color:#710000;
        max-width: 768px;
        width: 90%;
        font-family: 'Merriweather';
        font-size: 18px;
        font-weight: 400;
        line-height: 2;
    }

    select{
        color:#000000;
        max-width: 768px;
        width: 90%;
        font-family: 'Merriweather';
        font-size: 18px;
        font-weight: 400;
        line-height: 2;
    }

    label{
        color: #FFFFFF;
        max-width: 768px;
        width: 90%;
        font-family: 'Merriweather';
        font-size: 20px;
        font-weight: 400;
        line-height: 2;
    }

    p.mission{ 
        color:#710000;
        max-width: 768px;
        width: 90%;
        font-family: 'Merriweather';
        font-size: 24px;
        font-weight: 700;
        line-height: 2;
        font-style: oblique;
        margin: 8px auto 24px auto;
        text-align: center;
    }

    ol, ul{ 
        color:#710000;
        max-width: 768px;
        width: 80%;
        font-family: 'Merriweather';
        font-size: 18px;
        font-weight: 400;
        margin-left: 2.5%;
        line-height: 2;
    }

    h1{
        color:#710000;
        max-width: 768px;
        width: 90%;
        font-family: 'Merriweather';
        font-size: 32px;
        font-weight: 700;
        margin: 8px auto 8px auto;
        text-align: center;    
    }

    h2{
        color:#710000;
        max-width: 768px;
        width: 90%;
        font-family: 'Merriweather';
        font-size: 24px;
        font-weight: 700;
        margin: 8px auto 8px auto;
        text-align: left;    
    }

    .shortext{
        color: #FFFFFF;
        background-color: #650000;
        border-radius: 16px; 
        font-family: 'Merriweather';
        font-weight: 300;
    }

    img.panoramic{
        max-width: 768px;
        width: 100%;
        height: auto;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
    }

    figure{
        max-width: 768px;
        width: 100%;
    }
}