/* font-family: 'Nunito', ;
font-family: 'Montserrat', ; */
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Montserrat', sans-serif;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);    /* Got this from https://css3gen.com/text-shadow/*/
  font-size: 1.15em;
}

h1, h2, h3, h4, h5, h6, navbar-brand {
  font-family: 'Quicksand', sans-serif;
}

.navbar {
  background-color: #44D9E6;
}

.navbar-brand {
  width: 50px;
  height: 50px;
  margin-left: 5px;
}

.btn {
  background-color: #3EC6D2;
  color: white;
  border: solid 2px #36AAB5;
}
/* Used code from https://www.youtube.com/watch?v=9Yg3PWTgso4   */
.hero {
  background-image: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)), url(../images/dentist-picture.jpg);
  height: 80vh;
  background-size: cover;
}

.hero-btn {
  margin: 1.25em;
}

.main-header {
  font-size: 4rem;
  color: white;
}

/* ABOUT SECTION */
.about-header {
  text-align: center;
  padding: 5em;
}

.about-content {
  margin: 0 5%;
  border-style: none;
}
/* SERVICES SECTION */
.services-header {
  text-align: center;
  padding: 5em;
}
.services-cards {
  padding-bottom: 3em;
  border-radius: none;
}

.services-icon {
  color: blue;
}

.icons {
  color: #FFF;
  margin: 5px;
}


.hero-content {
  text-align: center;
  padding-top: 12em;
}

  /* TESTIMONIALS SECTION */
.testimonials {
  background-color: #EFEFEF;
  padding-bottom: 3em;
}

.testimonials-header {
  text-align: center;
  padding: 5em 2em;
}

.testimonial-text {
  margin: 0 30%;
  font-size: 1.15em;
}

.testimonial-name {
  text-align: right;
}

/* CONTACTS SECTION */
.contact-header {
  text-align: center;
  padding: 5em 2em;
}

.contact-icon {
  text-align: center;
}

/* FOOTER STYLES */
footer .card {
  border: none;
}

footer {
  padding: 2em;
  background-color:#44D9E6;
  }