@charset "utf-8";
/* CSS Document */

/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body{ background-color:black;}

.content-area{background-color:white;}

/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
  padding: 3rem 0 3rem;
  text-align: center;
}
.section-heading,
.section-description {
  margin-bottom: 1.2rem;
}

/* Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.hero {background-color: black; text-align: left;}
.foot {background-color: black; color:white; text-align:center; padding:7rem 0;}

.footer-text{margin-top:-30px;}
.usalogo img { float:right; margin-top:-15px;}

@media only screen and (max-width: 767px){
   .usalogo img {  height: 40px; width:auto;  /*margin-top:-35px;*/}
   .beslogo {height:20px; width:auto;}
}
/* ipad */
/* @media only screen and (min-width: 768px) and (max-width: 769px){
	.usalogo img { margin-top:-55px;}
} */

.about { 
	color:white; 
	padding: 3rem 0; 
	text-align:center; 
	background-color:#272727; 
	
}
h4 { text-align:center; font-size:3.1rem; }
@media only screen and (max-width: 400px) {
 h4 { font-size:2.8rem; }
 .container { padding:0; }
}

.area { text-align:center; }

.area img {
	height: auto;
	max-width:80%;
	overflow: hidden;
        margin-bottom: -20px;
}
.about  {color:white; font-size:1.7rem; font-weight:normal;}
.about a {color:white; }

.container { max-width: 1200px !important; }
.content-area .container {
	width: 100% !important;
	max-width: none !important;
}
.one-half.column { width: 50% !important; }
.column, .columns { margin-left: 0 !important; }

a { transition: all .5s ease; }
a:hover {
	color: #f79522;
}

a.roll{
	display:block;
	text-decoration:none;
	padding:35px 8px;
	background-image: url('../images/gradient-BG.png');
	background-repeat: no-repeat;
	background-size: cover;
}

a.roll:hover{
	background-image: none;
	background-color: white;
}
a.roll h4 {color:black; font-weight:400;}

p .button.button-primary {
	color:black !important;  
	border-radius: 0px !important; 
	background: none;
	background-color: transparent;
	/*background-color: #F79522;*/ 
	background-image: linear-gradient(to top, rgba(0,0,0,0) 50%, #f79522 50%) !important;
    background-size: auto 200%;
    background-position: bottom;
    transition: all .2s linear; 
	border-color: #F79522 !important; 
	white-space: normal; 
	line-height: 20px; 
	padding: 10px 30px; 
	min-height: 38px; 
	height: auto; 
}
a.roll:hover p .button.button-primary, p .button.button-primary:hover { 
	color:white !important;
	background-color: transparent !important;
	background-position: top;
}

.button-slide {
	
	color:white !important;  border-radius: 0px !important; background-color: #F79522 !important; border-color: #F79522 !important; white-space: normal; line-height: 20px; padding: 10px 30px; min-height: 38px; height: auto;
  
  border: 2px solid #F79522;
  border-radius: 0px;
  display: inline-block;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 #D80286;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
}

.slide-down:hover {
  box-shadow: inset 0 100px 0 0 #D80286;
}

/* Values
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.values {
  background-image: url('../images/values-bg.jpg');
  background-size: cover;
  color: #fff;
  padding-bottom: 5rem;
}
.value-multiplier {
  margin-bottom: .5rem;
  color: #11DFC7;
}
.value-heading {
  margin-bottom: .3rem;
}
.value-description {
  opacity: .8;
  font-weight: 300;
}

/* Help
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.get-help {
  border-bottom: 1px solid #ddd;
}

/* Categories
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.categories {
  background-image: url('../images/values-bg.jpg');
  background-size: cover;
  color: #fff;
}
.categories .section-description { 
  margin-bottom: 4rem;
}

@media only screen and (max-width: 991px) {
	.about .one-half.column, .content-area .one-half.column {
		width: 100% !important;
	}
}

/* Bigger than 550 */
@media (min-width: 550px) {
  /* .section {
    padding: 12rem 0 11rem;
  } */
  .hero {
    padding-bottom: 3rem;
    text-align: left;
	  
  /*  height: 165px */
  }
 
  .hero-heading {
    font-size: 2.4rem;
  }
}

@media only screen and (max-width: 490px) {
	.section.hero, .about {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Bigger than 750 */
@media (min-width: 750px) {

  .hero-heading {
    font-size: 2.6rem;
  }
  .section {
    padding: 14rem 0 15rem;
  }
  .hero {
    padding: 5rem 0 5rem;
  }
  .section-description {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .categories {
    padding: 15rem 0 8rem;
  }
}

/* Bigger than 1000 */
@media (min-width: 1000px) {
  .section {
    padding: 10rem 0 19rem;
  }
  .hero {
    padding: 7rem 0;
	padding-bottom: 2rem;
  }
  .hero-heading {
    font-size: 3.0rem;
  }
  
}