﻿footer {
  background-size:contain;
  background-color:#547077;
  clear:both;
}

footer p {
  color:rgb(241,237,237);
}

a:focus, a:hover {
  color:#91bce3;
  text-decoration:underline;
}

a {
  color:#85b733;
  text-decoration:none;
}

@media screen and (max-width: 500px) {
  header {
    height:160px;
    background-color:rgb(84,112,119);
    background-repeat:no-repeat;
    background-position:right;
    background-image:url(../../assets/img/logotext2.png);
  }
}

@media screen and (min-width: 501px) and (max-width:997px) {
  header {
    height:160px;
    background-color:rgb(84,112,119);
    background-repeat:no-repeat;
    background-position:right, left;
    background-image:url(../../assets/img/logotext2.png), url(../../assets/img/headersmall.png);
  }
}

@media screen and (min-width: 998px) and (max-width: 1199px) {
  header {
    height:160px;
    background-color:rgb(84,112,119);
    background-repeat:no-repeat;
    background-position:right, left;
    background-image:url(../../assets/img/logotext2.png), url(../../assets/img/header.png);
  }
}

@media screen and (min-width: 1200px) {
  header {
    height:160px;
    background-color:rgb(84,112,119);
    background-repeat:no-repeat;
    background-position:right, left;
    background-image:url(../../assets/img/logotext2.png), url(../../assets/img/header.png);
  }
}

.navbar-default {
  background-image:-webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);
  background-image:-o-linear-gradient(top,#fff 0,#f8f8f8 100%);
  background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));
  background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
  filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat:repeat-x;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
  font-size:0.75em;
}

.container-fluid {
  padding-right:15px;
  padding-left:15px;
  margin-right:auto;
  margin-left:auto;
  background-color:rgb(251,4,47);
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  color:#fbfafa;
  background-color:transparent;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  color:#333;
  background-color:transparent;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  color:#333;
  background-color:transparent;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  color:#333;
  background-color:transparent;
}

.navbar-default .navbar-nav > li > a {
  color:#f7f1f1;
}

@media screen and (min-width: 998px) and (max-width: 1199px) {
  .facebook {
    width:25%;
    float:right;
    border:1px solid black;
    padding:4px;
    background-color:rgb(241,223,162);
    background-image:url(../../assets/img/facebook.png);
    background-repeat:no-repeat;
    background-position:right bottom;
  }
}

@media screen and (max-width: 500px) {
  .facebook {
    width:37%;
    float:right;
    border:1px solid black;
    padding:4px;
    background-color:rgb(241,223,162);
    background-image:url(../../assets/img/facebook.png);
    background-repeat:no-repeat;
    background-position:bottom right;
    padding-bottom:15px;
  }
}

@media screen and (min-width:1200px) {
  .facebook {
    width:20%;
    float:right;
    border:1px solid black;
    padding:4px;
    background-color:rgb(241,223,162);
    background-image:url(cloud.png;
    background-repeat:no-repeat;
    background-position:bottom right;
  }
}

@media screen and (min-width: 501px) and (max-width: 997px) {
  .facebook {
    background-image:url(../../assets/img/facebook.png);
    background-repeat:no-repeat;
    background-position:right bottom;
    width:30%;
    float:right;
    padding:10px 25px 10PX 10PX;
    border:1px solid black;
    background-color:rgb(241,223,162);
  }
}

@media screen and (max-width: 500px) {
  .powrtouch {
    background-image:url(../../assets/img/Powrtouch-Classic-700thumb.jpg);
    background-position:left;
    background-repeat:no-repeat;
    border:thin black solid;
    padding:5px;
  }
}

@media screen and (min-width: 998px) and (max-width: 1199px) {
  .powrtouch {
    background-image:url(../../assets/img/Powrtouch-Classic-700thumb.jpg);
    background-position:left;
    background-repeat:no-repeat;
    width:99%;
    float:right;
    border:thin black solid;
    padding:10px;
  }
}

@media screen and (min-width: 1200px) {
  .powrtouch {
    background-image:url(../../assets/img/Powrtouch-Classic-700thumb.jpg);
    background-position:left;
    background-repeat:no-repeat;
    width:99%;
    float:right;
    border:thin black solid;
    padding:10px;
  }
}

@media screen and (min-width: 501px) and (max-width: 997px) {
  .powrtouch {
    background-image:url(../../assets/img/Powrtouch-Classic-700thumb.jpg);
    background-position:left;
    background-repeat:no-repeat;
    width:99%;
    float:right;
    border:thin black solid;
    padding:10px;
  }
}

@media (min-width: 997px) {
  p {
    margin:0 0 10px;
    width:30%;
  }
}

p {
  margin:0 0 10px;
  width:100%;
}

@media screen and (max-width: 500px) {
  .powrtouch p {
    width:100%;
  }
}

@media screen and (min-width: 501px) and (max-width: 997px) {
  .powrtouch p {
    width:100%;
  }
}

@media screen and (min-width: 998px) and (max-width: 1200px) {
  .powrtouch p {
    width:100%;
  }
}

h2 {
  font-size:1.1em;
  color:rgb(248,6,6);
}

h1 {
  font-size:2em;
  color:rgb(248,6,6);
}

article {
  width:100%;
}

@media (min-width:992px) {
  .container {
    width:970px;
    border:solid rgb(255,0,0) 2px;
  }
}

@media (min-width:992px) {
  .container {
    width:970px;
  }
}

.powrlogo {
  width:108px;
  float:left;
  margin-right:10px;
}

.photo {
  width:400px;
  margin:auto;
  margin-top:30px;
}

.div2 {
  width:400px;
  margin:auto;
  margin-top:50px;
  margin-bottom:50px;
}

.h2, h2 {
}

@media screen and (max-width: 500px) {
  .div2 {
    width:90%;
  }
}

@media screen and (max-width: 500px) {
  .div3 {
    width:49px;
  }
}

.powrtouch3 {
  width:100%;
}

#only {
  font-size:2em;
  font-style:italic;
}

#fred {
  font-size:2em;
}

.touchlist {
  margin-left:100px;
}

.div3 {
  width:300px;
  margin:auto;
  margin-top:30px;
  margin-bottom:30px;
}

.powrtouch2 {
  width:95%;
}

.powrtouch3 {
  width:95%;
}

.col-md-4 {
  width:33%;
}

@media screen and (max-width: 500px) {
  .col-md-4 {
    width:100%;
  }
}

@media screen and (min-width: 501px) and (max-width: 997px) {
  .row {
    width:100%;
    margin:auto;
    margin-top:40px;
  }
}

.row {
  width:95%;
  margin:auto;
  margin-top:40px;
  margin-bottom:40px;
}

.col-md-5 {
  width:33%;
}

@media screen and (min-width: 1200px) {
  .col-md-4 {
    width:33%;
  }
}

@media screen and (min-width: 997px) and (max-width: 1199px) {
  .col-md-4 {
    width:33%;
  }
}

@media screen and (max-width: 500px) {
  .col-md-4 {
    width:33%;
  }
}

@media screen and (min-width: 501px) and (max-width: 998px) {
  .col-md-4 {
    width:33%;
  }
}

.row_img {
  width:99%;
}

.p_article {
  width:75%;
  margin:auto;
  margin-bottom:30px;
}

@media Screen and (min-width: 1200px) {
  .imgcontainer {
    margin:auto;
    width:40%;
  }
}

@media Screen and (min-width: 998px) and (max-width: 1199px) {
  .imgcontainer {
    margin:auto;
    width:40%;
  }
}

@media Screen and (min-width: 501px) and (max-width: 997px) {
  .imgcontainer {
    margin:auto;
    width:50%;
  }
}

@media screen and (max-width: 500px) {
  .imgcontainer {
    margin:auto;
    width:100%;
  }
}

@media screen and (min-width: 1200px) {
  .div_list {
    width:30%;
    margin:auto;
    margin-top:50px;
    margin-bottom:50px;
  }
}

@media screen and (min-width: 501px) and (max-width: 997px) {
  .div_list {
    width:45%;
    margin:auto;
    margin-top:50px;
    margin-bottom:50px;
  }
}

@media screen and (min-width: 998px) and (max-width: 1199px) {
  .div_list {
    width:35%;
    margin:auto;
    margin-top:50px;
    margin-bottom:50px;
  }
}

@media screen and (min-width: 501px) and (max-width: 997px) {
  .div_list h1 {
    text-align:center;
  }
}

@media screen and (max-width: 500px) {
  .div_list h1 {
    text-align:center;
  }
}

@media screen and (min-width: 998px) and (max-width: 1199px) {
  .div_list h1 {
    text-align:center;
  }
}

.tyre_pic1 {
  float:right;
  margin-left:10px;
  margin-top:10px;
}

.tyre-pic2 {
  float:left;
  margin-top:10px;
  margin-right:10px;
}

.tyre_code {
  font-weight:bold;
  font-size:1.25em;
  padding:10px;
}

.h2, h2 {
  font-weight:bold;
  font-size:1.25em;
  color:rgb(0,0,0);
}

p {
  width:80%;
  margin:auto;
  margin-bottom:10px;
}

@media screen and (max-width: 500px) {
  p {
    width:95%;
    margin:auto;
    margin-bottom:10px;
  }
}

.rowcodes {
  margin-right:-15px;
  margin-left:-15px;
}

.col-md-6 {
  width:50%;
}

.container_codes {
  width:30%;
  float:right;
}

.col-lg-6.col-md-12 p {
  text-align:center;
  font-size:1.25em;
}

.table-responsive {
  width:75%;
  margin:auto;
  border:thin black solid;
}

.table_head {
  background-color:rgb(207,194,194);
}

@media screen and (max-width: 1199px) {
  .img_center {
    padding:20px;
  }
}

@media screen and (min-width: 1200px) {
  .img_center {
    padding:20px;
  }
}

@media screen and (min-width: 501px) and (max-width: 997px) {
  .img_center {
    padding:20px;
  }
}

.div_image {
  width:80%;
  margin:auto;
}

.phoneno {
  font-size:2em;
  font-style:italic;
  color:rgb(255,0,0);
}

.damppic {
  float:right;
  padding:5px;
}

.h2, h2 {
  clear:both;
}

@media screen and (min-width: 998px) and (max-width: 1199px) {
  .col-md-12 {
    margin:auto;
    width:30%;
    border:thin solid red;
  }
}

@media screen and (min-width: 1200px) {
  .article_damp {
    width:80%;
    margin:auto;
  }
}

@media screen and (min-width: 998px) and (max-width: 1199px) {
  .article_damp {
    width:80%;
    margin:auto;
  }
}

@media screen and (min-width: 501px) and (max-width: 997px) {
  .article_damp {
    width:90%;
    margin:auto;
  }
}

.floatright {
  float:right;
  clear:both;
  width:30%;
}

.floatleft {
  float:left;
}

.row.hidden-xs.clearall {
  clear:both;
}

.clamp1 {
  width:350px;
}

.floatleft.wide {
  width:365px;
  float:left;
}

.clearbth {
  clear:both;
}

.img {
  width:40%;
  float:left;
}

.afterimg {
  clear:both;
}

@media (max-width: 1199px) {
  .italictext {
    font-style:italic;
  }
}

