@charset "utf-8";
/* CSS Document */

@media only screen and (max-device-width : 480px) {	

h1 {
	font-size: 40px;
    line-height: 50px;	
}

h2 {
	font-size: 30px;	
    line-height: 38px;	
}

h3 {
	font-size: 18px;
    line-height: 24px;	
}

h4 {
	font-size: 14px;
    line-height: 22px;	
}

.title-h2 {
	font-size: 30px;	
}

.title-h3 {	
	font-size: 18px;
}

.title-h4 {
	font-size: 14px;
}

	
	

/* Home */

#home-header {
	background-position: 60%;
}

#info-section {
	padding: 8% 10%;
}

#project-section-1, #project-section-3, #project-section-4, #project-section-5, #project-section-6, #project-section-7, #project-section-8, #project-web-1, #project-web-2, #project-web-3, #project-web-4, #project-web-5, #project-web-6, #project-web-7, #project-web-8 {
	height: 30%;
	background-position: 50%;
}
	
#project-section-2 {
	background-image: url("../img/neon_header_m.jpg");
	height: 30%;
	background-position: 75%;
}
	
.project-section-wrap {
	top: 5%;
	left: 10%;
	right: 30%;
}

.view-project-btn {	
	margin-top: 0;
}
	
#contact-section {
	padding: 4% 15%;
}

/* Home END*/


/* About */

.content-3 {
	padding-bottom: 10%;
}

/* About END*/


/* Work*/

#brief-section {
	padding: 4% 10%;
}

.videoWrapper {
	padding-bottom: 75%; 
}
	
#btn-wrap {
	margin: 5% 10%;
}
	
.mobile-wrap{
	top: 40%;		
}
	
/* Work END */
	
}