/*Mayor Quote Styles*/
.quoteContainer{
    margin-left:auto; 
    margin-right:auto;
}
.quotePortrait{ 
    width: 380px;
    margin-left:auto; 
    margin-right:auto; 
    max-width:100%; 
}
@media screen and (max-width:800px){
    .quotePortrait{ width: 47.5vw; }
}
@media screen and (max-width:420px){
    .quotePortrait{ width:200px; }
}    
.quotePortraitText{ 
    font-size: 18px; 
    line-height: 1.4em; 
    color: #767676;
    font-family: "indivisible", sans-serif;
    font-weight: 200;
    font-style: italic;
}
.quoteTable{ 
    display:table; 
}
@media screen and (max-width:600px){
    .quoteTable{ 
        display:block; 
    }
}
.quoteTableCell{ 
    display:table-cell; 
    vertical-align:middle; 
}
@media screen and (max-width:600px){
    .quoteTableCell{ 
        display:block; 
        margin-left:auto; 
        margin-right:auto; 
        text-align: center;
    }
}
@media screen and (max-width:420px){
    .quoteTableCell{ 
        display:block; 
        margin-left:auto; 
        margin-right:auto; 
        text-align: center;
    }
}
/*Quote Portrait Cell Styles*/
.quotePortraitCell{ 
    min-width:200px; 
}
.quoteTableCell.quoteLeftImage{ 
    display:none; 
}
.quoteTableCell.quoteRightImage{ 
    display:none; 
}
.quoteTableCell.quoteLeftImage.ImageLeft_True{ 
    display:table-cell; 
}
.quoteTableCell.quoteRightImage.ImageLeft_True{
    display:none; 
}
.quoteTableCell.quoteLeftImage.ImageLeft_False{ 
    display:none; 
}
.quoteTableCell.quoteRightImage.ImageLeft_False{ 
    display:table-cell; 
}
@media screen and (max-width:600px){
    .quoteTableCell.quoteLeftImage.ImageLeft_True{ 
        display:block; 
    }
    .quoteTableCell.quoteRightImage.ImageLeft_False{ 
        display:block; 
        margin-bottom: 30px;
        margin-top: -15px;
    }
}
/*Quote Text Styles*/
.quotePadding{
    position:relative; 
    padding:15px;
    padding-left:60px;
}
@media screen and (max-width:1280px){
    .quotePadding{
        padding-left:3.9vw;
        padding-right:3.9vw;
    }
}
@media screen and (max-width:600px){
    .quotePadding{
        padding-left: 25px;
        padding-right: 25px;
    }
}
.leftQuote{
    font-weight: normal;
    font-size: 120px;
    position: absolute;
    top: 0px;
    left: 0px;
    /*margin-left: -40px;*/
    display: block;
    font-family: serif;
    color: #7aafd9;
    line-height: 1em;
    text-shadow:none;
}
@media screen and (max-width:1280px){
    .leftQuote{
        margin-left:0px;
        font-size:9.3vw;
    }
}
@media screen and (max-width:600px){
    .leftQuote{
        font-size: 55px;
        line-height:1.5em;
    }
}
.rightQuote{
    display: inline-block;
    font-family: serif;
    color: #7aafd9;
    font-weight: normal;
    font-size: 120px;
    position: absolute;
    margin-top: 20px;
    text-shadow:none;
}
@media screen and (max-width:1280px){
    .rightQuote{
        font-size:9.3vw;
        margin-top: 1.5vw;
    }
}
@media screen and (max-width:600px){
    .rightQuote{
        font-size: 55px;
        position: absolute;
        bottom: 0px;
        right: 0px;
        margin-top: 0px;
        line-height: 0.5em;
    }
}
.quoteText{
    line-height: 1.4em; 
    color: #4d4d4d; 
    display:inline-block; 
    padding-bottom:15px;
    font-family: "indivisible", sans-serif;
    font-weight: 200;
    font-style: italic;
    /*Default Quote Font Size*/
    font-size: 29px;
}
.quoteText.quoteSize29{
    font-size: 29px;
    font-weight: 200;
}
.quoteText.quoteSize42{
    font-size: 42px;
    font-weight: 300;
}
.quoteText[style*="font-weight:200"]{
    text-shadow: 0px 0px 1px #4d4d4d; 
}
@media screen and (max-width:1600px){
    .quoteText{
        font-size: 29px;
    }
    .quoteText.quoteSize29{
        font-size: 29px;
    }
    .quoteText.quoteSize42{
        font-size:2.625vw;
    }
}
@media screen and (max-width:1280px){
    .quoteText{
        /*Default Quote Font Size*/
        font-size:2.5vw;
    }
    .quoteText.quoteSize29{
        font-size:2.5vw;
    }
    .quoteText.quoteSize42{
        font-size:3vw;
    }
}
@media screen and (max-width:820px){
    .quoteText{
        /*Default Quote Font Size*/
        font-size: 22px;
    }
    .quoteText.quoteSize29{
       font-size: 22px;
    }
    .quoteText.quoteSize42{
        font-size:2.8vw;
    }
}
@media screen and (max-width:600px){
    .quoteText{
        font-size: 15px;
        font-weight: 300;
    }
    .quoteText.quoteSize29{
        font-size: 15px;
        font-weight: 300;
    }
    .quoteText.quoteSize42{
        font-size: 30px;
        font-weight: 400;
        text-align: center;
        padding-top: 15px;
    }
}
@media screen and (max-width:550px){
    .quoteText{
        font-size: 15px;
        font-weight: 300;
    }
    .quoteText.quoteSize29{
        font-size: 15px;
        font-weight: 300;
    }
    .quoteText.quoteSize42{
        font-size: 5.8vw;
    }
}