h1 Heading
h1 {
font-size: 62px;
line-height: 68px;
color: #FFFFFF;
font-weight: 700; }
h2 Heading
h2 {
color: #104970;
font-size: 40px;
line-height: 50px; }
h3 Heading
h3 {
font-size: 32px;
line-height: 68px;
color: #FFFFFF; }
h4 Heading
h4 {
color: #002247;
font-size: 22px;
font-weight: 700;
line-height: 34px; }
h5 Heading
h5 {
color: #002247;
font-size: 17px;
font-weight: 700;
line-height: 28px; }
h6 Heading
wedge-title
.wedge-title {
color: #FFFFFF;
font-size: 50px;
font-weight: 700;
line-height: 59px;
}
service-heading
.service-heading {
color: #104970;
font-size: 40px;
font-weight: 700;
line-height: 50px;
}
program-title
.program-title {
color: #DE7B43;
font-size: 38px;
font-weight: 700;
line-height: 50px;
}
program-subtitle
.program-subtitle {
color: #0D2B52;
font-size: 18px;
font-weight: 600;
line-height: 24px;
}
intro-paragraph
p.intro {
font-size: 22px;
line-height: 39px;
}
paragraph
p {
font-size: 17px;
line-height: 28px; }
Colors:
text #6B6B6B
bluetext #104970
success #48D2A0
error #F54B5E
blue #002247
lightblue #205389
orange #D96727
lightorange #DF976E
bluegrey #E5E8EC
grey #E3E3E3
lightgrey #B2C0C9
$colors: ('text': #6B6B6B, 'bluetext': #34495E, 'success': #48D2A0, 'error': #F54B5E, 'blue': #002247, 'lightblue': #205389, 'orange': #D96727, 'lightorange': #DF976E, 'white': #FFFFFF, 'bluegrey': #E5E8EC, 'grey': #E3E3E3, 'lightgrey': #B2C0C9);
Select Option
Option 1
Option 2
Option 3
Option 4
Option 5
Option 6
Option 7
Option 8
Option 9
Option 10
Select Option
Option 1
Option 2
Option 3
Option 4
Option 5
Option 6
Option 7
Option 8
Option 9
Option 10
Blue Button
Blue Button
Orange Button
Orange Button
White Button
White Button