Digitizer Basics Webinar Part 1

/*
HOW TO USE:
Change “show: inherit;” to “show: none;” to cover a bit.
Change the “order” property to alter the order a bit 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 likely be seen and will likely be displayed third.
#hero {
show: inherit;
order: 3;
}

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

Hex code cheat sheet:
Blue: #0076c0
Light Gray: #f3f3f3
Default Text Color: #222222
*/

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

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

/*
Change hero overlay background-color to alter the colour on high of the hero picture
Opacity modifications the transparency-level: 1 will not be 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 {
colour: purple;
}

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