/* responsive settings ftc dine */

@media (max-width: 920px){
 h1{
  font-size: 35px;
  line-height:32px;
 }
  h2{
    font-size: 31px;
    line-height:25px;
  }
  p{
        font-size: 19px;
    line-height:26px;
  }
}


@media (max-width: 768px){
  .content {
	padding: 40% 3% 0 3%;
	}
	
.navbar-brand img{
      padding: 0 0 0 0;
      margin:0 0 0 0;
      
}
 h1{
  font-size: 27px;
  line-height:26px;
 }
  h2{
    font-size: 23px;
    line-height:19px;
  }

/* js add *
.navbar{
	width:99%;
}
* end js */
}

@media (max-width: 1100px){
    .navbar-brand img{
      padding: 0 30px 0 0;
}
}

/* was 603 max width */
@media (max-width: 603px){
#tf-menu.navbar-default {
	background-color: rgba(0, 0, 0, 0.79);
	}
#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%;
}
}