start for the about section

This commit is contained in:
Tancre
2020-09-24 20:24:52 +02:00
parent 1916993990
commit 49cbef62df
9 changed files with 279 additions and 38 deletions

View File

@ -487,18 +487,21 @@ img {
.primary-nav a.is-current-link {
color: #fabb69; } }
.wrapper {
overflow: hidden;
padding-left: 18px;
padding-right: 18px;
max-width: 1300px;
margin-left: auto;
margin-right: auto; }
.wrapper--medium {
max-width: 976px; }
.btn {
background-color: #00ab00;
color: #fff;
text-decoration: none;
padding: .75rem 1.2rem;
display: inline-block;
border-radius: 30px; }
.btn--large {
padding: 1.1rem 1.9rem; }
@media (min-width: 530px) {
.btn--large {
font-size: 1.25rem; } }
.large-hero {
border-bottom: 10px solid white;
border-bottom: 10px solid orange;
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
position: relative; }
.large-hero__image {
@ -550,17 +553,97 @@ img {
.large-hero__description {
font-size: 1.875rem; } }
.btn {
background-color: #00ab00;
color: #fff;
text-decoration: none;
padding: .75rem 1.2rem;
display: inline-block;
border-radius: 30px; }
.btn--large {
padding: 1.1rem 1.9rem; }
@media (min-width: 530px) {
.btn--large {
font-size: 1.25rem; } }
.wrapper {
overflow: hidden;
padding-left: 18px;
padding-right: 18px;
max-width: 1300px;
margin-left: auto;
margin-right: auto; }
.wrapper--medium {
max-width: 976px; }
.page-section {
padding: 1.2rem 0; }
@media (min-width: 800px) {
.page-section {
padding: 4.5rem 0; } }
.page-section--no-b-padding-until-medium {
padding-bottom: 0; }
@media (min-width: 800px) {
.page-section--no-b-padding-until-medium {
padding-bottom: 4.5rem; } }
.page-section--no-b-padding-until-large {
padding-bottom: 0; }
@media (min-width: 800px) {
.page-section--no-b-padding-until-large {
padding-bottom: 4.5rem; } }
.page-section--blue {
background-color: blue;
color: #fff; }
.page-section--testimonials {
background: #e0e6ef; }
.row {
/* Begin Equal Height Rules */ }
.row::after {
content: "";
clear: both;
display: table; }
.row--t-padding {
padding-top: 80px; }
.row--gutters {
margin-right: -65px; }
.row--gutters-large {
margin-right: -100px; }
.row--gutters-small {
margin-right: -45px; }
.row--gutters > div {
padding-right: 65px; }
.row--gutters-large > div {
padding-right: 100px; }
.row--gutters-small > div {
padding-right: 45px; }
.row__b-margin-until-medium {
margin-bottom: 1rem; }
@media (min-width: 800px) {
.row__b-margin-until-medium {
margin-bottom: 0rem; }
.row__medium-4 {
float: left;
width: 33.33%; }
.row__medium-4--larger {
width: 37%; }
.row__medium-6 {
float: left;
width: 50%; }
.row__medium-8 {
float: right;
width: 66.66%; }
.row__medium-8--smaller {
width: 63%; } }
@media (min-width: 800px) {
.flexbox .row--equal-height-at-medium {
display: flex; } }
.flexbox .row--equal-height-at-medium > div {
float: none;
display: flex; }
@media (min-width: 800px) {
.flexbox .row--equal-height-at-large {
display: flex; } }
.flexbox .row--equal-height-at-large > div {
float: none;
display: flex; }
.generic-content-container p {
font-weight: 300;
line-height: 1.65;
margin: 0 0 1.8rem 0; }
@media (min-width: 530px) {
.generic-content-container p {
font-size: 1.125rem; } }
.generic-content-container p a {
font-weight: 700; }
/*# sourceMappingURL=style.css.map */

File diff suppressed because one or more lines are too long