@media only screen and (max-width: 991px) {
	header {
		background: rgb(53 95 129);
	}

	#primary-menu-collapse {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 767px) {
	.img-about::after {
		left: 0;
		right: 0;
	}

	.navbar-brand img {
	    max-width: 50px;
	}
}

@media only screen and (max-width: 575px) {
	.fixed-top {
		position: relative;
	}

	#home-slider .carousel-caption h3 {
		font-size: 20px;
    	line-height: 20px;
	}

	#home-slider .carousel-caption p {
	    margin-bottom: 15px;
	    font-size: 12px;
	    line-height: 1.4;
	}

	.slider-nav {
	    right: 5px;
	    top: auto;
	    bottom: 5px;
	}

	.slider-nav a > .material-icons {
		font-size: 15px;
    	padding: 6px;
	}
}