/* ========================================================================================== */
/* ===================================== GLOBAL ============================================= */
/* ========================================================================================== */
.header-section > .container-fluid, .e-campuz > .container-fluid, .success > .container-fluid, #portfolio > .container-fluid, #contact > .container-fluid, #clients > .container-fluid { max-width:1600px; }
.main-logo { width:270px; height:270px; }
p a { color:#fff !important; font-weight:bold; text-decoration:underline !important; }
section { padding-top:5%; }
.mb-40 { margin-bottom:40px; }
.mb-20 { margin-bottom:20px; }



@media ( max-width:399px ) {
	.btn-vonmood { display:block; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#293e4b !important; background:#25ffed; padding:10px 30px; border-radius:50px; border-bottom:3px solid #1e292f; }
}

@media ( min-width:400Px ) {
	.btn-vonmood { display:block; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#293e4b !important; background:#25ffed; padding:10px 30px; border-radius:50px; border-bottom:3px solid #1e292f; }
}

@media ( min-width:768Px ) {
	.btn-vonmood { display:inline; }
}





/* ========================================================================================== */
/* ===================================== NAV BAR ============================================ */
/* ========================================================================================== */
.navbar { display:block; color:white; background:#1e2f3a; box-shadow:0 4px 5px rgba(0, 0, 0, 0.2); border-radius:0 !important; }
.navbar-fixed-bottom.navbar-shrink { background:#1e2f3a !important;  }
.navbar-wrapper { opacity:1 !important; }
.sticky { height:60px !important; }
.navbar-rght { background-color:black !important; }
.navbar-brand { padding:10px !important; }
.nav-highlight a { color:#e55443 !important; }
.navbar-default .navbar-toggle { background-color:#73cbce !important; border:none; }
.collapse.in { display:block !important; height:inherit !important; }
.nav>li { display:inline; float:left; }
.nav .page-scroll a { color:white !important; }
.nav .page-scroll a:hover, .nav .page-scroll a:focus, .nav .page-scroll a:active { color:#caf7f9 !important; background:none !important; }



@media ( max-width:399px ) {
	.navbar-nav { margin-top:10px !important;
		-webkit-box-shadow:0px 10px 0px 0px rgba(0,0,0,0.2);
		-moz-box-shadow:0px 10px 0px 0px rgba(0,0,0,0.2);
		box-shadow:0px 10px 0px 0px rgba(0,0,0,0.2);
		height:inherit !important;
	}
	.nav .pipe { display:none; }
	.navbar-nav>li>a { padding-top:20px !important; padding-bottom:10px !important; }
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { border-bottom:none !important; }
}

@media ( min-width:400px ) {
	.navbar-nav { margin-top:10px !important;
		-webkit-box-shadow:0px 10px 0px 0px rgba(0,0,0,0.2);
		-moz-box-shadow:0px 10px 0px 0px rgba(0,0,0,0.2);
		box-shadow:0px 10px 0px 0px rgba(0,0,0,0.2);
	}
	.nav .pipe { display:none; }
	.navbar-nav>li>a { padding-top:20px !important; padding-bottom:10px !important; }
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { border-bottom:none !important; }
}

@media ( min-width:768px ) {
	.navbar-nav { margin-top:20px !important; }
	.nav .pipe { display:none; }
	.navbar-nav>li>a { padding-top:30px !important; padding-bottom:30px !important; }
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { border-bottom:none !important; }
}

@media ( min-width:992px ) {
	.navbar-nav { margin-top:20px !important; }
	.nav .pipe { display:none; }
	.navbar-nav>li>a { padding-top:30px !important; padding-bottom:30px !important; }
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { border-bottom:none !important; }
}

@media ( min-width:1201px ) {
	.navbar-nav { margin-top:20px !important;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	.nav .pipe { display:block; }
	.navbar-nav>li>a { padding-top:30px !important; padding-bottom:30px !important; }
}











/* ========================================================================================== */
/* ================================= HEADER SECTION ========================================= */
/* ========================================================================================== */
.header-section { background:#293e4b; }
.about-nest, .about-nest p, .about-nest h2, .about-nest h1 { text-align:left !important; }


@media ( max-width:399px ) {
	.header-section { padding-bottom:200px !important; }
	.header-section .container-fluid .row { position:relative; top:2vh; }
	.main-logo { width:100% !important; height:auto !important; display:none !important; }
	.intro-text { top:2vh !important; }
	.navbar-brand img { width:60px; }
}

@media ( min-width:400px ) {
	.header-section { padding-bottom:200px !important; }
	.header-section .container-fluid .row { position:relative; top:2vh; }
	.main-logo { width:100% !important; height:auto !important; display:none !important; }
	.intro-text { top:4vh !important; }
	.navbar-brand img { width:60px; }
}

@media ( min-width:768px ) {
	.header-section { padding-bottom:200px !important; }
	.header-section .container-fluid .row { position:relative; top:5vh; }
	.main-logo { width:150px !important; height:150px !important; display:inline !important; }
	.intro-text { top:8vh !important; }
}

@media ( min-width:992px ) {
	.header-section { padding-bottom:0 !important; }
	.header-section .container-fluid .row { position:relative; top:10vh; }
	.main-logo { width:270px !important; height:270px !important; display:inline !important; }
	.intro-text { top:8vh !important; }
}

@media ( min-width:1201px ) {
	.header-section { padding-bottom:0 !important; }
	.header-section .container-fluid .row { position:relative; top:20vh; }
	.main-logo { width:270px !important; height:270px !important; display:inline !important; }
	.intro-text { top:8vh !important; }
}







/* ========================================================================================== */
/* ================================= ABOUT SECTION ========================================== */
/* ========================================================================================== */
.about-section { background:#293e4b; }
.about-nest { padding-top:6% !important; }

@media ( max-width:399px ) {
	.about-nest { margin-top:0 !important; }
}

@media ( min-width:400px ) {
	.about-nest { margin-top:20px !important; }
}

@media ( min-width:768px ) {
	.about-nest { margin-top:60px !important; }
}

@media ( min-width:992px ) {
	.about-nest { margin-top:0 !important; }
}

@media ( min-width:1201px ) {
	.about-nest { margin-top:0 !important; }
}







/* ========================================================================================== */
/* ================================= SKILLS SECTION ========================================== */
/* ========================================================================================== */
.current { font-size:14px !important; }




/* ========================================================================================== */
/* ================================= FOLIO SECTION ========================================== */
/* ========================================================================================== */
.portfolio img { opacity:1; /*max-width:none !important*/ }
.portfolio-wrapper { background:#fff !important; }
.portfolio img:hover { opacity:0.6; !important; }
.portfolio .text-category { font-size:12px !important; font-weight:normal !important; }


@media ( max-width:399px ) {
	.portfolio { width:48% !important; }
}

@media ( min-width:400px ) {
	.portfolio { width:31% !important; }
}

@media ( min-width:768px ) {
	.portfolio { width:23% !important; }
}

@media ( min-width:992px ) {
	.portfolio { width:23% !important; }
}

@media ( min-width:1201px ) {
	.portfolio { width:14.6% !important; }
}



/* ========================================================================================== */
/* ================================ CLIENTS SECTION ========================================= */
/* ========================================================================================== */
.client-list { list-style-type:none; }
.client-list li { display:inline }
.client-list li img { max-width:100% !important; opacity:0.5; filter:alpha(opacity=50); }







/* ========================================================================================== */
/* ================================ FOOTER SECTION ========================================= */
/* ========================================================================================== */
.footer-below { background-color:#1e2f3a;  }