mirror of
https://github.com/biobulkbende/biobulkbende.org.git
synced 2025-10-19 10:16:31 +00:00
start for the about section
This commit is contained in:
@ -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
Reference in New Issue
Block a user