/*Media queries for CJMarabetta v1*/

@media(min-width:1200px){}


@media(min-width:992px){ 
	.main-header { background-attachment: fixed; }
}


@media(min-width:768px){

	/*General Queries*/
	h1 { 
		font-size: 160%; text-align: center;  
	}
	

	/*Header*/
	.hero-text-box { 
		margin-top: 5%; 
	}
	
	
	/*Portfolio*/
	.portfolio { 
		width: 75%; 
		padding-bottom: 75%;
		margin-left: 12%; 
	}
		
	.portfolio-row {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	

	/*About*/
	.skills-box-2 { 
		width: 80%; margin-left: 15%; 
	}
	
	
	/*Footer*/
	footer {
		text-align: center;
		/*padding: 30px 30px;
		margin-top: 20px;*/
	}
	
	.footer-nav-block { margin-top: 10px; }
	
	.footer-nav { float: none; }
	
	.footer-credit { margin-top: 10px; }
	.footer-credit p { margin: 0% 20% 0% 0%; }
}


@media(max-width:767px){
	/*General Queries*/
	body { font-size: 16px; }
	
	h1 { font-size: 160%; text-align: center;  }
	

	/*Header*/
	.main-header { background-attachment: scroll; background-size: 100% auto; background-repeat: no-repeat; }
	
	.navbar-nav {
		background-color: #ffffff;
		float: right;
		width: 100%;
		margin-top: 0px;
	}
	
	.navbar-nav li {
		display: block;
		width: 100%;
		border-top: 2px solid #005f3d;
		padding-top: 5px;
	}
	
	.navbar-nav li:last-child {
		border-bottom: 2px solid #005f3d;
	}
	
	.navbar-nav li a:link,
	.navbar-nav li a:visited {
		color: #0800a8;
		font-size: 110%;
		text-align: center;
	}
	
	.navbar-nav li a:hover,
	.navbar-nav li a:active {
		border-bottom: none;
	}	
	
	.logo { margin-top: 15px; }

	.hero-text-box { 
		font-size: 70%;
		width: 40%;
		position: absolute;
		left: 30%;
		top: 30%;
	}
	
	
	/*Portfolio*/
	.portfolio-row {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.section-image { margin-top: -20%; }
	
	.para-image-test { opacity: 1.0; }

	/*About*/
	.fluid-background {	width: 100vw; }

	.about-text { width: 80%; }


	/*Footer*/
	footer {
		text-align: center;
		padding: 30px 30px;
		margin-top: 20px;
	}
	
	.footer-nav-block { margin-top: 10px; }
	
	.footer-nav { float: none; }
	
	.footer-nav a { font-size: 90%; }
	
	.footer-credit { margin-top: 10px; }
	.footer-credit p { margin: 0% 20% 0% 0%; }
}