@charset "UTF-8";

html {
  scroll-behavior: smooth;
}

body,html{
padding:0;
margin:0;
box-sizing: border-box;
}

section{
padding:0;
margin:0;
}

.inner{
margin:0 auto;
max-width:1024px;
width:auto;
padding:50px 0px;
display: flex;
align-items: center;
justify-content: center;
}

.flexwrap{
flex-wrap: wrap;
}

.innerinner{
margin:0 auto;
max-width:1024px;
width:auto;
padding:50px 20px;
display: flex;
align-items: flex-end;
justify-content: center;
flex-wrap: wrap;
}

.greybkg{
background-color:#f5f4fa;
}

.redgradbkg{
background: rgb(229,84,79);
background: linear-gradient(130deg, rgba(229,84,79,1) 0%, rgba(175,18,50,1) 100%);
color:#ffffff !important;
}

.bluegradbkg{
background: rgb(5,5,60);
background: linear-gradient(130deg, rgba(6,6,70,1) 0%, rgba(5,5,60,1) 100%);
color:#ffffff !important;
}

.minheight80vh{
min-height:80vh;
}

.whitetext{
color:#ffffff;
}

.halves{
width:50%;
display:inline-block;
}

.fifths{
width:20%;
display:inline-block;
margin: 0 auto;
}

.verticalaligntop{
vertical-align:top;
}

.thirds{
width:33%;
display:inline-block;
}

.twothirds{
width:67%;
display:inline-block;
}

.quarters{
max-width:25%;
display:inline-block;
}

.centeralign{
text-align:center;
}

ul,li{
margin-top:10px;
margin-bottom:10px;
}



.crack{
font-weight:700;
}

.button{
display:inline-block;
padding:23px 28px;
border-radius:4px;
background-color:#e6554f;
font-weight:bold;
color:#ffffff;
text-decoration:none;
text-align:center;
margin:20px auto;
width:auto;
}

.button, .button:hover{
transition: all 0.5s;
}

.buttonoutline{
padding:20px 25px;
background:none;
border: solid #e6554f 3px;
color:#e6554f;
}

.whitebuttonoutline{
border: solid #ffffff 3px;
color:#ffffff;
}

.bluebutton{
background-color:#000032;
}

.bluebuttonoutline{
border: solid #000032 3px;
color:#000032;
}

.button:hover, .buttonoutline:hover{
-webkit-box-shadow: 0px 0px 16px 5px rgba(230,85,79,0.1);
-moz-box-shadow: 0px 0px 16px 5px rgba(230,85,79,0.1);
box-shadow: 0px 0px 16px 5px rgba(230,85,79,0.1);
}

.bluebutton:hover, .bluebuttonoutline:hover{
-webkit-box-shadow: 0px 0px 16px 5px rgba(0,0,50,0.1);
-moz-box-shadow: 0px 0px 16px 5px rgba(0,0,50,0.1);
box-shadow: 0px 0px 16px 5px rgba(0,0,50,0.1);
}


.dropshadow{
-webkit-box-shadow: 0px 0px 16px 4px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 16px 4px rgba(0,0,0,0.1);
box-shadow: 0px 0px 16px 4px rgba(0,0,0,0.1);
}

body, p, a, button, h5, h6{
font-family: 'Open Sans', sans-serif;
font-weight:400;
line-height:1em;
}

p,li{
color:rgba(0,0,50,0.8);
}

.largep{
font-size:1.2em;
line-height:1.3em;
}

.eightypercentblue{
color:rgba(0,0,50,0.8);
}

.coraltext{
color:#E5554F !important;
}

.darkbluetext{
color:#000032 !important;
}

h1, h2, h3, h4{
font-family: 'Overpass', sans-serif;
line-height:1em;
color:#000032;
margin:10px 0 35px 0;
}

a{
text-decoration:none;
color:#000032;
}

a .fa{
color:#E5554F;
font-size:1.2em;
margin:0 10px 0 20px;
vertical-align:middle;
}

h1{
font-size:6rem;
}

h2{
font-size:4rem;
}

.superheader, .superheader a{
color:#e6554f;
text-transform:uppercase;
font-weight:700;
font-size:1.2em;
}

.largefont{
font-size:1.8em;
}

.orangeangle{
background-image:url(images/orangeangle.png);
background-position:bottom left;
}

.lightblueangle{
background-image:url(images/whiteangle_top.png);
background-color:rgba(11,8,134,0.05);
background-position:top center;
background-size:100% auto;
background-repeat:no-repeat;
padding-top:130px;
}

.nopaddingbottom{
padding-bottom:0 !important;
}

.greyangle{
background-image:url(images/greyangle.png);
background-position:top center;
}

.photobkg{
background-position:-50vw center;
transition:all 1s;
}

#section1{
background-image:url(images/BW1.jpg);
background-size:cover;
transition:all 2s;
}

.visible{
-background-position:center center;
-transition:all 2s;
}

#section7{
background-image:url(images/group.jpg);
background-size:cover;
background-position:center center;
}

#inner7 {
margin:0;
max-width:100%;
background-image:url(images/greysolid2.png);
background-size:cover;
background-position:-50vw center;
transition:all 2s;
background-repeat:no-repeat;
}

#inner7 h1{
opacity:0;
}

.visible #inner7 {
background-position:center center;
transition:all 2s;
}

.visible #inner7 h1{
opacity:1;
transition:all 2s;
transition-delay: 1s;
}

#section7.visible {
background-position:5vw center;
transition:all 2s;
}

#section8{
background-color: #ac1635;
}

#inner8{
max-width:100%;
margin:0;
background-image:url(images/phoneinhand.jpg);
background-size: cover;
background-size: auto 150%;
background-position:top center;
background-repeat:no-repeat;
opacity:0;
}

#inner8 h1,#inner8 p,#inner8 a{
opacity:0;
}

.visible #inner8 h1{
opacity:1;
transition:all 2s;
transition-delay: 0.5s;
}

.visible #inner8 p{
opacity:1;
transition:all 2s;
transition-delay: 1s;
}

.visible #inner8 a{
opacity:1;
transition:all 2s;
transition-delay: 1.5s;
}

.visible #inner8 {
background-size: auto 110%;
transition:all 2s;
opacity:1;
background-position:top center;
}


#inner9{
padding:50px 20px 0 20px;
}

#dodgyblocker{
background-color: #f3f2f9;
height:75px;
}


-#section9{
background-image:url(images/bottomblocker.jpg);
background-position:center bottom;
background-repeat: repeat-x;
background-size:auto;
background-attachment:scroll;
}

.figurescutout{
background-image:url(images/redhalves.png);
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
background-attachment:fixed;
max-width:241px;
margin:0 auto;
}

.figurescutout img{
max-width:100%;
height:auto;
}

#inner9 .quarters:nth-of-type(1) .figurescutout{

}

#inner9 .quarters:nth-of-type(2) .figurescutout{

}

#inner9 .quarters:nth-of-type(3) .figurescutout{

}

#inner9 .quarters:nth-of-type(4) .figurescutout{


}


#inner9 .quarters:nth-of-type(1),#inner9 .quarters:nth-of-type(2), #inner9 .quarters:nth-of-type(3), #inner9 .quarters:nth-of-type(4){
z-index: -9;
}


.counter-value{
display:inline;
}

.blockheadingsize{
font-size:3em;
}

.centeralign{
text-align:center;
}

.margincenter{
margin:0 auto;
}

#section10{
background-image:url(images/bw2.jpg);


background-repeat:no-repeat;
padding:0;



background-position: left 45vw top;
background-size:cover;

}

#inner10{
margin:0;
max-width:100%;
background-image:url(images/darkblueanglelong.png);
background-size:auto;
background-position:center top;
background-repeat:no-repeat;
padding-left:0;
padding-right:0;
}

#section11{
padding:0;
overflow:hidden;
}

#inner11{
margin:0;
max-width:100%;
background-image:url(images/darkblueanglelong2.png);
background-size:cover;
background-position:center bottom;
background-repeat:no-repeat;
padding:50px 0;
overflow:hidden;
}

#section11 .blurbkg{
filter: blur(15px);
-webkit-filter: blur(15px);
position:absolute;
width:100%;
height:120%;
background-image:url(images/meeting.jpg);
background-size:cover;
background-position:right top;
background-attachment:fixed;
z-index:-1;
background-color:#949494;
transition:all 1s;
margin-top:-25px;
box-sizing: border-box;
-webkit-transform: translate3d(0, 0, 0); with overflow:hidden;.
}

#section11.visible .blurbkg{
filter: blur(0);
-webkit-filter: blur(0);
transition:all 1s;
}

.windmilldiv{
background-color:#000032;
position:relative;
width:360px;
height:350px;
background-image:url(images/windmill.png);
overflow:hidden;
}

.millmiddle{
position:absolute;
z-index:99;
}

.props{
position:absolute;
z-index:9;
left:42px;
top:-10px;
}

.rotatewindmill {
animation: rotation 3s infinite linear;
}

@keyframes rotation {

from {

transform: rotate(0deg);

}

to {

transform: rotate(359deg);

}

}

#section0 .hbspt-form{
width:350px;
margin:0 auto;
max-width:100% !important;
}

.hs-input{
padding: 10px;
border: 0;
border-radius: 4px;
margin: 5px 0;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
width:300px;
max-width:100%;
}

label{
color:#ffffff;
margin-top:10px;
display:block;
}

.hs-button{
font-size: 1.2em;
border: solid #ffffff 3px;
color: #ffffff;
padding: 20px 25px;
background: none;
display: inline-block;
border-radius: 4px;
font-weight: bold;
text-decoration: none;
text-align: center;
margin: 20px auto;
width: auto;
line-height: 1em;
transition: all 0.5s;
cursor:pointer;
}

.hs-button:hover{
background:#ffffff;
color:#ad1635;
transition: all 0.5s;
}

#section12{
background-image:url(images/bookcasebkg.jpg);
background-size:auto 100%;
background-position:right 40vw bottom;
background-repeat:no-repeat;
padding:0;
}

#section12.visible {
background-position:right 35vw bottom;
transition:all 2s;
}

#inner12{
margin:0;
max-width:100%;
background-image:url(images/bookcaseforeground.png);
background-size:auto 100%;
background-position:right 60vw bottom;
background-repeat:no-repeat;
padding:0;
}



#section12.visible #inner12{
background-position:right 50vw bottom;
transition:all 2s;
}

#section12 .outerinner{
background-image:url(images/feintcoralbkg2.png);
background-position:top center;
background-size:100% auto;
background-repeat:no-repeat;
}

.paddinglr50{
padding-left:50px;
padding-right:50px;
}


.paddingr50{
padding-right:50px;
}

.paddingl50{
padding-left:50px;
}

.numberlosengecontainer{
display: flex;
  align-items: center;
  justify-content: center;
}

.numberlosenge{
opacity:0;
align-self: flex-start;
width:25%;
text-align:center;
padding:0 10px;
}

.numberlosenge img{
width:auto;
}

.numberlosenge p{
line-height:1.2em;
color:rgba(0,0,0,0.8);

}

.visible .numberlosenge:nth-of-type(1){
opacity:1;
transition:all 1.5s;
transition-delay: 0.75s;
}

.visible .numberlosenge:nth-of-type(2){
opacity:1;
transition:all 1.5s;
transition-delay: 1.5s;
}

.visible .numberlosenge:nth-of-type(3){
opacity:1;
transition:all 1.5s;
transition-delay: 2.25s;
}

.visible .numberlosenge:nth-of-type(4){
opacity:1;
transition:all 1.5s;
transition-delay: 3s;
}

#section9B{
background-image:url(images/feintcoralbkgtop.jpg);
background-position:center bottom;
background-size:100% auto;
background-repeat:no-repeat;
}

#inner9B{
padding-left:20px;
padding-right:20px;
}

.gaugesmalldiv{
background-image:url(images/redbkg.jpg);
background-position:center center;
background-size:cover;
width:68px;
height:360px;
background-position: center 360px;
background-repeat:no-repeat;
margin: 0 auto;
}

.visible .gaugesmalldiv{
background-position:center 0px;
transition:all 3s;
transition-delay: 0s;
}

.fontsizefourhalf{
font-size:4.5em;
}

.alignitemsstretch{
align-items: stretch;
}

.flexitemscenter {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}

.padding20landr{
padding-left:20px;
padding-right:20px;
}

.padding50tandb{
padding-top:50px;
padding-bottom:50px;
}

.padding75tandb{
padding-top:75px;
padding-bottom:75px;
}

select{
padding:10px;
border:1px solid #ccc;
border-radius:3px;
color;#CCC
}

.quizform .button, #resultsform .button{
border: none;
font-size:1em;
cursor:pointer;
}

#resultsform{
text-align:center;
margin-top:50px;
}

#resultsform input{
display:block;
margin:10px auto;
padding:15px 20px;
border:1px solid #ccc;
border-radius:4px;
min-width:350px;
}

#section8 #resultsform input{
display:block;
margin:15px 0;
}

.threelineminheight{
min-height:3em;
}

.marginbottom0{
margin-bottom:0;
}

.marginbottom10{
margin-bottom:10px;
}

.margintop10{
margin-top:10px;
}

.margintop25{
margin-top:25px;
}

.flexbasis100{
flex-basis: 100%
}

.hidethis{
display:none;
}

.revealthis{
display:block !important;
}

.aircraft .quarters{
border-radius:15px;
min-height:50%;
}

.aircraft .quarters:nth-of-type(1){
z-index:99;
-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.1);
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.1);
height:475px;
margin-left:-10px;
}



.aircraft .quarters:nth-of-type(2){
z-index:999;
-webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1);
box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1);
background-color:#ffffff;
height:500px;
margin-left:-10px;
}

.aircraft .quarters:nth-of-type(3){
z-index:9999;
-webkit-box-shadow: 0px 0px 16px 4px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 16px 4px rgba(0,0,0,0.1);
box-shadow: 0px 0px 16px 4px rgba(0,0,0,0.1);
background-color:#ffffff;
height:525px;
margin-left:-10px;
}

.aircraft .quarters:nth-of-type(4){
z-index:99999;
-webkit-box-shadow: 0px 0px 24px 8px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 24px 8px rgba(0,0,0,0.1);
box-shadow: 0px 0px 24px 8px rgba(0,0,0,0.1);
background-color:#ffffff;
height:550px;
margin-left:-10px;
}

.aircraft .quarters div{
padding:10px 25px;
}

.aircraft .quarters div h3{
}

#section5{
background: linear-gradient(45deg, rgba(255,129,0,1) 0%, rgba(219,59,0,1) 100%);
background:#ffffff;


}

#inner5{
margin:0;
max-width:100%;
background-image: url(images/darkblueanglelong_trans.png);
background-position: center top;
}

#section5 h3{
color:#e5554f;
margin-bottom:10px;
}

#section5 .quarters{
opacity:0;
margin-top:-50px;
margin-bottom:50px;
padding:5px 0;
}

#section5.visible .quarters:nth-of-type(1) ul li{
font-size:0.85em !important;
}

#section5.visible .quarters:nth-of-type(2) ul li{
font-size:0.9em !important;
}

#section5.visible .quarters:nth-of-type(3) ul li{
font-size:0.95em !important;
}

#section5.visible .quarters:nth-of-type(1){
opacity:1;
transition:all 1s;
margin-top:0px;
margin-bottom:0px;
background-color:#f7f7fb;
}

#section5.visible  .quarters:nth-of-type(2){
opacity:1;
transition:all 1s;
transition-delay: 0.5s;
margin-top:0px;
margin-bottom:0px;
background-color:#f9f9fc;
}

#section5.visible  .quarters:nth-of-type(3){
opacity:1;
transition:all 1s;
transition-delay: 1s;
margin-top:0px;
margin-bottom:0px;
background-color:#fcfcfd;
}

#section5.visible  .quarters:nth-of-type(4){
opacity:1;
transition:all 1s;
transition-delay: 1.5s;
margin-top:0px;
margin-bottom:0px;
background-color:#ffffff;
}

.aircraft ul {
list-style: none;
margin-left: 0;
padding: 0;
}

.aircraft ul li {
padding-bottom:15px;
padding-top:10px;
background-image:url(images/smalldivider.png);
background-position:center bottom;
background-repeat:no-repeat;
}

.aircraft ul li:last-of-type {
background-image:none;
}

#section6{
background-size:cover;
background-position:top-right;
background-attachment:fixed;
}

.visible #section6 {
background-size:cover;
background-position:top-right;
}

.nopaddingmargin{
padding:0;
margin:0;
}

.arrows{
background-image:url(images/arrows.png);
background-position:center 120px;
background-size:100% auto;
width:100%;
height:120px;
background-repeat:no-repeat;
margin:0 auto;
}

.visible .arrows{
background-position:center bottom -3px;
transition:all 1s;
}

.cassette{
max-width:350px;
width:100%;
height:auto;
margin:0 auto;
background-repeat:no-repeat;
}

.cassette img{
max-width:100%;
height:auto;
margin-bottom:10px;
}

.numbersup{
font-size:3.5em;
letter-spacing:-3px;
font-weight:700 !Important;
}

.numbersu .counter-value{
font-weight:700 !Important;
}

.padding25landr{
padding-left:25px;
padding-right:25px;
}

.padding50landr{
padding-left:50px;
padding-right:50px;
}

.padding50l{
padding-left:50px;
}

.padding50r{
padding-right:50px;
}

.padding75landr{
padding-left:75px;
padding-right:75px;
}

.turkwaztext{
color:#E5554F;
}

.fontsize08{
font-size:0.8em;
}

.fontsize1{
font-size:2em;
}

.fontsize15{
font-size:1.5em;
}

.fontsize2{
font-size:2em;
}

.fontsize3{
font-size:3em;
}

.fontsize4{
font-size:4em;
}

.fontsize5{
font-size:5em;
}

.orangeicons{
padding-left:150px;
background-position:top left;
background-repeat:no-repeat;
min-height:120px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin:10px;
}

.orangeicons:nth-of-type(1){
background-image:url(images/coinspileoff2.jpg);
}

.visible .orangeicons:nth-of-type(1){
background-image:url(images/coinspile2.gif);
transition:all 1s;
transition-delay: 0s;
}

.userscontainer {
padding:0 50px;
}

.orangeicons:nth-of-type(2){
background-image:url(images/watch.gif);
}

.orangeicons:nth-of-type(3){
background-image:url(images/lightbulb_thin.png);
}

.visible .orangeicons:nth-of-type(3){
background-image:url(images/lightbulb_thin_on.png);
transition:all 1s;
transition-delay: 5s;
}

.bluegraph, .bluegraphtext{
opacity:0;
}

.visible .bluegraphtext{
opacity:1;
transition:all 2s;
transition-delay: 1s;
}

.lineheight15{
line-height:1.5em;
}

.visible .bluegraph{
opacity:1;
transition:all 2s;
transition-delay: 2s;
}

header{
background-image:url(images/whiteblueangle.jpg);
background-position:left 15vw bottom;
background-repeat:no-repeat;
background-size:auto 100%;
}

.visible#header{
background-position:left 10vw bottom;
transition:all 2s;
}

#innerheader{
max-width:100%;
margin:0;
background-image:url(images/heroshape.png);
background-position:right -35vw bottom 100px;
background-repeat:no-repeat;
}

.visible #innerheader{
background-position:left 50vw bottom 100px;
transition:all 2s;
}

header .outerinner{
background-image:url(images/heroforeg_v2.png);
background-repeat:no-repeat;
background-size: auto 100%;
}

.visible#header .outerinner{
background-position:center bottom;
transition:all 2s;
}

.zellislogo{
margin-bottom:25px;
}

.starrr {
display: inline-block;
padding: 0 10px;
}

.starrr a {
font-size: 30px;
padding: 0 1px;
cursor: pointer;
color: #E5554F;
text-decoration: none;
}

.maxwidth1024{
max-width:1024px;
margin:0 auto;
}

.paddingbottom0{
padding-bottom:0;
}

.paddingtop10{
padding-top:10px;
}

#section0{
background-image:url(images/gradbluecorner.jpg);
background-position:center bottom;
}

.forceflex{
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}



.notextransform{
text-transform: none !important;
}

.leftalign{
text-align:left !important;
}

.padding10landr{
padding:0 10px !important;
}

@media only screen and (min-width: 1400px) {

header .outerinner{
background-position:right -300px bottom;
}

.visible#header .outerinner{
background-position:right -100px bottom;
}

}

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

.numberlosenge img{
width:100px;
height:auto;
}

#section5 .quarters li {
font-size:0.8em !important;
}

#section5 .quarters {
padding: 0 0 25px 0px;
}

.innerinner {
align-items: start;
}

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

.aircraft .quarters{
height:auto !important;
}

}



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

.fontsizefourhalf{
font-size:2em;
}

#section5 .quarters li {
font-size:1em !important;
}

h1 {
font-size: 4rem;
}

h2 {
font-size: 2.5rem;
}

h1, h2, h3, h4 {
margin: 10px 0 15px 0;
}

p{
font-size:1.2em;
line-height:1.5em;
margin:5px 0;
}

.padding75tandb {
padding-top: 0;
padding-bottom: 0;
}

#section3 p {
margin-top:50px;
}

#section3 p a{
display:block;
margin:10px 0;
}

#section0{
padding:40px 20px;
background-size:cover;
}

.inner{
display:block;
width: auto;
padding: 0;
}

.innerinner{
padding: 0;
width:auto;
display:block;
}

.halves, .thirds, .quarters, .twothirds, .fifths{
width:100%;
display:block;
}

.padding50l {
padding-left:0;
}

.padding50r, .paddingr50 {
padding-right:0;
}

.minheight80vh{
min-height:auto;
}

.flexitemscenter {
}

.fontsize3{
font-size:2em;
}

.orangeicons{
padding:0;
padding-top:120px;
background-position: center top;
}

.numberlosengecontainer {
display: flex;
flex-wrap: wrap;
}

.numberlosenge{
max-width: 50%;
width:50%;
padding: 0;
}

.bluegraph{
max-width: 100%;
display: block;
margin: 0 auto;
}

#inner7 .innerinner{
padding:420px 20px 40px;
width:auto;
}

#inner8{
background-position: bottom left;
background-repeat:no-repeat;
padding-bottom:400px;
background-color:#ac1635;
background-position: bottom left;
}

.visible #inner8{
background-size: 150vw auto;
background-position: bottom left;
}

#inner8 .innerinner{
padding:20px;
}

#section3{
padding:40px 20px;
}

#inner7, .visible #inner7 {
background-image: url(images/greysolid_rotated.png);
background-size: auto;
background-position: top -150px left;
}

#section7 {
background-position: right -200px top -150px;
background-size: auto 600px;
}

#section7.visible {
background-position: right top -150px;
background-size: auto 600px;
}

#section12 .outerinner {
background-size: auto auto;
background-position:right bottom;
}

#section12, #inner12 {
background:none;
}

#inner12{
padding:40px 20px;
}

#section9B{
background:none;
padding:20px;
}

.forcefiddy{
width:50%;
}

.forceflex{
padding:25px 0;
}

.alignleftonmobile{
text-align:left;
}

.userscontainer {
padding:0;
}

.windmillcontainer, .userscontainer {
background-color: #000032;
padding:225px 0px 40px;
-webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 250px, 100% 0, 100% 100%, 0 100%);
}

.windmillcontainer h3, .userscontainer h3, .windmillcontainer p, .userscontainer p {
padding:0 20px;
}

.blockheadingsize{
font-size:2em;
}

#section10 {
background-size: auto 450px;
background-position: center top;
}

#inner10 {
background-image: none;
}

.aircraft .quarters {
width:auto !important;
height: auto !important;
margin: 40px 0 !important;
min-height:0;
display:block;
}

#inner5{
padding:40px 20px;
background-size: cover;
}

#section5 .quarters{
max-width:100%;
}

#section5.visible .quarters:nth-of-type(1){
transition-delay: 0s;
}

#section5.visible  .quarters:nth-of-type(2){
transition-delay: 0.5s;
}

#section5.visible  .quarters:nth-of-type(3){
transition-delay: 1s;
}

#section5.visible  .quarters:nth-of-type(4){
transition-delay: 1.5s;
}

.windmillcontainer p{
text-align:center;
}

#inner11 {
background-image:none;
padding:0;
}

.userscontainer {
margin-top:150px;
}

#inner9{
display:flex;
padding:20px;
}

#inner9 .quarters{
width:50%;
}

#dodgyblocker {
height: 60px;
}

#section6 .inner{
padding:40px 20px;
}

#section6 .inner .halves{
width:50%;
}

.starrr{
margin-top:25px;
}

header .outerinner{
background-size:auto 600px;
background-position: right -300px bottom -50px;
}

header .inner{
padding:40px 20px 550px;
background-size: 130% auto
}

.visible#header .outerinner {
background-position: right -150px bottom -50px;
}

.fontsize4 {
font-size: 2.5em;
}

#innerheader {
background-position: left center -150px;
}

.visible #innerheader {
background-position: right center -150px;
}

#header {
background-position: right -100px bottom -200px;
}

.visible#header {
background-position: right bottom -200px;
}


.arrows{
width:300px;
height:100px;
margin:0 auto;
background-size:cover;
}

.cassette{
width:300px;
height:auto;
margin:0 auto;
background-size:cover;
}

.numbersup {
text-align: center !important;
margin-top:-25px;
padding-top:0;
margin-bottom:25px;
}

.centeralignonmobile{
margin:0 auto !important;
display: block;
}

#section9 .quarters{
max-width: 100%;
mix-blend-mode: multiply;
}

#resultsdiv{
padding:20px;
}

#resultsform input {
width:auto;
min-width: 250px;
}

.lightblueangle{
padding-top:50px;
}

}

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

.visible #inner8{
background-size: 250% auto !important;
background-position: left -100px bottom;
}

}