@CHARSET "UTF-8";

@media (min-width: 320px) {
	header {
		padding: 20px 0 60px 0;
	}
		header h1 {
			font-size: 34px;
			font-weight: bold;
			color: #fff;
			text-shadow: 1px 1px 1px #aaa;
			line-height: 50px;
		}
		header h1 > span{
			color: #4D4D4D;
		}
		header p {
			font-size: 20px;
			line-height: 1.8em;
			color: #fff;
			text-shadow: 1px 1px 1px #aaa;
			margin-top: 40px;
		}
    .my-works {
	    padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 80px;
	}
    	.my-works h3 {
			font-size: 26px !important;
		}
	#essentials {
	    padding-left: 25px;
		padding-right: 25px;
		padding-top: 40px;
		padding-bottom: 60px;
		font-size: 22px;
	}
	    #essentials h3 {
			font-size: 26px !important;
		}
}
@media (min-width: 767px) {
	header {
		padding: 52px 0;
	}
		header h1 {
			font-size: 45px;
		}
		header p {
			font-size: 20px;
		}
    .my-works h3 {
		font-size: 30px !important;
	}	
	#essentials h3 {
		font-size: 30px !important;
	}
}