/*** RESPONSIVT DESIGN ***/
	@media screen and (max-width: 960px) {
		#mainWrapper {
			padding: 0;
			width: 100%;
			margin: 0;
		}
		header {
			top: 0;
			position: relative;
			width: 100%;
			padding: 10px 0;
		}

		#nav-icon {
			display:block;
			position:absolute;
			top:10px;
			right:10px;
			transform:rotate(0deg);
			transition:.5s ease-in-out;
			cursor:pointer;
		}
		nav, nav:active {
			top:90px;
			display:none;
			padding:10px 0;
			background:#fff;
			border:none;
			width:100%;
			z-index: 1000;
		}
		nav a {
			margin:0 0 .5em 0;
			padding: 5px;
			color: #000;
			width: auto;
		}
		nav a:hover {color: #999;background: #000;}
		
		#main {
			padding:30px 10px;
			margin: 0;
		}

		section {width:100%;}


		.imgStyle {width:31.333% !important;}
	}

	@media screen and (max-width: 768px) {
		nav, nav:active {
			top: 60px;
		}
	}

	@media screen and (max-width: 639px) {
		/* ANIMERET BURGER MENU */
			#nav-icon {
				width:50px;
				height:35px;
				top:15px;
				right:10px;
			}
			#nav-icon span {
				height:7px;
				border-radius:7px;
			}
			#nav-icon span:nth-child(1) {top:0px;}
			#nav-icon span:nth-child(2) {top:14px;}
			#nav-icon span:nth-child(3) {top:28px;}
			#nav-icon.open span:nth-child(1) {top:14px;}
			#nav-icon.open span:nth-child(2) {
				opacity:0;
				left:-50px;
			}
			#nav-icon.open span:nth-child(3) {top:14px;}

		nav, nav:active {
			top:60px;
		}


		head+body footer {height:auto;}
		footer {height:140px;min-height:140px;}
		footer section {padding:1em 0;}
	}

	@media screen and (max-width: 480px) {
		/* ANIMERET BURGER MENU */
			#nav-icon {
				width:40px;
				height:30px;
				top:10px;
				right:10px;
			}
			#nav-icon span {
				height:6px;
				border-radius:6px;
			}
			#nav-icon span:nth-child(1) {top:0px;}
			#nav-icon span:nth-child(2) {top:12px;}
			#nav-icon span:nth-child(3) {top:24px;}
			#nav-icon.open span:nth-child(1) {top:12px;}
			#nav-icon.open span:nth-child(2) {
				opacity:0;
				left:-40px;
			}
			#nav-icon.open span:nth-child(3) {top:12px;}

		nav, nav:active {
			top:50px;
		}
	}

	@media screen and (max-width: 360px) {
		/* ANIMERET BURGER MENU */
			#nav-icon {
				width:30px;
				height:20px;
				top:5px;
			}
			#nav-icon span {
				height:5px;
				border-radius:5px;
			}
			#nav-icon span:nth-child(1) {top:0px;}
			#nav-icon span:nth-child(2) {top:10px;}
			#nav-icon span:nth-child(3) {top:20px;}
			#nav-icon.open span:nth-child(1) {top:10px;}
			#nav-icon.open span:nth-child(2) {
				opacity:0;
				left:-30px;
			}
			#nav-icon.open span:nth-child(3) {top:10px;}

		nav, nav:active {
			top: 35px;
		}
	}

	@media screen and (max-width: 320px) {
		nav, nav:active {
			top: 30px;
		}
	}