﻿.Footer2 {
    position: relative;
    top: -84px;
}
.FooterBar {
    background-color: #000;
    background: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,1)), url('../Images/Footer.jpeg');
    position: relative;
    top: 0px;
    width: 100%;
    height: 338px;
    border-top: 1px solid #fff;
    display: block;
    color: #fff;
}
.FooterBlock {
    position: relative;
    top: 50px;
    margin: 0 auto;
    width: 70%;
    text-align: center;
    font-size: 0;
}
.Column1 {
    display: inline-block;
    width: 40%;
    text-align: left;
    padding-top: 15px;
    padding-right: 45px;
    font-size: calc(12px + (16 - 12) * ((100vw - 300px) / (1600 - 300)));
}

.Column1Text {
    position: relative;
    top: 30px;
    display: inline-block;
    padding-right: 10px;
    font-family: 'OpenSans-Regular';
   
}
.Column2 {
    display: inline-block;
    width: 23%;
    height: 78px;
    vertical-align: top;
    text-align: left;
    padding-right: 1px;
}
.Column2Header {
    position: relative;
    top: 0px;
    display: inline-block;
    text-align: left;
    font-family: 'OpenSans-bold';
    font-size: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #b1b1b1;
    color: #fff;
}

.Column2ServiceList {
    position: relative;
    top: 10px;
    
    font-family: 'OpenSans-light';
    font-size: 16px;
    color: #d5d1d1;
    text-align: left;
}


.Column3 {
    position: relative;
  
    vertical-align: top;
    text-align: left;
    display: inline-block;
    width: 28%;
    height: 78px;
    padding-left: 25px;
}
@media (max-width: 900px) {
    .FooterBar {
        background-color: #000;
        background: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,1)), url('../Images/Footer.jpeg');
        
      
        height: 600px;
        
    }
    .Column1, .Column2, .Column3 {
        display: block;
        width: 100%;
    }
    .Column1Text {
        position: relative;
        top: 0px;
       
    }
    .Column2 {
        position: relative;
        top: 15px;
    }
    .Column3 {
        position: relative;
        top: 140px;
        left: -25px
    }
}

@media (max-width: 900px) {
    .Footer {
        position: relative;
        top: 0px;
    }
}