/** For styling tiny bits to do with the Parallax effect on standard pages **/

#intro.full { height: 100%; position: relative; }
#intro.half { height: 50%; position: relative; }

.fullscreen, .content-a { width: 100%; height: 100%; overflow: hidden; }
.background { background-repeat: no-repeat; background-position: 50% 50%; background-position: 50% 50%\9 !important; }

.content-a { display: table; background-color: rgba(0,0,0,0.2); }
.content-b { display: table-cell; position: relative; vertical-align: middle; padding-top: 80px; }

.fs-holder { display: none; }

#block-fullscreen-title-content { text-align: center; width: 90%; margin: 0 auto; }
#block-fullscreen-title-content .views-field-title h1 { color: #ffffff; font-family: 'ssthin', sans-serif; font-size: 75px; line-height: 75px; letter-spacing: 3px; }
#block-fullscreen-title-content .views-field-field-cta a { display: inline-block; text-transform: uppercase;font-family: 'osbold', sans-serif; letter-spacing: 4px; font-size: 13px; color: #ffffff; border: 2px solid #52c0a7; border-radius: 3px; padding: 12px 25px; margin-top: 40px;
    background-color: #52c0a7; }

@media only screen and (max-width: 740px) {
    #block-fullscreen-title-content .views-field-title h1 { font-size: 65px; line-height: 65px; }
}

@media only screen and (max-width: 500px), screen and (max-height: 500px) { 
    #block-fullscreen-title-content .views-field-title h1 { font-size: 36px; line-height: 42px; }
}