body{
    margin: 0 auto;
    padding: 0 auto;
}
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;    } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


 /* Desktop ONLY css */
@media screen and (min-width: 768px)
{
    .roadmac-logo{
    position: relative;
    top: 20px;
    float: left;
    height: 108px;
    width: 374px;
    padding: 0;
    margin: 0;
    display: inline-block;
}
    .header nav{
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font: 400 13.95px 'Open Sans';
    top: 65px;
    left: 40px;
    float: left; 
}
        .float-right{
        float: right;
    }
    .float-left{
        float: left;
    }
        .sub-content img{
        clear: both;
        margin: 5px;
        width: 25%;
        min-width: 250px;
    }
    .affiliated{
    clear: both;
    background: url(../images/affiliated-bg.png);
    background-repeat: repeat-y;
    background-position: center;
    width: 100%;
    height: 150px;
    border-bottom: 2px solid #fff;
    background-color: #7a7a7a;
    text-align: center;
    padding-bottom: 20px;
}
    .affiliated img{
        opacity: 0.6;
        height: 45px;
        clear: both;
    }
    .affiliated img:Hover{
        opacity: 1;
    }
    .affiliated p{
        padding: 15px 0px;
        font: 400 19.95px 'Open Sans';
        margin: 0 auto;
        color: #ffffff;
    }
    .content-left{
    width: 48%;
    float: left;
}
.content-right{
    width: 48%;
    float: right;
}
}
/* UNIVERSAL CSS */
.form label, input{
    display: inline-block;
    padding: 10px;
    margin: 5px;
}
.form label{
    width: 95%;
    max-width: 300px;
    font: 600 16px 'Open Sans';
    color: #000;
    vertical-align: top;
    text-align: left;
}
.form input, textarea{
    width: 95%;
    max-width: 500px;
    resize: none;
    font: 400 13.95px 'Open Sans';
    border: 1px solid #a00;
}
.form textarea {
    height: 200px;
    padding: 10px;
    margin: 5px;
}
.container-960{
    position: relative;
    width: 99%;
    max-width: 960px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 20px;
}
.header{
    position: relative;
    height: 140px;
    background: url(../images/header-background.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #a00;
    width: 100%;
    text-align: center;
}
        .header nav a{
                color: #fff;
                padding: 5px;
                text-decoration: none;
            }
        .header nav a:hover{
                text-decoration: underline;
        }
.call-us-now{
    font: 400 25.95px 'Open Sans';
    color: #ffffff;
    float: right;
    position: relative;
    bottom: 10px;
    clear: left;
}
.slider-box{
    height: 230px;
    background: url(../images/slider-bg.png);
    background-repeat: no-repeat;
    background-position: top;
    background-color: #fff;
    padding: 0px;
}
    .slider-line{
        height: 200px;
        border-bottom: 1px #000 solid;
        width: 100%;
        z-index: 1000;
    }
    .slider-box img{
        margin: 0 auto;
        padding: 0 auto;
        /*position: absolute;*/
        z-index: 90;
    }
.content{
    color: #a00;
    width: 100%;
    height: auto;
    background-color: #fff;
    text-align: center;
    overflow: visible;
}
    .content h2{
        font: 400 29.95px 'Open Sans';
    }

    .content img{
        width: 100%;
        margin: 0;
        padding: 0;
        border: 1px solid black;
        border-radius: 50%;
    }
    .content h1{
        font: 800 35.95px 'Open Sans';
        text-transform: uppercase;
        color: #e00;
    }
        .content h1 a{
            color: #e00;
            text-decoration: none;
        }
            .content h1 a:hover{
                text-decoration: underline;
            }
    .content p{
        font: 400 16px 'Open Sans';
        text-align: justify;
    }
    .content p a{
    font: 800 16px 'Open Sans';
    text-decoration: none;
        color: #a00;
        float: right;
    }
        .content p a:Hover{
            text-decoration: underline;
        }
.alternate-2{
    padding: 25px;
    background: #efefef;
}
.alternate-1{
    padding: 25px;
    background: #fff;
}
.sub-content{
    clear: both;
    color: #a00;
    width: 100%;
    height: auto;
    background-color: #fff;
    text-align: center;
    overflow: inherit;
}
    .sub-content h2{
        font: 400 29.95px 'Open Sans';
    }
    .sub-content h1{
        font: 800 35.95px 'Open Sans';
        text-transform: uppercase;
        color: #000;
    }
    .sub-content p{
        font: 400 20px 'Open Sans';
        text-align: justify;
    }
    .sub-content p a{
    font: 800 20px 'Open Sans';
    text-decoration: none;
        color: #a00;
        float: right;
    }
        .sub-content p a:Hover{
            text-decoration: underline;
        }
    .sub-content ul{
        font: 400 20px 'Open Sans';
        text-align: left;
    }
.footer{
    position: relative;
    padding: 0;
    margin: 0;
    height: 140px;
    width: 100%;
    background: url(../images/header-background.png);
    background-position: center;
    background-repeat: repeat-y;
    background-color: #a00;
}
    .footer p{
        color: #ffffff;
        font: 400 14px 'Open Sans';
        padding: 0px;
        margin: 0px;
    }
    .footer img{
        float: right;
        opacity: 0.7;
    }
    .footer img:Hover{
        opacity: 1;
    }
    .fuse{
        text-align: right;
    }
        .fuse a{
            text-decoration: none;
            color: #fff;
        }
    .clear{
        clear: right;
    }
.footerleft{
    width: 48%;
    float: left;
}
.footerright{
    width: 48%;
    float: right;
}

/* MOBILE ONLY CSS */
@media screen and (max-width: 768px) /* Mobile */
{
    .slider-box, .call-us-now{
        display: none;
        height: 0;
        width: 0;
    }
    .roadmac-logo{
        margin: 0 auto;
        position: relative;
        float: none;
        height: auto;
    }
    .header {
        height: auto;
        background-color: #a00;
        background-image: none;
    }
    .header nav{
        padding: 10px;
        text-transform: uppercase;
        font: 400 16px 'Open Sans';
        display: block;
}
    .sub-content img{
        width: 95%;
        margin: 5px;
        clear: both;
    }
    .float-left, .float-right{
        float: none;
    }
    .affiliated{
        display: none;
    }
    .content-left{
        width: 100%
    }
    .content-right{
        width: 100%
    }
}