/* Common CSS rules for the website */


/* Navigation */

  .navbar-nav>li>a:hover, .navbar-default  .navbar-nav>li>a {
	color: #666;  /*Sets the text hover color on navbar*/
  }
    
  p.navbar-text.navbar-right {
	color: #39f;
	font-size:17pt;
	font-weight:bold;
  }

  .navbar-default .navbar-nav>li>a {
	margin-top:7px;
  }
  
  .navbar-default .navbar-nav>li>a:hover, .currLink {
  	border-bottom:solid 4px #39f;
  }
  
  #collapseHeading {
 	font-family:'Snell Roundhand', 'Edwardian Script ITC';
	font-weight:bold;
	font-size:16px;
	line-height:16px;
	color:#000;
	border:none;
	float:left;
 	
  }

  
/* Heading */

  .jumbotron {
  	background-color:#B22222;
  	color: #fff;
  	padding-top: 100px;
	padding-bottom: 0px;
  }
  
  .jumbotron>.container{
	width:800px;	
  }
  
  .col-md-4.col-sm-4.col-xs-5 {
	padding:0px;
  }
  
  #mainHeading {
	font-family:'Snell Roundhand', 'Edwardian Script ITC';
	font-weight:bold;
	padding-bottom: 20px;
  }
 
/* Body contents */ 
  
  h2.title {
	font-family:'Snell Roundhand', 'Edwardian Script ITC';
	font-weight:bold;
	padding-bottom: 10px;
	color:#B22222;
	text-align:left;
	border-bottom:solid 1px #B22222;
  }

  p.section-text {
	text-align:left;
	padding-bottom:10px;
  }

  .logo-small { /* green ticks */
	color:#339933;
	font-size: 20px;
  }

/* Footer */
  
  .bg-grey {
      background-color: #f6f6f6;
      padding:30px;
      margin-top:60px;
  }
  
  
/* Device resizing */

@media screen and (min-width: 10px) {
    h1{font-size:18pt !important;}
    p#headingP{font-size:9pt !important;}
    #mainHeading {padding-bottom:5px;}
        .thumbnail{
	font-size:12px;
	height:130px;
  }
    .brand{
	height:100px;
    }
}

@media screen and (min-width: 450px) {
    h1{font-size:30pt !important;}
    p#headingP{font-size:12pt !important;}
}


@media screen and (min-width: 650px) {
    h1{font-size:38pt !important;}
    p#headingP{font-size:14pt !important;}
    .thumbnail.service {
	height:140px;
	width:110px;
    }
    .brand{
	height:100px;
	width:120px;
    }
    .item h4 {
      font-size: 18px;
    }
}




/* Page specific */

 .row.services {
 	max-width:760px;
 }
 
 .thumbnail.service>h4 {
 	height:40px;
 }
  
/*  .thumbnail.service {
	height:140px;
	width:110px;
  } */

 .row.brands {
 	max-width:760px;
 }
 

  
  .thumbnail.brand>img {
	width:100px;
  }


.whyus {
height:100px;
}

.whyus>p {
padding-top:15px;
}






  


  .carousel-control.right, .carousel-control.left {
      background-image: none;
      color: #b22222;
  }
  .carousel-indicators li {
      border-color: #b22222;
  }
  .carousel-indicators li.active {
      background-color: #b22222;
  }
  

  
  

  /*
  #myCarousel {
  margin-top:-60px;
  margin-bottom:-30px;
  }
*/


  .carousel-indicators {
  	margin-bottom:-50px;
  }

  .alert{
  	border-color:#B22222;
  	background-color:#B22222;
  	color:#FFFFFF;
  	text-align:left;
  	padding:4px;
  	padding-left:30px;
  	font-size:15pt;
  }
  
  
  
  
  h4 {
  	font-size: 13pt;
  }


  .item h4 {
      font-style: italic;
      margin-top: 10px;
      text-align:center;
      width:70%;
      margin-left:auto;
      margin-right:auto;
  }
  .item span {
      font-style: normal;
      margin-top:50px;
  }