|
* { |
|
box-sizing: border-box; |
|
} |
|
|
|
body { |
|
font-family: 'Source Sans Pro', sans-serif; |
|
font-size: 16px; |
|
} |
|
|
|
.container { |
|
width: 80%; |
|
margin: 0 auto; |
|
} |
|
|
|
.title { |
|
font-size: 40px !important; |
|
font-weight: 600 !important; |
|
line-height: 50px !important; |
|
letter-spacing: 0em; |
|
text-align: center; |
|
color: #374159 !important; |
|
} |
|
|
|
.subtitle { |
|
font-size: 2em !important; |
|
font-style: italic; |
|
font-weight: 400 !important; |
|
line-height: 40px !important; |
|
letter-spacing: 0em; |
|
text-align: center; |
|
color: #1d652a !important; |
|
} |
|
|
|
.overview-heading { |
|
font-size: 2em !important; |
|
font-weight: 600 !important; |
|
line-height: 40px !important; |
|
letter-spacing: 0em; |
|
text-align: left; |
|
} |
|
|
|
.overview-content { |
|
font-size: 22px !important; |
|
font-weight: 400 !important; |
|
line-height: 33px !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; |
|
} |
|
|
|
@media screen and (max-width: 768px) { |
|
.grid-container { |
|
display: block; |
|
} |
|
} |