* {
   box-sizing: border-box;
 }

body {
   background: #f4f8ff;
   font-family: "Nunito", sans-serif;
}

.blurb h2 {
   color: #39393a;
   font-weight: 100;
   font-size: 2.5rem;   
}

.blurb p {
   color: gray;
   font-weight: 100;
   font-size: 1.025rem;
   line-height: 2;
   padding: 0 20px;
}

.content  {
   margin-top: 100px;
   margin-bottom: 100px;
}

.navbar.scrolled {
   background: #39393a;	
   opacity: 0.75;
   transition: background 500ms;
}

.smooth-scroll:hover {
   cursor: pointer;
}

.call-to-action {
   margin-top: 100px;
}

.contact-link {
   color: #3b3d3f;
   transition: all 0.3s;
}

.contact-link:hover {
   color: #16bcae;
}

.footer-link {
   color: #16bcae;
   text-decoration: none;
   transition: all 0.3s;
}

.footer-link:hover {
   color: #39393a;
}

.row {
   margin-left: 0;
   margin-right: 0;
}

.swiper-slide {
   text-align: center;
   display: flex;
   justify-content: center;
   height: auto;
   margin-bottom: 40px;
}

.swiper-pagination-bullet-active {
   background-color: #39393a;
}

.ul-style li {
   list-style: none;
   padding: 0 20px;
}

#logo {
   width: 30px;
   height: 25px;
}

#hero {
   background: url("../images/wall.png") center center; 
   background-size: cover;
   background-repeat: no-repeat;
   height: 40rem;
}

#founder img { 
   width: 300px; 
   height: 300px;
   border-radius: 50%;
}

#main-navbar {
   font-size: 1.125rem;
   font-weight: 75;
}

#main-navbar .nav-link {
   color: #9a9ca0;
}

#main-navbar .nav-link:hover {
   color: lightgreen;
}

#swiper-container-founder {
   height: 400px;
   margin: 20px auto;
   background-color: transparent;
}

@media (max-width: 768px) {
   .navbar {
      background: #39393a;	
      opacity: 0.95;
      transition: background 500ms;
    }

   .nav-link {
      font-size: 0.8em;      
   }

    .blurb p {
      line-height: 1.2;
      padding: 0 10px;
   }

   .ul-style li {
      padding: 0 10px;
   }
   
    #hero h1 {
      font-size: 2.5rem;
   }
   
   #hero p {
      font-size: 1.25rem;
   }

   #founder img { 
      width: 200px; 
      height: 200px;
   }

   #swiper-container-founder {
      height: 300px;
   }
}

@media (max-width: 900px) 
   and (orientation: landscape) {
   .nav-link {
      font-size: 0.8em;      
   }
   
   .call-to-action {
      margin-top: initial;
   } 
}