.services-container {
width:960px;
margin:0 auto;
height:auto;
font-family:sans-serif;
padding-top:150px
}

#fixed-left {
position:fixed
}

.services-left-side-container {
display:block;
float:left;
width:32.5%;
height:100%
}

.services-left-side-container ul {
margin:0;
padding:0
}

#active-link {
background-color:#dadada;
color:#686968
}

.services-left-side-container ul a {
text-decoration:none;
color:#8d8d8d
}

.services-left-side-container ul li {
list-style:none;
padding:10px 15px;
width:260px;
font-size:.8em
}

.services-left-side-container ul li:hover {
color:#686968;
background-color:#dadada;
transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out
}

.services-right-side-container {
float:right;
width:67.5%;
height:auto;
padding-bottom:50px
}

.service-heading {
width:100%;
height:auto;
padding-bottom:10px;
float:left;
border-bottom:1px solid #ccc
}

#service-icons {
float:left;
width:55px
}

.service-heading h1 {
margin:0;
padding:0;
font-weight:400;
color:#538f1e;
float:left;
padding-top:12px;
padding-left:15px
}

.h2-heading {
color:#3e8a24;
font-weight:700;
font-size:.85em;
text-align:left
}

#par-text {
padding:0;
text-align:left;
color:#3e3e3e;
font-size:.8em
}

#spacing {
width:100%;
height:20px;
float:left
}

#bold {
font-weight:700
}

#warranty-img-holder {
width:20%;
float:left;
height:120px;
text-align:center
}

#warranty-img-size {
width:100px
}

#warranty-img-size-big {
width:80px
}

#form {
display:none;
padding-top:20px;
padding-bottom:20px;
text-align:center
}

.side-nav-container {
width:100%;
height:auto;
font-size:.8em;
padding-bottom:60px;
display:none
}

#nav-holder-content {
border-bottom:1px solid #b3b6b4;
width:33.33%;
float:left;
height:50px;
text-align:center;
background:rgba(220,224,227,1);
background:-moz-linear-gradient(top,rgba(220,224,227,1) 0%,rgba(194,198,195,1) 100%);
background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(220,224,227,1)),color-stop(100%,rgba(194,198,195,1)));
background:-webkit-linear-gradient(top,rgba(220,224,227,1) 0%,rgba(194,198,195,1) 100%);
background:-o-linear-gradient(top,rgba(220,224,227,1) 0%,rgba(194,198,195,1) 100%);
background:-ms-linear-gradient(top,rgba(220,224,227,1) 0%,rgba(194,198,195,1) 100%);
background:linear-gradient(to bottom,rgba(220,224,227,1) 0%,rgba(194,198,195,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dce0e3',endColorstr='#c2c6c3',GradientType=0)
}

#nav-holder-content:hover {
background:rgba(220,222,224,1);
background:-moz-linear-gradient(top,rgba(220,222,224,1) 0%,rgba(184,186,184,1) 100%);
background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(220,222,224,1)),color-stop(100%,rgba(184,186,184,1)));
background:-webkit-linear-gradient(top,rgba(220,222,224,1) 0%,rgba(184,186,184,1) 100%);
background:-o-linear-gradient(top,rgba(220,222,224,1) 0%,rgba(184,186,184,1) 100%);
background:-ms-linear-gradient(top,rgba(220,222,224,1) 0%,rgba(184,186,184,1) 100%);
background:linear-gradient(to bottom,rgba(220,222,224,1) 0%,rgba(184,186,184,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdee0',endColorstr='#b8bab8',GradientType=0)
}

#nav-service-icon-size {
width:30px;
text-align:center;
position:relative;
top:10px
}

@media screen and (max-width: 768px) {
.services-container {
width:100%;
padding-top:65px
}

.services-left-side-container {
display:none
}

.services-right-side-container {
width:100%
}

#par-text {
padding-left:15px;
padding-right:15px
}

.h2-heading {
padding-left:15px;
padding-right:15px
}

.service-heading h1 {
font-size:1.2em;
padding-top:9px;
padding-left:8px
}

#service-icons {
padding-left:11px;
width:40px
}

.side-nav-container {
display:block
}
}

@media screen and (max-width: 600px) {
#warranty-img-holder {
width:33.3%
}
}

@media screen and (max-width: 400px) {
#warranty-img-holder {
width:50%
}
}