/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.adj-sundays {
	height: 203px;
	width: 100%;
	background: url('../img/bg-sundays.jpg') no-repeat top center;
	background-size: 100%;
}
.adj-media {
	height: 203px;
	width: 100%;
	background: url('../img/bg-media.jpg') no-repeat top center;
	background-size: 100%;
}
.adj-whatson {
	height: 203px;
	width: 100%;
	background: url('../img/bg-vision.jpg') no-repeat top center;
	background-size: 100%;
}










/* Responsive
-------------------------------------------------- */

/* Desktop large
------------------------- */
@media (min-width: 1200px) {



}


/* Desktop
------------------------- */
@media (max-width: 1199px) {

.home-features {
	font-size: 34px;
	letter-spacing: 2px;
}
.feature-icon {
	font-size: 50px;
	line-height: 10px;
	padding-top: 35px;
}
.adj-sundays {
	height: 165px;
}
.adj-media {
	height: 165px;
}
.adj-whatson {
	height: 165px;
}

}


/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 979px) {

.home-features {
	padding: 45px 0 45px 0;
	font-size: 22px;
	letter-spacing: 2px;
}
.feature-icon {
	font-size: 44px;
	line-height: 10px;
	padding-top: 25px;
}
.adj-sundays {
	height: 124px;
}
.adj-media {
	height: 124px;
}
.adj-whatson {
	height: 124px;
}

}

/* Tablet
------------------------- */
@media (max-width: 767px) {



}







@media screen and (min-width: 360px) and (max-width: 640px), (min-device-width: 360px) and
(max-device-width: 640px) and (orientation : landscape) {

.home-features {
	padding: 0;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 1px;
}
.feature-icon {
	font-size: 60px;
	line-height: 10px;
	padding-top: 36px;
}
.adj-sundays {
	height: 180px;
	border-bottom: 8px solid #FFF;
}
.adj-media {
	height: 180px;
	border-bottom: 8px solid #FFF;
}
.adj-whatson {
	height: 180px;
	border-bottom: 8px solid #FFF;
}

}


@media screen and (min-width: 320px) and (max-width: 568px), (min-device-width: 320px) and
(max-device-width: 568px) and (orientation : landscape) {

.home-features {
	padding: 0;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 1px;
}
.feature-icon {
	font-size: 60px;
	line-height: 10px;
	padding-top: 36px;
}
.adj-sundays {
	height: 180px;
	border-bottom: 8px solid #FFF;
}
.adj-media {
	height: 180px;
	border-bottom: 8px solid #FFF;
}
.adj-whatson {
	height: 180px;
	border-bottom: 8px solid #FFF;
}

}


@media screen and (max-width: 320px), (min-device-width: 320px) and (max-device-width: 568px) and (orientation : portrait) {

.home-features {
	padding: 0;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 1px;
}
.feature-icon {
	font-size: 60px;
	line-height: 10px;
	padding-top: 36px;
}
.adj-sundays {
	height: 180px;
	border-bottom: 8px solid #FFF;
}
.adj-media {
	height: 180px;
	border-bottom: 8px solid #FFF;
}
.adj-whatson {
	height: 180px;
	border-bottom: 8px solid #FFF;
}

}


@media screen and (min-width: 320px) and (max-width: 480px), (min-device-width: 320px) and
(max-device-width: 480px) and (orientation : landscape) {
	
.home-features {
	padding: 0;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 1px;
}
.feature-icon {
	font-size: 60px;
	line-height: 10px;
	padding-top: 36px;
}
.adj-sundays {
	height: 180px;
	border-bottom: 8px solid #FFF;
}
.adj-media {
	height: 180px;
	border-bottom: 8px solid #FFF;
}
.adj-whatson {
	height: 180px;
	border-bottom: 8px solid #FFF;
}

}


@media screen and (max-width: 320px), (min-device-width: 320px) and (max-device-width: 480px) and (orientation : portrait) {


.home-features {
	padding: 0;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 1px;
}
.feature-icon {
	font-size: 60px;
	line-height: 10px;
	padding-top: 40px;
}
.adj-sundays {
	height: 180px;
	border-bottom: 8px solid #FFF;
}
.adj-media {
	height: 180px;
	border-bottom: 8px solid #FFF;
}
.adj-whatson {
	height: 180px;
	border-bottom: 8px solid #FFF;
}

}