@charset "UTF-8";


/* ============================ RESPONSIVE SECTION ============================ */



/******* LEVEL ONE - Desktop Narrow *******/
@media (max-width:1200px){

/* Header */
.title_section {
    font-size: 76px;
	padding-top: 20px;
    margin-left: -6px;
}
.title_section_smaller {
    font-size: 56px;
	padding-top: 100px;
    margin-left: -6px;
}
	
/* Projects */
.projects_container {
	padding-left: 60px;
	padding-right: 60px;
}
.more_projects_container {
	padding-left: 60px;
	padding-right: 60px;
}
.title_project_year {
}
.project_thumbnail_spacer_lengthA {
    width: 80px;
    height: 120px;
    margin-left: -60px;
}
.project_thumbnail_spacer_lengthB {
    width: 100px;
    height: 120px;
    margin-left: -80px;
}
.project_thumbnail_spacer_lengthC {
    width: 140px;
    height: 120px;
    margin-left: -80px;
}
.project_thumbnail_spacer_lengthD {
    width: 220px;
    height: 120px;
    margin-left: -80px;
}
	
}




/******* LEVEL TWO - Tablet Landscape *******/
@media (max-width:992px){
	
/* Header */
.title_section {
    font-size: 70px;
	padding-top: 20px;
    margin-left: -6px;
}
    
.title_section_smaller {
    font-size: 56px;
	padding-top: 100px;
    margin-left: -6px;
}

/* Projects */
.projects_container {
	padding-left: 40px;
	padding-right: 40px;
}
.more_projects_container {
	padding-left: 40px;
	padding-right: 40px;
}
.title_project_year {
    font-size: 76px;
    padding-bottom: 12px;
}
.project_thumbnail_spacer_lengthA {
    width: 40px;
    height: 120px;
    margin-left: -40px;
}
.project_thumbnail_spacer_lengthB {
    width: 40px;
    height: 120px;
    margin-left: -40px;
}
.project_thumbnail_spacer_lengthC {
    width: 40px;
    height: 120px;
    margin-left: -40px;
}
.project_thumbnail_spacer_lengthD {
     width: 40px;
    height: 120px;
    margin-left: -40px;
}
.project_thumbnail {
    max-height: 140px;
    margin-right: 0px;
    width: auto;
}
	
}






/******* LEVEL THREE - Mobile Landscape *******/
@media (max-width:768px){

/* Header */
.title_section {
    font-size: 80px;
	padding-top: 20px;
    line-height: 70px;
    margin-left: -6px;
}
    
.title_section_smaller {
    font-size: 60px;
	padding-top: 100px;
    line-height: 70px;
    margin-left: -6px;
}    
	
/* Projects */
.projects_container {
	padding-left: 30px;
	padding-right: 30px;
}
.more_projects_container {
	padding-left: 30px;
	padding-right: 30px;
}
.title_project_year {
    font-size: 74px;
    padding-bottom: 12px;
}
.project_thumbnail_spacer_lengthA {
    width: 30px;
    height: 103px;
    margin-left: -30px;
	margin-top: 17px;
}
.project_thumbnail_spacer_lengthB {
    width: 30px;
    height: 103px;
    margin-left: -30px;
	margin-top: 17px;
}
.project_thumbnail_spacer_lengthC {
    width: 30px;
    height: 103px;
    margin-left: -30px;
	margin-top: 17px;
}
.project_thumbnail_spacer_lengthD {
    width: 30px;
    height: 103px;
    margin-left: -30px;
	margin-top: 17px;
}
.project_thumbnail {
    max-height: 120px;
    margin-right: 0px;
    margin-left: -20px;
    padding-bottom: 20px;
    width: auto;
}
.project_hr_A {
    width: 40px;
    height: 12px;
    margin-top: 5px;
    margin-right: 15px;
}
.project_hr_B {
    width: 40px;
    height: 12px;
    margin-top: 5px;
    margin-right: 15px;
}
.project_single_name {
    font-size: 25px;
    min-height: 16px;
    line-height: 26px;
    padding-top: 13px;
 }

.project_single_client {
    font-size: 16px;
    line-height: 30px;
    min-height: 26px;
    line-height: 20px;
}
.client_spacer {
    font-size: 11px;
    padding-left: 6px;
    padding-right: 6px;
}
.project_single_type {
    font-size: 13px;
    min-height: 20px;
    line-height: 20px;
}

.project_single_link_container {
    min-height: 28px;
}


.project_single_link {
    font-size: 14px;
}

}





/******* LEVEL FOUR - Mobile Portrait *******/
@media (max-width:576px){
	
/* Header */
.title_section {
    font-size: 70px;
	line-height: 70px;
	padding-top: 10px;
    margin-left: -6px;
}
    
.title_section_smaller {
    font-size: 50px;
	line-height: 70px;
	padding-top: 60px;
    margin-left: -6px;
}
	
/* Projects */
.projects_container {
	padding-left: 26px;
	padding-right: 26px;
}
.more_projects_container {
	padding-left: 26px;
	padding-right: 26px;
}
.title_project_year {
    font-size: 74px;
    padding-bottom: 12px;
}
.project_thumbnail_spacer_lengthA {
    width: 26px;
    height: 86px;
    margin-left: -26px;
	margin-top: 14px;
}
.project_thumbnail_spacer_lengthB {
    width: 26px;
    height: 86px;
    margin-left: -26px;
	margin-top: 14px;
}
.project_thumbnail_spacer_lengthC {
    width: 26px;
    height: 86px;
    margin-left: -26px;
	margin-top: 14px;
}
.project_thumbnail_spacer_lengthD {
    width: 26px;
    height: 86px;
    margin-left: -26px;
	margin-top: 14px;
}
.project_thumbnail {
    max-height: 100px;
    margin-right: 0px;
    margin-left: -20px;
    padding-bottom: 40px;
    width: auto;
}
.project_hr_A {
    width: 20px;
    height: 11px;
    margin-top: 4px;
    margin-right: 12px;
}
.project_hr_B {
    width: 20px;
    height: 11px;
    margin-top: 4px;
    margin-right: 12px;
}
.project_single_name {
    font-size: 22px;
    min-height: 16px;
    line-height: 28px;
    padding-top: 10px;
    padding-bottom: 10px;
 }

.project_single_client {
    font-size: 16px;
    line-height: 40px;
    min-height: 23px;
    line-height: 18px;
    padding-bottom: 10px;
}
.client_spacer {
    font-size: 11px;
    padding-left: 4px;
    padding-right: 4px;
}
.project_single_type {
    font-size: 12px;
    min-height: 20px;
    line-height: 18px;
    padding-bottom: 10px;
}

.project_single_link_container {
    min-height: 23px;
}


.project_single_link {
    font-size: 14px;
}
}