@media only screen and (min-width: 1920px) {
	.carousel-caption {width: 30%; right: 20%;}
}

@media only screen and (min-width: 992px) {
	nav.navbar.top {position: fixed; top: 0; z-index: 999; width: 100%; height: 87px; opacity: .8;
					box-shadow: 0 0 4px rgba(0,0,0,.2); background: #fff}
	.navbar-light .navbar-nav .nav-link {color: #fff;}
	.nav-item {padding: 0 .75rem}
	.navbar-expand-lg .navbar-nav .nav-link {padding: 0;}
	nav.navbar.top .nav-link {color: #555;}
	.nav-item .nav-link.facebook {display: none}
	.navbar.hide {transform: translateY(-88px); box-shadow: none}
	.carousel {top: -87px; margin-bottom: -87px;}
	section h1 {font-size: 42px}
}

@media only screen and (max-width: 991px) {
	.navbar-toggler {border: none;}
	.carousel-item, .carousel-item.narrow {height: 300px;}
	section.display img.int {width: 100%}
	.fbplugin {display: none}
}

@media only screen and (max-width: 767px) {
	.carousel-item, .carousel-item.narrow {height: 300px;}
	section.display .card-body p {padding: 0;}
	section.display .bene-outter > div {margin-bottom: 1em;}
}

@media only screen and (max-width: 479px) {
	section h2 {letter-spacing: 0}
	section p {font-size: 16px}
	.carousel-item, .carousel-item.narrow {height: 200px;}
	section.elements .icons p {font-weight: 300;}
	footer p {font-weight: 300;}
}