|
* { |
|
box-sizing: border-box; |
|
} |
|
|
|
body { |
|
font-family: 'Source Sans Pro', sans-serif; |
|
font-size: 16px; |
|
} |
|
|
|
.container { |
|
width: 100%; |
|
margin: 0 auto; |
|
} |
|
|
|
.title { |
|
font-size: 24px !important; |
|
font-weight: 600 !important; |
|
letter-spacing: 0em; |
|
text-align: center; |
|
color: #374159 !important; |
|
} |
|
|
|
.subtitle { |
|
font-size: 24px !important; |
|
font-style: italic; |
|
font-weight: 400 !important; |
|
letter-spacing: 0em; |
|
text-align: center; |
|
color: #1d652a !important; |
|
padding-bottom: 0.5em; |
|
} |
|
|
|
.overview-heading { |
|
font-size: 24px !important; |
|
font-weight: 600 !important; |
|
letter-spacing: 0em; |
|
text-align: left; |
|
} |
|
|
|
.overview-content { |
|
font-size: 14px !important; |
|
font-weight: 400 !important; |
|
line-height: 30px !important; |
|
letter-spacing: 0em; |
|
text-align: left; |
|
} |
|
|
|
.content-image { |
|
width: 100% !important; |
|
height: auto !important; |
|
} |
|
|
|
.vl { |
|
border-left: 5px solid #1d652a; |
|
padding-left: 20px; |
|
color: #1d652a !important; |
|
} |
|
|
|
.grid-container { |
|
display: grid; |
|
grid-template-columns: 1fr 2fr; |
|
gap: 20px; |
|
align-items: flex-start; |
|
margin-bottom: 0.7em; |
|
} |
|
|
|
.grid-container:nth-child(2) { |
|
align-items: center; |
|
} |
|
|
|
@media screen and (max-width: 768px) { |
|
.container { |
|
width: 90%; |
|
} |
|
|
|
.grid-container { |
|
display: block; |
|
} |
|
|
|
.overview-heading { |
|
font-size: 18px !important; |
|
} |
|
} |
|
|
