html, body
{
   height: 100%; width: 100%;
}
body
{
   margin: 0;
   padding: 0;
   text-align: left;

}


 h2{
    font-family: 'Lato', sans-serif;
     font-weight: 100;
     font-size: 36px;
     padding-bottom: 10px;
    text-align: center;
     border-bottom: 1px solid lightgrey;
     text-shadow: 2px 2px 4px #000000;
 }

 h3{
    color: #314c88;
 }


 
 .container-fluid ul li{
     font-size: 1.5em;
 }


 a {
   text-decoration: none;
}

ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

.container {
   margin: 0 auto;
   padding: 20px 50px;
   background: white;
}

#sticky-social {
   left: 0;
   position: fixed;
   bottom: 200px;
   background: white;
   color: #fff;
   display: block;
   height: 30px;
   font: 16px "Open Sans", sans-serif;
   line-height: 35px;

   text-align: center;
   width: 35px;
   margin: 0px; padding: 0px;
}

.socialmedia-link{
   background: white;
   color: #fff;
   margin: 0px; padding: 0px;


}

.socialmedia-link:hover {
   border-right:5px solid blue;
   margin: 0px; padding: 0px;


}
.socialmedia-link span:hover {
   border-right:5px solid dimgray;
   border-radius: 10px;
   margin: 0px; padding: 0px;

}

.sections {
   padding:20px;  line-height: 28px;
   display: block;

}
.whychooseus{
   color:  #314c88;
   font-weight: 100;
   position: relative;



   font-family: 'Lato', sans-serif;

   margin: 10px;
   padding:10px;
   text-align: left;
   text-shadow: 2px 2px 5px black;
   line-height: 1.8;

}
 .servicestxt{
    background-color: white;


    display: block;

    color: #222222;
    text-align: left;

    padding: 30px;

    text-shadow: 2px 2px 5px grey;
    font-size: x-large;

    margin:5px;
    line-height: 36px;

 }
 .col-md-8 , .col-md-6 , .col-md-5 , .col-md-4{

     padding:20px;
     line-height: 28px;
     display: block;
     text-align: justify;


 }


 .row{
     margin: 10px;
     padding: 20px;
     text-align: left;
     color:dimgray
 }

 .rowsh {
    margin: 10px;
     text-align: left;
     color:dimgray;
     padding: 20px 20px 20px 2em;
     border-right: 1px solid lightgrey;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: block;

 }
 .brands {
     margin: 50px auto 30px;
     display: block;


 }
 .boxshdow{

     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }


  #header{

     text-align: center;

     color: #aaaaab;

      text-shadow: 2px 2px 4px white;
     font-size: xx-large;

 }
 .title {
     color: cornsilk;
     text-shadow: 2px 2px 4px #000000;
     font-size: xx-large;



 }
 .title:hover {
     color: #ce7f32;
     text-shadow: 2px 2px 4px #000000;


 }
 .navbar-fixed-top{
    margin:0px;
     height:180px;
     display: block; padding:0px;background-color: white;
 }
 .photos{
     margin-top: 180px;margin-left: 40px;margin-right: 20px;
 }
 .panel-footer:before {
     text-shadow: 2px 2px 4px white; color: darkblue;
     text-align: center;

     padding-top: 20px;
     content: "NO DISABLED ACCESS \A NO DISABLED TOILET";
     white-space: pre;
 }