@media (max-width: 768px){
.content {
	padding: 40% 0 0;
}
}

@media (max-width: 603px){
#tf-menu.navbar-default {
	background-color: #bf5527;
	border-color: #bf5527;
}

#tf-menu.navbar-default a {
	background-color: #bf5527;
	border-color: #bf5527;
	color:#ffdf6e;
}

#tf-menu.navbar-default a:hover,
#tf-menu.navbar-default a:active,
#tf-menu.navbar-default a.hover,
#tf-menu.navbar-default a.active {
	background-color: #bf5527;
	border-color: #bf5527;
	color:#fff;
}

#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%;
}

.navbar-default .navbar-toggle {
  border-color: #ddd;
  color:#FFF;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
  color:#FFF;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
  color:#FFF;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
  color:#FFF;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #e7e7e7;
}

}

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