@media (max-width: 991px){
  #tf-home h1 { font-size: 42px; }
  #tf-home .overlay { min-height: 660px; }
  .hero-content { padding: 110px 0 80px; }
}

@media (max-width: 768px){
  .content {
	padding: 30px 15px;
	}
  #tf-home h1 { font-size: 32px; line-height: 1.15; }
  #tf-home .overlay {
	min-height: 0;
	background: linear-gradient(180deg,
		rgba(10, 11, 14, 0.92) 0%,
		rgba(10, 11, 14, 0.88) 55%,
		rgba(10, 11, 14, 0.80) 100%);
	}
  .hero-content { padding: 100px 0 70px; max-width: 100%; }
  #tf-home .hero-lead { font-size: 17px; }
  #tf-home .hero-sub { font-size: 15px; margin-bottom: 28px; }
  .hero-actions { gap: 12px; }
  .hero-btn { width: 100%; justify-content: center; font-size: 16px; padding: 15px 20px; }
  .hero-btn-ghost { padding: 13px 20px; }
  ul.hero-facts { gap: 10px 20px; }
  ul.hero-facts li { font-size: 14px; }
  a.fa.fa-angle-down.hero-scroll { display: none; }
}

@media (max-width: 603px){
#tf-menu.navbar-default {
	background-color: rgba(28, 28, 28, 0.95);
	}
#tf-works li.pull-right, #tf-works li.pull-left {
    margin-top: 10px;
    float: none !important;
    text-align: center;
    display: block;
}
label{
    float: none !important
}
.pull-left.fnav,
.pull-right.fnav {
    float: none !important;
    text-align: center;
}

.hover-bg .hover-text {
    padding: 12% 10%;
}
}
@media (max-width: 360px){
.hover-bg .hover-text {
    padding: 22% 10%;
}
}