.color-primary {
  color: #657a82 !important;
}

.color-secondary {
  color: #818285 !important;
}

/* Override tailwind.css padding for main content */
main.main-content {
  padding-left: 4.25rem !important; 
  padding-right: 4.25rem !important;
}

@media (max-width: 768px) {
  main.main-content {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

p.paragraph {
  margin-bottom: 0 !important;     
  text-indent: 1.5rem !important;      
  font-size: 1.28rem !important;      
  line-height: 2rem !important; 
  font-weight: 400 !important; 
}

p.first-paragraph::first-letter {
  font-size: 5.5rem !important;       
  font-weight: 400 !important;       
  float: left !important;
  margin-right: 0.25rem !important;  
  line-height: 1 !important;
}

p.first-paragraph {
  margin-bottom: 0 !important;     
  font-size: 1.28rem !important;      
  line-height: 2rem !important;      
  font-weight: 400 !important; 
}

p.first-answering {
  margin-bottom: 0 !important;     
  font-size: 1.28rem !important;      
  line-height: 2rem !important;      
  font-weight: 400 !important;
}

/* Mobile responsive - smaller font-size on mobile devices */
@media (max-width: 768px) {
  p.paragraph,
  p.first-paragraph,
  p.first-answering {
    font-size: 1rem !important;
    line-height: 1.6rem !important;
  }
}


/* Quote styling */
.quote {
  padding: 20px 20px 0 20px;
}

.co {
  color: #ff5a55;
}

blockquote {
  font-size: 25px;
  margin: 0px 7px auto;
  padding: 0 20px;
  color: #657a82;
  text-align: center;
}

@media (max-width: 600px) {
  .quote {
    padding: 20px 0 20px 0;
  }

  blockquote {
    font-size: 25px;
  }
}