@media screen and (max-width: 1199px) {
	header div.col-xs-4 {
		width: 40%;
	}
	header div.col-xs-8 {
		width: 60%;
	}
	.navbar-default .navbar-nav > li > a {
		padding: 10px 10px;
		font-size: 100%;
	}
}
@media screen and (max-width: 991px) {
	div.header-container {
		width: 100% !important;
	}
	div.logo {
		position: static;
	}
	header div.col-xs-4 {
		width: 100%;
	}
	header div.col-xs-4 div.inner {
		width: 325px;
		margin: 0px auto !important;
	}
	header div.col-xs-8 {
		width: 100%;
	}
	nav ul {
		text-align: left;
	}
	header nav.navbar-default ul li {
		width: 24%;
		margin: 0px;
	}
	header nav.navbar-default ul li a {
		width: 100%;
		margin: 0px;
		text-align: center;
		padding: 10px 0px;
		font-size: 120% !important;
	}
	nav.navbar-default {
		margin-top: 30px;
	}
	div.social-icons {
		width: 100%;
	}
}
@media screen and (max-width: 880px) {
	header nav.navbar-default ul li a {
		font-size: 100% !important;
}
@media screen and (max-width: 767px) {
	footer {
		text-align: center;
	}
	footer div.right {
		text-align: center;
	}
	button.navbar-toggle, button.navbar-toggle:focus {
		width: 100% !important;
		float: none;
		background-color: #dec388 !important;
		color: #4a0320 !important;
	}
	button.navbar-toggle:hover/*, button.navbar-toggle:focus*/ {
		background-color: #4a0320 !important;
		color: #dec388 !important;
	}
	a.active {
		background-color: transparent !important;
		color: #dec388 !important;
	}
	nav.navbar {
		margin-top: 0px !important;
	}
	.navbar-nav > li {
		display: block;
		text-align: center;
	}
	nav.navbar-default ul li {
		display: block;
		width: 100% !important;
	}
	nav.navbar-default ul li a:hover {
		background-color: #4a0320 !important;
		color: #dec388 !important;
	}
	#navbar {
		padding: 0px !important;
	}
	nav.navbar-default div.container-fluid {
		padding: 0px !important;
	}
	.navbar-nav {
		margin: 0px !important;
	}
	header {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
@media screen and (max-width: 390px) {
	div.social-icons p {
		font-size: 80%;
	}
}