.callout {
  z-index: 1 !important;
}

@media (min-width: 972px) {
  .nav-social {
    margin-left: 108px !important;
  }
  .nav-social {
  margin-left: 100px;
  margin-top: -7px !important;
}
  #topNav > div:nth-child(1) {
  height: 44px;
}
.slider li {
  margin-top: -11px;
}
}

@media (max-width: 1000px) {
  #topMain {
    background-color: #2d2d2d !important;
  }
}

@media (min-width: 1000px){
.tp-caption.medium_text {
  background-color: rgba(1, 1, 1, .8) !important;
  padding: 10px !important;
  text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5)
}

.tp-caption.large_bold_white  {
 background-color: rgba(1, 1, 1, .8) !important; 
  padding: 20px !important;
  text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5)
}
}

@media (max-width: 1000px){
.tp-caption.medium_text {
  background-color: rgba(1, 1, 1, .8) !important;
  padding: 5px !important;
  text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5)
}

.tp-caption.large_bold_white  {
 background-color: rgba(1, 1, 1, .8) !important; 
  padding: 10px !important;
  text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5)
}
}

@media (max-width: 768px) and (min-width: 304px) {
	
	
  	.box-content{
		background-color: #2d2d2d !important;
	}	
}

@media (min-width: 992px) {
    .callout {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 992px) {
	.callout > div .btn-lg {
 margin-top: -40px;
}
  .callout {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}