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

#intro.full { position: relative; height: 840px; min-height: 840px; }
#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; }
.content-b { display: table-cell; position: relative; vertical-align: middle; }
.content-b::before { content: ''; display: block; position: absolute; bottom: -100px; left: 0; height: 120px; width: 80%;
    transform: skewY(3deg); transform-origin: 100%;
    background: inherit; background-color: #ffffff; }
.content-b::after { content: ''; display: block; position: absolute;bottom: -50px; right: 0;  height: 120px;width: 100%;
    transform: skewY(-3deg); transform-origin: 100%;
    background: inherit; background-color: #ffffff;  }

.fs-holder { display: none; }