.navbar {
	margin-bottom: 0;
	border: 0;
	letter-spacing: 1px;
	word-spacing: 3px;

}
  .navbar li a, .navbar .navbar-brand {color: #333333!important;}
  .navbar-nav li a:hover {color: #000000!important;}
  
   /*Menu Color*/
   .home .navbar.navbar-default {color: white;}
    
  	#kmsTab li a { background-color:#343A40; color: #F8F9FA;}
  	#kmsTab li a.active  { background-color:white; color: #61797D; }
	#days-tab li a { color: #666666; border: 1px solid #999999; padding: 4px; font-size: 12px; margin-top: 1px; }
  	#days-tab li a.active  { color: #000000; font-weight: bold; border: 2px solid #9EDAC5; background-color: #FFFFFF; margin-top: 0px; }	
  
  	.text-campbar { border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #9EDAC5; padding-bottom: 5px; margin-bottom: 0px; }
   	.read-more { border-style: solid; border-width: 1px; font-size: 10px; text-transform: uppercase; color: #333333; letter-spacing: 2px; padding: 8px 16px 8px 16px; float: left;}
 
  	.border-calm { border-color: #9EDAC5;}
  	.border-under { border-bottom-width: 2px; border-bottom-style: solid; }
	.border-over { border-top-width: 2px; border-top-style: solid; }
	
	.bg-black {background-color: #000000;}
  	.bg-grey {background-color: #EDECEC;}
  	.bg-silver {background-color: #DDDDDD;}
  	.bg-faded, .btn-help {background-color: #F1F1F1;}
  	.btn:active {background-color: #000000;}
  	.btn-light:active {background-color: #00FFCC;}
  	.btn-light active {background-color: #FF3366;}
	.btn-help {
	font-weight: 500;
	color: #333333;
	margin-top: 4px;
	margin-bottom: 8px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}

	.figure-caption { padding-left: 4px; }  
   	.bg-photo{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/Superwide/Classic_Hangklip_sw.jpg);
	height: 800px;
}
	.bg-classic {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 80%;
	height: 580px;
	background-image: url(../images/Superwide/classic-mountainzebra-sw.jpg);
}
	.bg-index{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 30%;
	background-image: url(../images/Superwide/Africana_Driehoek.jpg);
	height: 700px;	
}

  
  	[data-toggle="collapse"] .fa:before { content: "\f077";}
  	[data-toggle="collapse"].collapsed .fa:before {content: "\f078";}
	
	.campsite {
	width: 100%;
	font-size: 14px;
}
	.campsite::before {font-family: "Font Awesome 5 Free"; content: "\f6bb  -"; display: inline-block; vertical-align: top; font-weight: 900;}

  	.no-line { text-decoration: none!important; }
  	.no-gutters { margin-right: 0;   margin-left: 0;
    & > [class^="col-"],
    & > [class*=" col-"] { padding-right: 0; padding-left: 0; }}

@media only screen and (max-width: 1400px) { .bg-index  {  height: 460px; } }	
@media only screen and (max-width: 1100px) { .bg-index  {  height: 345px; } }
@media only screen and (max-width: 800px) { .bg-index  {  height: 270px; } }

@media only screen and (max-width: 600px) {
  	.bg-white-grey {  background-color: #F1F1F1; }      
 	.bg-index{ background-size: cover; background-repeat: no-repeat; background-position: 70%;  height: 420px;	background-image: url(../images/Photos/Africana_Coffeebay.jpg); }
	.h1-phone { font-size: 22px!important; }
	.h4-phone { font-size: 16px!important; }
	.h5-phone { font-size: 14px!important; }
}
	



/* xs = Extra small <576px. Max container width None (auto)
   sm = Small =576px. Max container width 540px.
   md = Medium =768px. Max container width 720px.
   lg = Large =992px. Max container width 960px.
   xl = Extra large =1200px. Max container width 1140px.
   */
.bg-khaki {
background-color: #C9BDA3;
}