
/* Homepage
--------------------------------------------------------------------------------------- */

/* .vertical-titles .quicklink-panels h2 { margin-bottom: 250px; font-size: 4.8em; } */


/* Secondary Pages
--------------------------------------------------------------------------------------- */

.image-project-wrap .left { padding-right: 5px; width: 50%; padding-bottom: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.image-project-wrap .right { padding-left: 5px; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.image-project-wrap .left.full { width: 100%; padding-right: 0 !important; }

.four-column .panel { float:left; display:inline; width: 20%; margin-right: 6.66666666667%;}
.four-column .panel.last { margin-right: 0%;}

.page_full { max-width: 1640px; margin-left: auto; margin-right: auto;}
.archive .page_full { max-width: 100% !important;}

.page-navigation p {text-align: center; letter-spacing: 0; font-weight: 600; margin: 12vh 0 0 0; line-height: 1em; font-size: 1.6em; }
.page-navigation p a { font-weight: 600; text-decoration: none; }
.page-navigation p span { margin: 0 10px;}
.page-navigation p a:hover { color: #999; text-decoration: none;}


/* Media Queries
--------------------------------------------------------------------------------------- */


/* Desktops and laptops ----------- */

@media only screen
and (max-height : 1440px) {


}

@media only screen
and (max-height : 1100px) {


}

@media only screen
and (max-height : 900px) {


}

@media only screen
and (max-height : 800px) {


}

@media only screen
and (max-height: 540px) {


}


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


}


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


}


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


}



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


}

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

}


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


}

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


}


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


}



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


}

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


}

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


}

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


}

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


}

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


}


/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {


}

@media screen and (min-width:320px) and (max-width:780px) and (orientation:landscape) {


}

@media only screen
and (max-width : 501px) and (orientation:portrait)  {
	

    .image-project-wrap .left { padding-right: 0; width: 100%; }
	.image-project-wrap .right { padding-left: 0; width: 100%; }
	.image-project-wrap .left.full { width: 100%; padding-right: 0 !important; }

	.four-column .panel.second { float:left; display:inline; width: 45%; margin-right: 10%;}
	.four-column .panel.alt-second { margin-right: 0%;}

	.page-navigation p { margin: 6vh 0 0 0; }

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {


}
