/* CSS HELPERS (USED FOR CUSTOM HELPER CLASSES) */

.font-light {
  font-weight: 300;
}

.font-bold {
  font-weight: 600;
}

.font-black {
  font-weight: 800;
}

.color-white {
  color: #fff;
}

.text-grey {
  color: #666;
}

.text-shadow {
  text-shadow: 3px 3px 5px rgba(0, 0, 0, .4);
}

.box-shadow {
  -webkit-box-shadow: 5px 5px 50px -6px rgba(0,0,0,0.4);
  box-shadow: 5px 5px 50px -6px rgba(0,0,0,0.4);
}

.padding-100 {
  padding: 100px 0;
}

.d-flex {
  -webkit-display: flex !important;
  -moz-display: flex !important;
  -ms-display: flex !important;
  -o-display: flex !important;
  display: -webkit-box !important;
  display: flex !important;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.flex2 {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.height-md {
  height: 30vh;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.z-ind0 {
  z-index: 0;
}

.z-ind2 {
  z-index: 2;
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

  .hidden-xs {
    display: none;
  }

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}