/*
body padding to prevent overlay on fix navbar
*/
 
  .carousel-inner >.item > img,
   .carousel-inner >.item > a > img{
   width:70%;
   margin:auto;
   }
           
a {
  font-weight: bold;
}

a:link {
  color: red;
}

a:visited {
  color: black;
}

a:hover {
  text-decoration: none;
  color: white;
  background-color: red;
}

a:active {
  color: brown;
  background-color: navy;
}






       body {
         padding-top:10px;
		  background: #CCFF99;
           }  
h1 {
  font-size: xx-large;
  background-color: none;
  color: red;
  padding-top: 2em;
  padding-bottom: .1em;
  padding-left: .2em;
  margin: 0;
 background: none;
 }

h2 {
  font-size: x-large;
  background-color: none;
  color: blue;
  padding-top: 1em;
  padding-bottom: .2em;
  padding-left: .2em;
  margin: 0;
 background: none;
    }
	
	p {
  font-size: large;
  background-color: none;
  color: blue;
  padding-top: 1em;
  padding-bottom: .2em;
  padding-left: .2em;
  margin: 0;
 background: none;
    }
		   
		   
	.navbar-fixed-top {
    top: 0px;
	background: #bed8f3;
    border-width: 0px 0px 1px;
	border-color:red;
}
	   

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

	.navbar-default .navbar-nav > li > a {
    color: aqua;
}   
		.ver {
        
        text-align:auto ;
		color:red;
        background: none;
      }  

	  
	 
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
   
	    display: auto;
        position: relative;
        padding-left: 5%;
        padding-top: 13px;
        padding-bottom: 13px;
        text-align: left;
        background:  #bed8f3 url('../images/kudu.jpg') right;;
}

	.navbar-toggle {	
    position: relative;
    float: left;
    padding: 8px 11px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #e64848;
    background-image: none;
    border: 1px solid red;
    border-radius: 10px 10px 10px 10px;
}

@media screen and (max-width: 1383px) {
 
 
h1 {
  font-size: x-large;
  background-color: none;
  color: red;
  padding-top: 2em;
  padding-bottom: .1em;
  padding-left: .2em;
  margin: 0;
 background: none;
 }

h2 {
  font-size: large;
  background-color: none;
  color: blue;
  padding-top: 1em;
  padding-bottom: .2em;
  padding-left: .2em;
  margin: 0;
 background: none;
    }
	
	p {
  font-size: large;
  background-color: none;
  color: green;
  padding-top: 1em;
  padding-bottom: .2em;
  padding-left: .2em;
  margin: 0;
 background: none;
    }
	
	body {
         padding-top:30px;
           }    
		   
	}

@media screen and (max-width: 960px) {
  
 
	  
h1 {
  font-size: x-large;
  background-color: none;
  color: red;
  padding-top: 2em;
  padding-bottom: .1em;
  padding-left: .2em;
  margin: 0;
 background: none;
 }

h2 {
  font-size: large;
  background-color: none;
  color: blue;
  padding-top: 1em;
  padding-bottom: .2em;
  padding-left: .2em;
  margin: 0;
 background: none;
    }
	
	p {
  font-size: large;
  background-color: none;
  color: green;
  padding-top: 1em;
  padding-bottom: .2em;
  padding-left: .2em;
  margin: 0;
 background: none;
    }
	
	body {
         padding-top:80px;
           }    
		   
	}
	
@media screen and (max-width: 768px) {

 
 
h1 {
  font-size: x-large;
  background-color: none;
  color: red;
  padding-top: 2em;
  padding-bottom: .1em;
  padding-left: .2em;
  margin: 0;
 background: none;
 }

h2 {
  font-size: large;
  background-color: none;
  color: blue;
  padding-top: 1em;
  padding-bottom: .2em;
  padding-left: .2em;
  margin: 0;
 background: none;
    }
	
	p {
  font-size: large;
  background-color: none;
  color: green;
  padding-top: 1em;
  padding-bottom: .2em;
  padding-left: .2em;
  margin: 0;
 background: none;
    }
	
	body {
         padding-top:80px;
           }    
		   
	}
	

@media screen and (max-width: 600px) {



      table  thead{
        display: none; 
        position: relative;
        padding-left: 50%;
        padding-top: 13px;
        padding-bottom: 13px;
        text-align: left;
        background: red;
      }

      table td {
        display: block;
        position: relative;
        padding-left: 50%;
        padding-top: 13px;
        padding-bottom: 13px;
        text-align: left;
        background: none;
      }
	  
	  caption {
	 display: none;   
    padding-top: 8px;
    padding-bottom: 8px;
    color: rgb(119, 119, 119);
    text-align: left;
}  
    
h1 {
  font-size: x-large;
  background-color: none;
  color: red;
  padding-top: 2em;
  padding-bottom: .1em;
  padding-left: .2em;
  margin: 0;
 background: none;
 }

h2 {
  font-size: large;
  background-color: none;
  color: blue;
  padding-top: 1em;
  padding-bottom: .2em;
  padding-left: .2em;
  margin: 0;
 background: none;
    }
	
	p {
  font-size: large;
  background-color: none;
  color: green;
  padding-top: 1em;
  padding-bottom: .2em;
  padding-left: .2em;
  margin: 0;
 background: none;
    }
	
	body {
         padding-top:30px;
           } 
	 
		   
	}