@charset "utf-8";

.footer {
    width: 100%;
    background-color: #524D5A;
    padding-top: 40px;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 20px;
}

.footer h3 {
    font-size: 28px;
    color: #CCB7E0;
    font-family: "BarlowCondensed Light";
}

.footer h3 a {
    color: #CCB7E0;
}

.footer h3 a:hover {
    color: hsla(0,0%,100%,1.00);
}


.footer p {
    font-size: 20px;
    margin-bottom: 5px;
    color: hsla(0,0%,100%,1.00);
}


.footer a {
    color: #FFFFFF;
}

.footer a:hover {
    color: hsla(0,0%,100%,0.85);
}

.footer .columnOne {
    float: left;
    width: 35%;
    margin-top: -10px;
}

.footer .columnTwo {
    float: left;
    width: 27%;
}

.footer .columnThree {
    float: left;
    width: auto;
}

.footer .columnFour {
    float: right;
    width: auto;
    text-align: right;
}


.footer .logoWrapper {
    height: 110px;
    float: left;
}

.footer .logoWrapper img {
    height: 110px;
    width: auto;
}

.logoText {
    float: left;
    padding-left: 102px;
    margin-top: 12px;
    clear: left;
    font-size: 200px;    
}

.logoText p {
    font-size: 20px;    
}
.footer .socialMedia {
    float: right;
}

.footer .socialMedia figure {
    clear: none;
    float: left;
    margin-top: 8px;
    margin-bottom: 16px;
}

.footer .socialMedia figure a img {
    clear: none;
    float: left;
    width: 32px;
    margin-left: 6px;
}

.footer .socialMedia figure a:hover img {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);

  -webkit-filter: contrast(1.2);
  filter: contrast(1.2);    
}


.fb-like {
    float: right;
    clear: right;
    margin-top: 17px;
    margin-bottom: 15px;
    -webkit-filter: hue-rotate(15deg);
    filter: hue-rotate(15deg);
    -webkit-filter: saturate(0.45);
    filter: saturate(0.45);
}



.columnFour .locations {
    font-size: 16px;
    float: right;
    clear: right;
}

.separationLine {
    margin-left: 3px;
    margin-right: 3px;
    color: hsla(287,44%,81%,1.00);
}


.footer .disclaimer {
    float: left;
    width: 100%;
    padding-left: 102px;
    margin-top: 10px;
}


.footer h2 {
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 60px;
}


.footer .disclaimer p {
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 24px;
}


@media (max-width:2200px){
.footer .columnOne {
    width: 37%;
}

.footer .columnTwo {
    width: 25%;
}
}


@media (max-width:1800px){

.footer {
    padding-left: 40px;
    padding-right: 40px;
}

.footer .columnOne {
    width: 40%;
}

.footer .columnTwo {
    width: 25%;
}

}


@media (max-width:1300px){

.footer .columnOne {
    width: auto;
    margin-right: 4%;
}

.footer h3 {
    font-size: 20px;    
}

.footer p {
    font-size: 18px;    
}

.columnFour .locations {
    font-size: 14px;
}

.separationLine {
    margin-left: 1px;
    margin-right: 1px;
}

}


@media (max-width:1200px){

.footer {
    padding-left: 20px;
    padding-right: 20px;
}
}


@media (max-width:1100px){

.footer .navigationWrapper {
    width: auto;
    float: left;
    clear: none;
    margin-right: 10%;
}

.footer .columnTwo {
    width: auto;
    clear: left;
    margin-left: 102px;
    margin-top: 40px;
    margin-bottom: 20px;
}

.footer .columnThree {
    width: auto;

}

.footer .columnOne {
    margin-right: 0%;
}

.footer h3 {
    font-size: 22px;    
}
.footer p {
    font-size: 18px;    
}
.columnFour .locations {
    font-size: 18px;
}

.footer h2 {
    margin-bottom: 30px;
}
}


@media (max-width:1000px){

.footer .columnTwo {
    width: auto;
    clear: left;
    margin-left: 102px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.columnFour .locations {
    font-size: 16px;
}

.footer .disclaimer {
    margin-top: 20px;
}
}


@media (max-width:920px){

.footer .navigationWrapper {
    margin-right: 0px;
}

.footer .columnThree {
    float: left;
    clear: left;
    margin-bottom: 20px;
    margin-left: 102px;    
}

.footer .columnFour {
    float: left;
    clear: left;
    text-align: left;
    margin-left: 102px;
}

.footer h3 {
    font-size: 24px;    
}

.footer p {
    font-size: 20px; 
}


.footer .socialMedia {
    float: left;
}

.footer .socialMedia figure {
    clear: none;
    float: left;
    margin-top: 10px;
    margin-bottom: 35px;
}

.footer .socialMedia figure a img {
    clear: none;
    float: left;
    margin-left: 0px;    
    margin-right: 6px;
}

.columnFour .locations {
    font-size: 18px;
    clear: left;
}

.fb-like {
    float: left;
}

.footer .disclaimer {
    margin-top: 28px;
}
}

@media (max-width:767px){


.logoText {
    margin-top: 30px;
}
}


@media (max-width:500px){

.logoText {
    float: left;
    padding-left: 20px;
    margin-top: 30px;
    clear: left;
    font-size: 200px;    
}

.footer .columnTwo {
    margin-top: 20px;
    margin-left: 20px;    
}

.footer .columnThree {
    margin-left: 20px;    
}

.footer .columnFour {
    margin-left: 20px;    
}

.footer .disclaimer {
    padding-left: 20px
}

.footer .disclaimer {
    padding-left: 20px
}

}