body {
  background-color: rgb(39, 60, 79);
  color: rgb(52, 33, 29);
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
}

a {
  color: #E9DFCF;
  text-decoration: none;
}

a:focus, a:hover {
  color: #E7E1D8;
  text-decoration: underline;
}

.navbar-default {
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: rgb(39, 60, 79);
  border-color: #e7e7e7;
}

.navbar-default .navbar-nav>li>a {
  color: #C0CCDA;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  color: #5981AC;
  background-color: rgba(255, 251, 251, 0);
}

.banner {
    padding-top: 66px;
}

.banner img {
  width: 100%;
}




/*Navbar*/


.navbar {
  position: fixed;
  margin-bottom: 0px;
  border: 1px solid rgba(231, 231, 231, 0);
}

.navbar-brand {
  float: left;
  height: 72px;
  padding: 32px 15px;
  font-size: 18px;
  line-height: 20px;
  margin-top: -7px;
}

.navbar-default .navbar-brand {
  color: #C0CCDA;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
  color: #5981AC;
  background-color: transparent;
}

.navbar-brand>img {
  width: 196px;
  display: block;
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 19px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: rgba(255, 255, 255, 0);
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-nav>li>a {

  text-align: center;
  padding: 10px 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #C0CCDA;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  transition: .4s;
  background-color: #435A6F;
}

.navbar-default .navbar-toggle {
  transition: .4s;
  border-color: rgba(221, 221, 221, 0);
}

.panel-top {
  left: 2px;
  top: 129px;
  position: absolute;
  margin-right: auto;
  height: auto;
  width: 400px;
  max-width: 400px;
  background-color: rgba(39, 60, 79, 0.79);
}




.modal-content {
  background-color: rgb(49, 80, 105);
  padding: 18px;
  text-align: center;
  color: #C0CCDA;
}


.row {
	margin-left: 0px;
	margin-right: 0px;
}

.box p {
  color: #C57C2E;
}

h2.intro-text.text-center {
  color: #9F6B35;
}


.btn-pos {
  text-align: center;
}

.panel {
  margin-top: 29px;
  margin-bottom: 20px;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}


.about-text {
  font-size: 16px;
}


img[src="img/img1.jpg"] {
  
}


.cool-join {
  font-size: 21px;
  margin-top: 1px;
  margin-bottom: 18px;
  color: #C0CCDA;
  display: inline-block;
  border: 1px solid #C0CCDA;
  padding: 10px;
  border-radius: 9px;
  font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
  transition: .3s;
}

p.cool-join:hover {
  color: rgb(39, 60, 79);
  background-color: #C0CCDA;
  transition: .3s;
}


.top-pad {
    margin-top: 80px;
    color: #E9DFCF;
}


.padding {
  color: #C0CCDA;
  padding: 10px;
}


div#info-sec {
  color: #C0CCDA;
  margin-top: 25px;
}


#info-sec h1  {
  color: #C0CCDA;
  font-size: 36px;
  text-align: center;
}


#info-sec img {
  padding-top: 21px;
  border-radius: 31px;

}



.color-text {
  font-size: 18px;
  color: #CCC7C1;
}

.image-box img{
  border-radius: 9px;
  width: 100%;
}



.mobile-panel {
  left: 5px;
  top: 141px;
  position: absolute;
  margin-right: auto;
  height: auto;
}



.mobile-panel a {
    background-color: rgba(52, 33, 29, 0.71);
    transition: .5s;
    font-size: 36px;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #3D1A14;
    color: #E9DFCF;
    text-decoration: none;
}

.mobile-panel a:hover {
    background-color: #3D1A14;
    color: #CCC7C1;
}

.upper {
  text-transform: uppercase;
}

.email {
  text-align: center;
  padding-top: 61px;
}

div#about {
  padding-top: 52px;
}

div#services {
  padding-top: 24px;
}

p.cool-join.learn {
    background-color: #365067;
    color: #CAC3B8;
}

p.cool-join.learn:hover {
    color: #F3F3F3;
}

@media (max-width: 304px) {


  .navbar-brand {
    padding: 15px 15px;
  }


  .navbar-brand>img {
    width: 167px;
    display: block;
  }


}


@media (min-width: 654px) {


.panel-top h1 {
  font-size: 30px;
  line-height: 44px;
  color: #D6D6D6;
  text-align: center;
}

 .btm {
  display: none;
 }

  .mobile-panel {
  display: none;
  }


}


@media (max-width: 657px) {




 .panel-top {
  display: none;
 }

 .btm  {
  display: block; 
  color: #E4C2B8 !important;
 }

 .btm #signUpForm label {
  color: #E4C2B8 !important;
 }



 .mobile-panel {
  display: block;
 }

 .panel h1 {
  color: #E9DFCF;
  text-align: center;
 }


}


@media (min-width: 768px) {

	.navbar-nav>li>a {
	  padding-top: 25px;
	  padding-bottom: 15px;
	}

}

@media (max-width: 768px) {

  img.img-responsive.img-border.img-left {
      margin: 0 auto;
  }

}


@media (max-width: 384px) {

   .mobile-panel {
    top: 117px;
   }

   .mobile-panel a {
    font-size: 22px;
   }

}

@media screen and (min-width: 768px) {
  .img-left {
    float: left;
    margin-right: 25px;
  }

}

.modal-content h2 {
  font-size: 14px;
}