.section-red
{
	background:red;
}
.section-yellow
{
	background: yellow;
}
.section-transparent
{
	background: rgba(246, 246, 243,0.6);
}
.nav-pills_1
{
line-height: 2em;
border-radius: 0;
margin-bottom: 0px;
border:none;
}
.nav-pills_1 .navbar-nav>li>a
{
	
	font-size: 1.2em;
	color: #E7332A;
	line-height: 2em;
}
.nav-pills_1 .navbar-nav>li>a:hover, .nav-pills_1 .navbar-nav>li.active>a
{
	background: rgb(233, 48, 11);
	color:white ;
}
.margin-top
{
	margin: 20px auto;
}
.my-body
{
background: #E25408;
}
.header
{
margin:0 0 0 0;
border:none;
}
.mr-40
{
	margin-top:40px;
}
.mt-20
{
	margin-bottom: 20px;
}
.transparent
{
	background: rgb(208, 5, 5);

}
.pt-20
{
	padding: 20px auto;
}

.container .row .col-sm-4 .thumbnail
{
	background: transparent;
	border: none;
}
.features
{
	text-align: center;
	color: white;
}
.container-fluid .row .col-sm-4 .thumbnail h3
{
	text-align: center;
	color: #FFFF;
	}
	.main_heading
	{
		text-align: center;
		color: #FFFF;
		line-height: 2.5em;
	}
	.header
	{
		padding:0 0 0 0;
		margin: 0 0 0 0;
	}

.btn-new
{
	width: 150px;
}
.btn-new 
{
	
	color: white;
	padding: 5px;
	border: 3px solid white;
	text-align: center;
}
.btn-new a
{
color: white;
text-decoration: none;
}
.btn-new a:hover
{
	color: white;
	text-decoration: none;
}
/*.main
{
	position:absolute;
	z-index: 99;
	top: 0px;
	left:0px;
}*/
#main-1
{
	padding-top:60px;
}
#nav-head
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.thumbnail p
{
	text-align: center;
}
.main-heading
{
	padding: 10px 5px 10px 5px;
}
.main-heading h1
{
color: red;
}
#school-heading
{
	text-align: center;
	line-height: 1.5em;
	text-transform: uppercase;
	font-family: calibri;
	color:white;
font-weight: bold;
}
#green 
{
	color:#037642;
}
@media(max-width: 320px)
{
  .navbar-brand
  {
    width: 70%;
  }
  .navbar-brand img
  {
    float: left;
  }
  
  }
@media(max-width: 360px)
{
  .navbar-brand
  {
    width: 70%;
  }
  .navbar-brand img
  {
    float: left;
  }
  
  }
@media(max-width: 375px)
{
  .navbar-brand
  {
    width: 70%;
  }
  .navbar-brand img
  {
    float: left;
  }
  
  }
  @media(max-width: 414px)
{
  .navbar-brand
  {
    width: 70%;
  }
  .navbar-brand img
  {
    float: left;
  }
  
  }