diff --git a/index.html b/index.html
index 7ed5da3..ced1505 100644
--- a/index.html
+++ b/index.html
@@ -19,6 +19,11 @@
body {
background: #eee;
+ max-width: 120rem;
+ }
+
+ .container-fluid {
+ max-width: 120rem;
}
nav h1 {
@@ -120,6 +125,107 @@
font-size: larger;
line-height: 200%;
}
+
+ @media (max-width: 48em) {
+ .navbar {
+ font-size: 150%;
+ padding: 1rem;
+ }
+
+ .navbar ul {
+ float: none !important;
+ }
+
+ .navbar .navbar-brand {
+ font-size: 2rem;
+ }
+
+ .navbar .navbar-brand + span {
+ font-size: 1.2rem;
+ line-height: 2rem;
+ opacity: 0.8;
+ display: block;
+ }
+
+ nav h1 {
+ line-height: 2rem;
+ /*font-size: ;*/
+ }
+
+ .container-fluid {
+ padding: 1rem !important;
+ }
+
+ .container-fluid p {
+ font-size: 1.2rem;
+ }
+
+ h3 {
+ font-size: 1em;
+ }
+
+ .trustedby {
+ margin-top: 2rem;
+ overflow: hidden;
+ }
+
+ .trustedby hr {
+ margin-bottom: 0;
+ }
+
+ .success-story {
+ float: none;
+ padding: 1rem;
+ width: 100%;
+ margin: 0;
+ margin-top: 1rem;
+ }
+
+ .success-story:nth-child(2n) {
+ width: 100%;
+ margin: 0;
+ margin-top: 1rem;
+ }
+
+ .success-story p {
+ font-size: 1rem;
+ }
+
+ .clearfix + hr {
+ margin-top: 1rem !important;
+ }
+
+ .pro {
+ margin-top: 1rem;
+ padding: 1rem;
+ }
+
+ .pro h1 {
+ font-size: 1.5rem;
+ }
+
+ .pro p {
+ font-size: 1rem;
+ }
+
+ .pro p small {
+ font-size: 1rem;
+ }
+
+ .pro ul {
+ padding-left: 1rem;
+ }
+
+ .pro li {
+ font-size: 0.9rem !important;
+ margin: 0;
+ }
+
+ h2 {
+ font-size: 1rem;
+ line-height: 1.5rem;
+ }
+ }
diff --git a/thank-you.html b/thank-you.html
index 5e3f00f..45f7f7d 100644
--- a/thank-you.html
+++ b/thank-you.html
@@ -120,6 +120,108 @@
font-size: larger;
line-height: 200%;
}
+
+
+ @media (max-width: 48em) {
+ .navbar {
+ font-size: 150%;
+ padding: 1rem;
+ }
+
+ .navbar ul {
+ float: none !important;
+ }
+
+ .navbar .navbar-brand {
+ font-size: 2rem;
+ }
+
+ .navbar .navbar-brand + span {
+ font-size: 1.2rem;
+ line-height: 2rem;
+ opacity: 0.8;
+ display: block;
+ }
+
+ nav h1 {
+ line-height: 2rem;
+ /*font-size: ;*/
+ }
+
+ .container-fluid {
+ padding: 1rem !important;
+ }
+
+ .container-fluid p {
+ font-size: 1.2rem;
+ }
+
+ h3 {
+ font-size: 1em;
+ }
+
+ .trustedby {
+ margin-top: 2rem;
+ overflow: hidden;
+ }
+
+ .trustedby hr {
+ margin-bottom: 0;
+ }
+
+ .success-story {
+ float: none;
+ padding: 1rem;
+ width: 100%;
+ margin: 0;
+ margin-top: 1rem;
+ }
+
+ .success-story:nth-child(2n) {
+ width: 100%;
+ margin: 0;
+ margin-top: 1rem;
+ }
+
+ .success-story p {
+ font-size: 1rem;
+ }
+
+ .clearfix + hr {
+ margin-top: 1rem !important;
+ }
+
+ .pro {
+ margin-top: 1rem;
+ padding: 1rem;
+ }
+
+ .pro h1 {
+ font-size: 1.5rem;
+ }
+
+ .pro p {
+ font-size: 1rem;
+ }
+
+ .pro p small {
+ font-size: 1rem;
+ }
+
+ .pro ul {
+ padding-left: 1rem;
+ }
+
+ .pro li {
+ font-size: 0.9rem !important;
+ margin: 0;
+ }
+
+ h2 {
+ font-size: 1rem;
+ line-height: 1.5rem;
+ }
+ }