.btn-green {
  color: #fff;
  background-color: #7aaf45;
  border-color: #7aaf45;
}

.btn-green:hover {
  color: #fff;
  background-color: #7aaf45;
  border-color: #7aaf45;
}

.btn-green:focus, .btn-green.focus {
  color: #fff;
  background-color: #7aaf45;
  border-color: #7aaf45;
  box-shadow: 0 0 0 0.2rem rgba(122, 175, 69, 0.5);
}

.btn-green.disabled, .btn-green:disabled {
  color: #fff;
  background-color: #7aaf45;
  border-color: #7aaf45;
}

.btn-green:not(:disabled):not(.disabled):active, .btn-green:not(:disabled):not(.disabled).active,
.show > .btn-green.dropdown-toggle {
  color: #fff;
  background-color: #7aaf45;
  border-color: #7aaf45;
}

.btn-green:not(:disabled):not(.disabled):active:focus, .btn-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(122, 175, 69, 0.5);
}

/* Slider Caption Custom Title h2 font size

The Responsive Classes are as follows:

.device-xl – Class for Large Devices >=1200px

.device-lg – Class for Medium Devices >=992px to 1199px

.device-md – Class for Tablets

.device-sm – Class for Landscape Mobiles or Phablets.

.device-xs – Class for Portrait Mobiles
-----------------------------------------------------------------*/

.device-xl .slider-caption h2 { font-size: 64px; }

.device-lg .slider-caption h2 { font-size: 56px; }

.device-md .slider-caption h2 { font-size: 48px; }

.device-sm .slider-caption h2 { font-size: 36px; }

.device-xs .slider-caption h2 { font-size: 32px; }


.device-xs .slider-element {
	 height: 440px;
}

.device-sm .slider-element {
	 height: 500px;
}

.device-md .slider-element {
	 height: 600px;
}