@charset "utf-8";
/* CSS Document */

html
{
    /*Default site font*/
    font-family: 'Roboto Slab', serif;
    font-size: 16px;
}

body {font-size: 1em;}

* {box-sizing: border-box;}

img {vertical-align: top;}

/*For older browsers*/
header, main, footer, article, section {display: block;}

/*header
{
    background-image: url("../images/index_images/artsy_500_800.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}*/

.width-full {width: 100%;}

.position-relative {position: relative;}

.object-fit-cover {object-fit: cover;}

.display-block {display: block;}

.clearfix::after
{
    clear: both;
    content: "";
    display: block;
}

.margin-horizontal-center
{
    display: block;
    margin: 0 auto 0 auto;
}

.no-margin {margin: 0;}

.no-margin-bottom {margin-bottom: 0;}

.no-margin-top {margin-top: 0;}

.site-margin-bottom {margin-bottom: 2rem}

.section-margin-bottom-1 {margin-bottom: 1.5rem}

.section-top-bottom-padding-1 {padding: 1.5rem 0;}

.content-width
{
    max-width: 2000px;
    width: 92%;
}

.content-margin-bottom {margin-bottom: 1em;}

.bg_purple {background-color: #a0a2d6;}

.font-color-white {color: #ffffff;}

.max-width-800 {max-width: 800px;}

/*.display-table {display: table;}

.display-table-cell-middle
{
    display: table-cell;
    vertical-align: middle;
}

.two-column-table-large {}*/

.site-logo
{
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
}

.heading-1-1
{
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1.3em;
}

.heading-2-1
{
    font-weight: 400;
    font-size: 1.3em;
}

.heading-margin-bottom-1 {margin-bottom: 1rem;}

.heading-margin-bottom-2 {margin-bottom: 1rem;}

.primary-content
{
    font-size: 1.0em;
    line-height: 1.6em;
    text-align: justify;
}

.label-margin-bottom-1 {margin-bottom: 0.3em;}

.form-feildset-1
{
    border: 0;
    margin: 0 0 1.5em 0;
    padding: 0;
}

.form-fieldset-hidden
{
    height: 0;
    margin-bottom: 0;
    visibility: hidden;
}

.form-input-focus-1:focus
{
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);
    outline: none;
}

.form-text-input-1
{
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: 'Roboto Slab', serif;
    font-size: 0.9em;
    line-height: 1.5em;
    padding: 0.3em 0.4em
}

.resize-vertical {resize: vertical}

.form-feedback
{
    display: none;
    font-size: 1.2em;
    line-height: 1.5em;
    margin: 0 auto 2em auto;
    min-width: 300px;
    text-align: center;
    width: 40%;
}

.form-feedback-success
{
    color: #ffffff;
    display: block;
    
}

.form-feedback-error
{
    color: #c90808;
    display: block;
}

.form-button-1
{
    background-color: #21223a;
    border: 0;
    cursor: pointer;
    font-family: 'Roboto Slab', serif;
    padding: 0.5em 3em;
}

.footer-logo-width {width: 50%;}

@media screen and (min-width: 500px)
{
    .site-logo {width: 50%;}
    
    .heading-1-1 {font-size: 1.8em;}
}

@media screen and (min-width: 700px)
{
    .site-logo {width: 40%;}
    
    .heading-1-1 {font-size: 2em;}
    
    .heading-2-1 {font-size: 1.5em;}
    
    .mq-two_column-form-float
    {
        float: left;
        width: 50%;
    }
    
    .mq-form-padding-left {padding-left: 1em;}
    
    .mq-form-padding-right {padding-right: 1em;}
    
    .footer-logo-width {width: 30%;}
}

@media screen and (min-width: 900px)
{
    .site-margin-bottom {margin-bottom: 3rem;}
    
    .section-margin-bottom-1 {margin-bottom: 2.5rem}
    
    .section-top-bottom-padding-1 {padding: 2.5rem 0;}
    
    .content-width {width: 90%;}
    
    .site-logo {width: 30%;}
    
    .heading-1-1 {font-size: 2.2em;}
    
    .heading-2-1 {font-size: 1.8em;}
    
    .mq-display-table
    {
        display: table;
    }
    
    .mq-two-column-table-cell
    {
        display: table-cell;
        vertical-align: middle;
    }
    
    .mq-table-cell-left
    {
        padding-right: 1em;
        width: 50%;
    }
    
    .mq-table-cell-right
    {
        padding-left: 1em;
        width: 50%;
    }
    
    .mq-form-padding-left {padding-left: 2em;}
    
    .mq-form-padding-right {padding-right: 2em;}
}

@media screen and (min-width: 1100px)
{
    .heading-1-1 {font-size: 2.5em;}
    
    .heading-2-1 {font-size: 2em;}
    
    .heading-margin-bottom-1 {margin-bottom: 2rem;}

    .heading-margin-bottom-2 {margin-bottom: 1.5rem;}
    
    .primary-content {font-size: 1.1em;}
    
    .footer-logo-width {width: 20%;}
    
    .mq-table-cell-left {padding-right: 3em;}
    
    .mq-table-cell-right {padding-left: 3em;}
    
    .form-feildset-1 {margin-bottom: 2em;}
    
    .form-fieldset-hidden {margin-bottom: 0;}
    
    .form-text-input-1 {font-size: 1em;}
}

@media screen and (min-width: 1400px)
{
    .site-margin-bottom {margin-bottom: 3.5rem;}
    
    .section-margin-bottom-1 {margin-bottom: 3.5rem}
    
    .section-top-bottom-padding-1 {padding: 3.5rem 0;}
    
    .content-width {width: 84%;}
    
    .primary-content {line-height: 1.8em;}
    
    .mq-table-cell-left {padding-right: 0em;}
    
    .mq-table-cell-right {padding-left: 8em;}
    
    .form-input-focus-1:focus
    {
        -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.7);
        -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.7);
        box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.7);
    }
}

@media screen and (min-width: 1700px)
{
    .content-width {width: 80%;}
    
    .site-logo {width: 25%;}
    
    .heading-1-1 {font-size: 3em;}
    
    .heading-2-1 {font-size: 2.2em;}
    
    .mq-table-cell-left {width: 60%;}
    
    .mq-table-cell-right
    {
        padding-left: 5em;
        width: 40%
    }
    
    .mq-form-padding-left {padding-left: 6em;}
    
    .mq-form-padding-right {padding-right: 6em;}
}

@media screen and (min-width: 2100px)
{
    .site-margin-bottom {margin-bottom: 4.5rem;}
    
    .section-margin-bottom-1 {margin-bottom: 4rem}
    
    .section-top-bottom-padding-1 {padding: 4rem 0;}
    
    .heading-1-1 {font-size: 3.5em;}
    
    .heading-2-1 {font-size: 2.8em;}
    
    .heading-margin-bottom-1 {margin-bottom: 3rem;}

    .heading-margin-bottom-2 {margin-bottom: 2rem;}
    
    .primary-content {font-size: 1.3em;}
    
    .mq-table-cell-right {padding-left: 2em;}
    
    .form-feildset-1 {margin-bottom: 2.5em;}
    
    .form-text-input-1 {font-size: 1.1em;}
}