@media (max-width: 767px) { body:after { content: 'phone'; display: none; height: 0px; width: 0px; } }
@media (min-width: 768px) and (max-width: 1024px) { body:after { content: 'tablet'; display: none; height: 0px; width: 0px; } }
@media (min-width: 1025px) and (max-width: 1299px) { body:after { content: 'desktop'; display: none; height: 0px; width: 0px; } }
@media (min-width: 1300px) { body:after { content: 'desktop-large'; display: none; height: 0px; width: 0px; } }
body.ipad:after { display: none; height: 0px; width: 0px; }
/* note: breakpoints in em ---------------------------- base font size to determine breakpoints - 16px useful pixel to em converter http://bradfrostweb.com/demo/ish/
-----------------------------------------------------*/
.overlay_header { position: relative; display: table; width: 100%; margin: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
/*.overlay_header_view {
position:absolute;
bottom:5px;
right:5px;
width:20px;
height:20px;
background-color: rgba(0,0,0,.5);
}
.overlay_header_view a {
display:block;
width:100%;
height:100%;
}*/
.overlay_header_cell { text-align: center; display: table-cell; vertical-align: middle; }
.overlay_header_cell > div { display: inline-block; background-color: #FFF; color: #00503C; }
.overlay_header h1, .overlay_header h2 { padding: 10px 5px; margin: 0; font-size: 2.8em; font-family: 'rg_titlebold', Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 28px; text-align: center; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: rgba(0, 80, 60, 0.5); }
/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) { .overlay_header { height: 10vh; max-height: 100px !important; } }
/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) { .overlay_header { height: 10vh; max-height: 100px !important; }
.overlay_header h1, .overlay_header h2 { padding: 6px; font-size: 1.5em; line-height: 16px; } }
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) { .overlay_header { height: 20vh; max-height: 200px !important; }
.overlay_header h1, .overlay_header h2 { padding: 8px; font-size: 1.8em; line-height: 18px; } }
/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .overlay_header { height: 15vh; max-height: 200px !important; }
.overlay_header h1, .overlay_header h2 { padding: 8px; font-size: 1.8em; line-height: 18px; } }
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .overlay_header { height: 20vh; max-height: 300px !important; }
.overlay_header h1, .overlay_header h2 { padding: 8px; font-size: 1.8em; line-height: 18px; } }
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1025px) { .overlay_header { height: 25vh; max-height: 300px !important; } }
/*# sourceMappingURL=overlayHeader.css.map */