/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */
#s5_center_area1{margin-top:20px;}
#s5_header_wrap {
    padding-top: 15px;
    padding-bottom: 0;
}

#s5_menu_wrap {
    background: #506b88;
    height: 48px;
    margin-top: 20px;
}


.module_round_box_outer ul li a
{
  color: #DDDDDD;
}


.module_round_box-printcontact, #module_round_box-contact-print, #s5_above_body_wrap{
  display:none;
}

#s5_quick_contact input, #s5_quick_contact textarea, #s5_quick_contact button {

    padding-top: 5px !important;

    padding-bottom: 5px !important;



}










body {
    line-height: 110%;
}

h3{
    margin: 30px 0 15px 0;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

ul {
    margin-left: 28px;
}
ol {
    margin-left: 35px;
}

table{
  border:1px solid #f0f0f0;
  margin-top:20px;
}


td {  padding:10px;}


table.specifications{font-size:.7em;}
table.specifications td{padding:5px;font-family: Raleway;}
table.specifications td.heading{font-weight:600;}

.blog h2 {    
font-size:1.5em !important;
  min-height:74px;
}

@media screen and (max-width: 1220px){
  .blog h2 {    
font-size:1.4em !important;
  min-height:60px;
}
}

@media screen and (max-width: 1055px){
  .blog h2 {    
font-size:1.2em !important;
 
}
}
@media screen and (max-width: 970px){
  .blog h2 {   
     min-height:40px;
}
  
  @media screen and (max-width: 786px){
  .blog h2 {   
      font-size:1.7em !important;
     min-height:20px;
}
}