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

/* .vertical-titles .quicklink-panels h2 { margin-bottom: 250px; font-size: 4.8em; } */
/* .section-list-wrap li { border-color: #fff; } */


.grid-titles-vcenter .quicklink-panels a { display: block !important; position: absolute !important; top: 0 !important; left: 0 !important; z-index: 10 !important; width: 100% !important; height: 100% !important; background: rgba(0,0,0,0.6) !important; }

.grid-titles-vcenter .quicklink-panels a:hover { background: rgba(0,0,0,0.8) !important; }

.grid-titles-vcenter .quicklink-panels h2 { position: absolute !important; padding-bottom: 0 !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 100% !important; text-align: center !important;  bottom: auto !important;}


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



/* 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)  {
	

}

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


}