/* CSS Document */
@font-face {
    font-family: 'montserrat-regular';
    src: url('font/montserrat-regular/montserrat-regular.eot');
    src: url('font/montserrat-regular/montserrat-regular.eot?#iefix') format('embedded-opentype'),
         url('font/montserrat-regular/montserrat-regular.woff2') format('woff2'),
         url('font/montserrat-regular/montserrat-regular.woff') format('woff'),
         url('font/montserrat-regular/montserrat-regular.ttf') format('truetype'),
         url('font/montserrat-regular/montserrat-regular.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montreal-regular';
    src: url('font/montreal-regular/montreal-regular.eot');
    src: url('font/montreal-regular/montreal-regular.eot?#iefix') format('embedded-opentype'),
         url('font/montreal-regular/montreal-regular.woff2') format('woff2'),
         url('font/montreal-regular/montreal-regulart.woff') format('woff'),
         url('font/montreal-regular/montreal-regular.ttf') format('truetype'),
         url('font/montreal-regular/montreal-regular.svg#montrealregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mvsans-bold';
    src: url('font/mvsans-bold/mvsans-bold.eot');
    src: url('font/mvsans-bold/mvsans-bold.eot?#iefix') format('embedded-opentype'),
         url('font/mvsans-bold/mvsans-bold.woff2') format('woff2'),
         url('font/mvsans-bold/mvsans-bold.woff') format('woff'),
         url('font/mvsans-bold/mvsans-bold.ttf') format('truetype'),
         url('font/mvsans-bold/mvsans-bold.svg#mvsansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Reset */
body,
html {
    margin: 0px;
    background-color: #000;
    color: #666;
    font-family: arial;   
}

header {
    width: 703px;
    height: 116px;
    margin: 133px auto 60px auto;
    position: relative;
}

header img {
    display: block;
    float: left;
    margin-right: 17px; 
}

.statewide {
    font-family: 'mvsans-bold';
    font-size: 93px;
    color: #fff;
    letter-spacing: 3px;
    line-height: 71px;
    text-transform: uppercase;
    position: absolute;
    top: 0px;
    right: 0px;
}

.trenching {
    font-family: 'montreal-regular';
    font-size: 49px;
    line-height: 34px;
    text-transform: uppercase;
    color: #f57711;
    letter-spacing: 39.5px;
    position: absolute;
    bottom: 0px;
    right: -39.5px;
}

.llc {
    font-family: 'montserrat-regular';
    font-size: 16px;
    line-height: 14px;
    color: #666;
    position: absolute;
    bottom: 2px;
    right: -39px;
}

.content {
    width: 93%;
    padding-left: 3.5%;
    padding-right: 3.5%;
    color: #fff;
    text-align: center;
    margin-bottom: 80px;   
}

.content h2 {
    text-transform: uppercase;   
}

.content h2,
.content a {
    font-family: arial;
    margin: 0px;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
}

.content a {
    color: #fff;   
    display: block;
    text-decoration: none;
}

.content .phone-number {
    cursor: text;   
}

footer {
    width: 93%;
    padding-left: 3.5%;
    padding-right: 3.5%;  
    text-align: center;
    margin-bottom: 80px;
}

footer span {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    padding-right: 9px;
    margin-right: 3px;
    border-right: 1px solid #666; 
}

footer div {
    display: inline-block;   
}

.last span:last-child {
    margin-right: 0px;
    padding-right: 0px;
    border-right: none;   
}

@media only screen and (max-width: 860px) {
header {
    width: 300px; 
    height: 50px; 
    margin-top: 50px;
    margin-bottom: 40px;  
}

header img {
    width: 50px;   
}

.statewide {
    font-size: 37px;
    line-height: 29px;   
}

.trenching {
    font-size: 24px;
    line-height: 13px;
    letter-spacing: 14.5px;
    right: -14px;   
}

.llc {
    font-size: 10px;
    line-height: 14px;
    bottom: -4px;
    right: -24px;   
}

.content {
    margin-bottom: 40px;   
}

.content h2,
.content a {
    font-size: 20px;
    line-height: 24px;   
}

footer {
    margin-bottom: 50px;   
}

footer div {
    display: block;   
}

.first span:last-child {
    margin-right: 0px;
    padding-right: 0px;
    border-right: none;    
}

}

@media only screen and (max-width: 450px) {
footer span {
    display: block;
    width: 100%;
    line-height: 20px;
    margin-right: 0px;
    padding-right: 0px;
    border-right: none;
    text-align: center;    
}

}