body{width: 100%;height: auto;}

#active{background-color: lightblue;}
#myCarousel{width: 100%;margin:0; border-bottom: 1px solid #c43a00;}
.container{
    font-family:  sans-serif;
}
#mainNav{width: 99% ;margin-left: 3px;margin-top: 2px;}
.navbar {
    background-color: #555;
    border: 0;
    font-size: 16px !important;
    letter-spacing: 2px;
    opacity:0.6; 
}
.carousel-caption{font-size:20px;font-weight: bolder;font-family:  monospace ;color:  #fff}

.navbar li a, .navbar .navbar-brand { color: white !important;}
.navbar-nav li a:hover { color: lightgrey !important;}
.italic{
    color: #c43a00;
}
/* The active link */
.navbar-nav li.active a {
    color: #fff !important;
    background-color:#29292c !important;
}

/* Remove border color from the collapsible button */
.navbar-default .navbar-toggle {
    border-color: transparent;
}

/* Dropdown */
.open .dropdown-toggle {
   
    background-color: #555 !important;
}

/* Dropdown links */
.dropdown-menu li a {
    color: black !important;
}

/* On hover, the dropdown links will turn red */
.dropdown-menu li a:hover { 
 background-color: #008AC4;   
}
dropdown-menu li a:active{color: burlywood;}
@media screen and (max-width: 600px) {
 .navbar{opacity: 0.9;width: 100%;}
 .open .dropdown-toggle {background-color: grey !important;}
 .dropdown-menu li a {color: white !important;}
 #con_img{width: 40%;}
 #conf{font-size: 12px;}
 #count_link{font-size: 11px;}
 dropdown-menu li a:hover {background-color: #008AC4; }  
.container{width: 100%;}
 fig li {margin: 0;}
 body{margin: 0;}

}
#video{width: 300px; height: 200px;margin-top: 1px; }
@media (min-width: 576px) {  .container{width: 100%;}
body{margin: 0;}
#con_img{width: 40%;}
.navbar{opacity: 0.9;width: 100%;}
.dropdown-menu li a {color: #c43a00 !important;}
.navbar-nav li a:hover { color: #008AC4;}
 dropdown-menu li a:hover {background-color: #008AC4; }
 #motivational_img{margin: 0;width: 100%;}
}
@media (min-width: 400px){
    body{margin: 0;}
    #motivational_img{margin-left:0px;width: 100%;}
    .container{width: 100%;}
}
@media (min-width: 768px) {  .container{width: 100%;}
body{margin: 0;}
.navbar{opacity: 0.9;width: 100%;}
#con_img{width: 40%;}
.dropdown-menu li a {color: #c43a00 !important;}
.navbar-nav li a:hover { color: #008AC4;}
 dropdown-menu li a:hover {background-color: #008AC4; }
#twoservices ,#motivational_img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

}

 #footer{border:1px solid #008AC4; color: #c43a00  ;text-align: center;
 background-color: #008AC4;border-bottom: 2px #c43a00 solid;border-top: 1px solid #c43a00;margin-top: 10px;}
 .main_header{text-align: center;color: #008AC4}
 .copy_right{color: white;}
.fa {
  padding: 5px;
  font-size: 30px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}
#contact_heading{color: #008AC4;}
.fa:hover {opacity: 0.7;}
.fa-facebook {background: #3B5998;color: white;}
.fa-twitter {background: #55ACEE;color: white;}
.fa-google {background: #dd4b39; color: white;}
.fa-linkedin {background: #007bb5; color: white;}
.fa-youtube {background: #bb0000;color: white;}
.fa-instagram {background: #125688;color: white;}
.ps_img{text-align: center;background-color: white}
.figure{margin: 0;}
.fig li {display: inline-block; text-decoration: none;padding: 10px;}
.figure-caption{margin: 5px;color: #c43a00}
.col-md-8{float: right;text-align: center;clear: both;}
.table_hearder{color: #008AC4;padding: 5px; text-align: center;font-weight: bold ;}
.con{margin: 5px;padding: 2px;}
table tbody tr th{font-weight: normal; color: #c43a00;}
.contact_table {width: 100%;}
.contact_table td{padding: 1px;}
#contact_details{padding: 0;text-align: center;margin-top: 20px;}
#email_head{text-align: center;color: #008AC4;font-weight: bold;}