.navbar-brand {
    background: url(../img/logo/LogoParanta.png) center no-repeat;
        background-size: auto;
    background-size: contain;
    height: 100%;
    width: 208px;
    height: 50px;
}

.hero-img {
	background: url(../img/intro/paranta_splash.jpg) right center no-repeat;
	height: 100vh;
}
.nav-link {
	font-size: 1.2rem;
}

.clear{
    clear:both;
}

#top{
	height:100vh;
}
.nav-item{
	color: #000;
	margin: 2px;
}

.nav-item:hover {
	background: rgba(252,225,70,.80)!important;
	color: #000 !important;
}

.cc_dialog.simple {
	right: 25% !important;
    left: 25%!important;
    max-width: 50%!important;
}
.light.cc_dialog button.cc_b_ok, .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button {
    color: #000!important;
    background-color: #FCE146!important;
}
.navbar {
    background: white!important;
    padding: 16px 0;
}
.navbar-bg-onscroll {
	background: #f8f9fa!important;
}

@media (min-width: 600px) and (max-width:1200px) {
	.hero-img {
		background-size: 50vh;
		background-position-y: bottom;
	}
	.nav-item {
		background: #fff; 
	}
	nav.navbar-bg-onscroll .nav-item {
		background: rgba(248,249,250,.80); 
	}
}

@media (max-width: 600px) {
	.hero-img {
		background-size: 33vh;
		background-position-y: bottom;
	}
	.nav-item {
		background: #fff; 
	}
	nav.navbar-bg-onscroll .nav-item {
		background: rgba(248,249,250,.80); 
	}
}