first

css/styles.css

@@ -1,27 +1,42 @@
 body {
-  font-family: 'Montserrat', sans-serif;
-  text-align: center;
+    font-family: 'Montserrat', sans-serif;
+    text-align: center;
 }
 
+
 /* Headings */
+
 .big-heading {
-  font-family: 'Montserrat-Black';
-  font-size: 3.5rem;
-  line-height: 1.5;
+    font-family: 'Montserrat-Black';
+    font-size: 3.5rem;
+    line-height: 1.5;
+}
+
+.big-heading-2 {
+    font-family: 'Montserrat-Black';
+    font-size: 2.0rem;
+    line-height: 1.5;
+    padding-top: 80px;
 }
 
 .container-fluid {
-  padding: 7% 15%;
+    padding: 7% 15%;
 }
 
+
 /* Sections */
+
+.colored-section#title {
+    background-image: url("images/biking.jpg");
+}
+
 .colored-section {
-  background-color: #ff4c68;
-  color: #ffffff;
+    background-color: #ff4c68;
+    color: #ffffff;
 }
 
 .white-section {
-  background-color: #ffffff;
+    background-color: #ffffff;
 }
 
 h1,
@@ -30,144 +45,165 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: 'Montserrat-Bold';
+    font-family: 'Montserrat-Bold';
 }
 
 h3 {
-  font-size: 1.5rem;
+    font-size: 1.5rem;
 }
 
 p {
-  color: #8f8f8f;
+    color: #8f8f8f;
 }
 
+
 /* navigation bar */
+
 .navbar {
-  padding: 0 0 4.5rem;
+    padding: 0 0 4.5rem;
 }
 
 .section-heading {
-  font-size: 3rem;
-  line-height: 1.5;
+    font-size: 3rem;
+    line-height: 1.5;
 }
 
 .navbar-brand {
-  font-family: 'Ubuntu', sans-serif;
-  font-size: 2.5rem;
-  font-weight: bold;
+    font-family: 'Ubuntu', sans-serif;
+    font-size: 2.5rem;
+    font-weight: bold;
 }
 
 .navbar-item {
-  padding: 0px 18px;
+    padding: 0px 18px;
 }
 
 .navbar-link {
-  font-size: 1.2rem;
-  font-family: 'Montserrat-light', sans-serif;
+    font-size: 1.2rem;
+    font-family: 'Montserrat-light', sans-serif;
 }
 
+
 /* Download Buttons */
+
 .download-btn {
-  margin: 5% 3% 5% 0;
+    margin: 5% 3% 5% 0;
 }
 
+
 /* Title Section */
+
 #title .container-fluid {
-  padding: 3% 15% 7%;
-  text-align: left;
+    padding: 3% 15% 7%;
+    text-align: left;
 }
 
+
 /* Title Image */
+
 .title-image {
-  width: 60%;
-  transform: rotate(25deg);
-  position: absolute;
-  right: 30%;
+    width: 60%;
+    transform: rotate(25deg);
+    position: absolute;
+    right: 30%;
 }
 
+
 /* Features section */
+
 #features {
-  position: relative;
-  z-index: 1;
+    position: relative;
+    z-index: 1;
 }
 
 .feature-title {
-  font-size: 1.5rem;
+    font-size: 1.5rem;
 }
 
 .feature-box {
-  padding: 4%;
+    padding: 4%;
 }
 
 .feature-icon {
-  color: #ef8172;
-  margin-bottom: 1rem;
+    color: #ef8172;
+    margin-bottom: 1rem;
 }
 
 .feature-icon:hover {
-  color: #ff4c68;
+    color: #ff4c68;
 }
 
+
 /* testimonial section */
+
 #testimonials {
-  background-color: #ef8172;
+    background-color: #ef8172;
 }
+
 .testimonial-text {
-  font-size: 3rem;
-  line-height: 1.5;
+    font-size: 3rem;
+    line-height: 1.5;
 }
 
 .testimonial-img {
-  width: 10%;
-  border-radius: 100%;
-  margin: 20px;
+    width: 10%;
+    border-radius: 100%;
+    margin: 20px;
 }
 
-.carousel-item {
-}
+.carousel-item {}
+
 
 /* Press section */
+
 #press {
-  background-color: #ef8172;
-  padding-bottom: 3%;
+    background-color: #ef8172;
+    padding-bottom: 3%;
 }
 
 .press-img {
-  width: 15%;
-  margin: 20px 20px 50px;
+    width: 15%;
+    margin: 20px 20px 50px;
 }
 
+
 /* Pricing Section */
+
 #pricing {
-  padding: 100px;
+    padding: 100px;
 }
 
 .price-text {
-  font-size: 3rem;
-  line-height: 1.5;
+    font-size: 3rem;
+    line-height: 1.5;
 }
 
 .pricing-col {
-  padding: 3% 2%;
+    padding: 3% 2%;
 }
 
+
 /* CTA Section */
 
+
 /* Footer section */
-#footer {
-}
+
+#footer {}
 
 .social-icon {
-  margin: 20px 10px;
+    margin: 20px 10px;
 }
 
 @media (max-width: 1028px) {
-  #title {
-    text-align: center;
-  }
-
-  .title-image {
-    position: static;
-    transform: rotate(0);
-  }
+    #title {
+        text-align: center;
+    }
+    .title-image {
+        position: static;
+        transform: rotate(0);
+    }
 }
+
+.colored-section#title {
+    background-image: url("images/biking.jpg");
+}