/* ==========================================================================
   Insert Your Custom Styles Below. All styles located in this file will
   override existing main.css & bootstrap.min.css stylesheets.
   ========================================================================== */ 



/* ==========================================================================
   bootstrap.min.css changes.
   ========================================================================== */ 

.navbar-collapse {
  max-height:540px;
}



/* ==========================================================================
   main.css changes.
   ========================================================================== */ 
#slogan {
  background: #31363A;
  padding-top: 110px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

#content1 {
  background: #ffffff;
  margin-top: 30px;
}

.description {
  padding-top: 0px;
  padding-bottom: 50px;
}

.banner {
  padding: 15px 0;
}

.body {
  padding-top: 40px;
  padding-bottom: 0px;
}

.body {
  padding-top: 20px;
  padding-bottom: 0px;
}

p {
color: #4e595f;   
}

p.lead {
  color: #ffffff; /* ff755a, b8e852 */
}

p.leadgreen {
  color: #b8e852; /* ff755a, b8e852 */
}

a.disabled {
   pointer-events: none;
   cursor: default;
}

h5 {
  font-size: 24px;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 30px;
  color: #626c72;
}

.strike {			/*h3 strikethrough */
  /*font-size: 34px;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 34px;
  color: #626c72; */
  text-decoration: line-through;
}

.sale {			/*h3 sale */
  /*font-size: 34px;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 34px; */
  color: #ff0000;
}

.background1 {
   background-color:#defaea;
}

.background2 {
   background-color:#def6fa;
}

.background3 {
   background-color:#dee0fa;
}

.border1 {
   border-radius: 50%;
   border-style: solid;
   border-width: 4px;
   border-color: #defaea;
}

.border2 {
   border-radius: 50%;
   border-style: solid;
   border-width: 4px;
   border-color: #def6fa;
}

.border3 {
   border-radius: 50%;
   border-style: solid;
   border-width: 4px;
   border-color: #dee0fa;
}

.border4 {
   border-radius: 50%;
   border-style: solid;
   border-width: 4px;
   border-color: #b8e852;
}



/* ==========================================================================
   Bottom and Footer styles
   ========================================================================== */
#bottom p {
  color: #a5b2b9;
}

#bottom p.lead {
  color: #b8e852; /* ff755a */
}

#bottom p a:hover {
  color: #b8e852; /* ff755a */
  text-decoration: none;
}



/* ==========================================================================
   Mobiles styles
   ========================================================================== */

/* Landscape phones and down */
@media (max-width: 480px) { 

.logo {
height: 15px;
}

#slogan {
  background: #31363A;
  padding-top: 85px;
  padding-bottom: 0px;
}

}


/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) { 

.logo {
height: 15px;
}

#slogan {
  background: #31363A;
  padding-top: 85px;
  padding-bottom: 0px;
}

}


/* Landscape phone  */
@media (max-height: 640px) { 

.navbar-collapse{
  max-height: 256px;				/*fills complete screen in landscape mode on iphone resolution 640px*/
  /*padding-bottom: 40px;			/*seamless transistion between collapsed sub-menus and expanded sub-menus*/
}

}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {
	
}


/* Desktops and laptops ----------- */
@media (min-width: 992px) and (max-width: 1199px) {

}
     

/* Large screens ----------- */
@media (min-width: 1200px) and (max-width: 3000px) {

}