diff --git a/assets/css/flo.css b/assets/css/flo.css
index 2d5e476..a51b3c7 100644
--- a/assets/css/flo.css
+++ b/assets/css/flo.css
@@ -82,6 +82,7 @@
padding: 2rem;
align-items: center;
position: relative;
+ text-align: center;
}
.c-hero h1 {
@@ -98,10 +99,11 @@
.c-hero__right {
max-height: 440px;
overflow: hidden;
- position: absolute;
- right: 50px;
+ position: relative;
bottom: 0;
- display: none;
+ right: 0;
+ text-align: center;
+ margin-bottom: -30px;
}
.c-button {
@@ -114,10 +116,12 @@
font-size: inherit;
padding: 1rem 2rem;
display: block;
+ width: 100%;
}
.c-button--cta {
margin-top: 2rem;
+ margin-bottom: 3rem;
}
.c-hero img {
@@ -160,7 +164,6 @@
text-align: left;
padding: 2rem;
border: 1px solid #eee;
- border-radius: 10px;
background-color: #eee;
}
@@ -172,7 +175,7 @@
.c-card p {
font-size: 1rem;
- line-height: 1.5rem;
+ line-height: 1.8rem;
}
.c-hero--second {
@@ -217,6 +220,7 @@
font-family: inherit;
font-weight: bold;
margin-bottom: 0.5rem;
+ line-height: 2.5rem;
}
.c-faq p {
@@ -226,6 +230,7 @@
.c-section__title {
color: var(--primary-color);
margin-bottom: 10px;
+ line-height: 3.5rem;
}
.c-navbar a {
@@ -323,6 +328,25 @@
border-radius: 0px;
}
+ .c-hero {
+ padding: 4rem;
+ text-align: left;
+ }
+
+ .c-hero__right {
+ position: absolute;
+ right: 50px;
+ margin-bottom: 0;
+ }
+
+ .c-button {
+ width: initial;
+ }
+
+ .c-button--cta {
+ margin-bottom: 0;
+ }
+
.c-navbar__wrapper {
margin-top: -8rem;
}
@@ -355,7 +379,6 @@
margin: 0;
}
-
.c-navbar li {
padding: 0 2rem;
}
@@ -365,8 +388,8 @@
padding: 4rem;
}
- .c-hero__right {
- display: initial;
+ .c-card {
+ border-radius: 10px;
}
.c-section--flex {
diff --git a/src/_includes/layouts/flo.liquid b/src/_includes/layouts/flo.liquid
index 7c79c07..2e71794 100644
--- a/src/_includes/layouts/flo.liquid
+++ b/src/_includes/layouts/flo.liquid
@@ -12,7 +12,7 @@
-
+