body {
	overflow-x: hidden;
	color: #666666;
	background-color: #fff;

	

		

 }

/*------ Navigation ---*/

.navbar {
	text-transform: uppercase;
	font-weight: 700;
	font-size: .9rem;
	letter-spacing: .01rem;
	background-color: transparent;
	text-shadow: .01rem .001rem .008rem black;
		
	opacity: .95;
	
	
	 
}

.navbar-brand img {
	height: 4rem;
	color: black;
}

.navbar-nav li {
	padding-right: .01rem;
	color: aqua;
}

.navbar-dark .navbar-nav .nav-link {
	
	
	color: #817F7F;
	padding-top: .08rem;
	
}


.navbar-dark .navbar-nav .nav-link.active, 
.navbar-dark .navbar-nav .nav-link:hover {
	color: #DD3235
}
	
/*--------landing page-------*/

.home-inner {  
  background-image: url("img/logo5is1wstroke.png");
	box-shadow: .8rem .8rem .8rem red;

	
}

	

.caption {
	width: 100%; 
	max-width: 100%;
	position: absolute;
	top: 38%;
	z-index: 1;
	color: aliceblue;
	text-transform: uppercase;
	box-shadow: .1rem .1rem .8rem black;
	
}

.caption h1 {
	font-size: 3.6rem;
	font-weight: 700;
	letter-spacing: .1rem;
	text-shadow: .1rem .1rem .3rem black;
	padding-bottom: 0rem;
	
}

.capton h3 {
	font-size: 2.1rem;
	box-shadow: .1rem .1rem .8rem black;
	text-shadow: .1rem .1rem .8rem red;
	
}

/*============= COURSE SECTION =============*/

.course:first-child {
	background-color: #fff;
	
}

.course col-12 {
	text-shadow: .1rem .1rem .2rem red;
	color: aqua;
}

.who {
	text-shadow: .1rem .1rem .1rem black;
	font-size: 1.9rem;
	color: black;
	
	
}

.col-12 text-center {
	
	padding-left: 45%;
	padding-right: 45%;
	
}


		
		
.narrow {
  width: 100%;
  height: auto;
  margin: .1rem auto;
  padding-top: 0rem;
  background-color: #afafaf;
	
}
.narrow h1 {
    font-size: 1.4rem;
	
	text-shadow: .1rem .1rem .2rem #afafaf;
  }
.btn-secondary {
  border-width: medium;
  border-radius: 0;
  padding: .001rem 1.2rem;
  font-size: 0.2rem;
  text-transform: uppercase;
  margin: .02rem;
  border-color: #E75E5E;
  background-color: #ED5154;
  color: white;
}
.btn-secondary:hover,
.btn-secondary:focus {
  border-color: #ED5154;
  background-color: #FF0004;
  color: white;
}


/*============= team SECTION =============*/

.managers img {
	width: 80%;
	border-radius: 50%;
	
}


/*============= login SECTION =============*/


.jumbotron {
	margin-bottom: 0;
	padding: 0rem 0 0rem;
	border-radius: 0;
	background-color: #AFAFAF;
}

h1.heading {
	font-size: 1.5rem;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0 auto .0rem;
	text-shadow: .01rem .01rem .04rem black;
	
}

h2.heading {
	font-size: 1.0rem;
	font-weight: 100;
	text-transform: uppercase;
	margin: 0 auto .0rem;
	text-shadow: .01rem .01rem .01rem black;
	
}


.heading-underline {
	width: 40%;
	height: .09rem;
	background-color: #E80808;
	margin: 0 auto 0.2rem;
	text-shadow: .01rem .01rem .08rem black;
}
	

.login h2 {
	
	font-size: 1.1rem;
	text-shadow: .1rem .1rem .1rem white;
	
}

.login h2 {
	
	font-size: 1.1rem;
	text-shadow: .1rem .1rem .1rem white;
}

.atlanta h2 {
	
	font-size: 1.9rem;
	text-shadow: .1rem .1rem .1rem white;
}

.newyork h2 {
	
	font-size: 1.1rem;
	text-shadow: .1rem .1rem .1rem white;
	align-items: flex-start;
	
}
.login h3{
	text-shadow: .1rem .3rem .4rem white;
	
}


/*=============contact SECTION =============*/

.fixed {
	background-image: );
	z-index: -1
}

.dark {
	background-color: rbga(0,0,0,0.75);
	opacity: .6;
	color: burlywood;
	box-shadow: .1rem .1rem .8rem black;
}

.contact img {
	height: 4rem;
	text-shadow: .1rem .1rem .8rem white;

}

.a:active {
	
	color: red; 

}

#team h4 {
	text-shadow: .1rem .1rem .8rem white;
	
}

#about {
	background-color: rgba(255, 255, 255, 0.1);
 box-shadow: .1rem .1rem .8rem black;
	color: #090808;
	padding-left: 20%;
	padding-right: 20%;
	
}

#team{
	height: auto;
	box-shadow: .1rem .1rem .8rem black;
		padding-left: 25%;
	padding-right: 25%;
	
}
#contact{
		box-shadow: .1rem .1rem .8rem black;
		padding-left: 20%;
		padding-right: 20%;
	
	
	
}
/*============ BOOTSTRAP BREAK POINTS:

Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

=============*/