/*
HOW TO USE:
Change “show: inherit;” to “show: none;” to cover a piece.
Change the “order” property to alter the order a piece seems on the web page.
Sections with lowest order will seem first. EG 1, 2, 3, 5, 10
E.G. The hero part beneath will probably be seen and will probably be displayed third.
#hero {
show: inherit;
order: 3;
}

The video part will probably be hidden so the order property for this part is ignored.
#video {
show: none;
order: 5;
}

Hex code cheat sheet:
Blue: #0076c0
Gentle Grey: #f3f3f3
Default Textual content Coloration: #222222
*/

#fluid {
background-color: #ffffff;
show: inherit;
order: 1;
}

#hero {
background: url(“https://placehold.it/3840×2458”) no-repeat heart heart;
show: inherit;
order: 2;
padding-bottom: 192px;
padding-top: 192px;
}

/*
Change hero overlay background-color to alter the colour on prime of the hero picture
Opacity modifications the transparency-level: 1 is just not clear in any respect, 0.5 is 50% see-through, and 0 is totally clear
*/
#hero .overlay {
background-color: #222222;
opacity: 0.3;
}

#headline {
background-color: #ffffff;
show: inherit;
order: 3;
}

#C6733 {
background-color: #ffffff;
show: inherit;
order: 4;
}

#C2 {
background-color: #ffffff;
show: inherit;
order: 5;
}

#C3 {
background-color: #ffffff;
show: inherit;
order: 6;
}

#C4 {
background-color: #ffffff;
show: inherit;
order: 7;
}

#C3367 {
background-color: #ffffff;
show: inherit;
order: 8;
}

#type {
background-color: #ffffff;
show: inherit;
order: 9;
}

#full-width-text {
background-color: #ffffff;
show: inherit;
order: 10;
}

#video {
background-color: #f3f3f3;
show: inherit;
order: 11;
}

.errors, .error {
coloration: purple;
}

.e-mail span.description {
font-size: bigger;
font-weight:daring;
font-style: italic;
}