/* 
  Fibbonaci numbers:
  0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89
  144, 233, 377, 610

  Colours:
  Pink
  #e7aea5

  Brown
  #cca996

  Yellow
  #d7a37b

  Background
  #f5e9dd
*/

h1 {
  font-size: 3.5rem;
}

.carousel-item>img {
  position: absolute;
  top: 50%;
  left: 50%;
}

main {
  padding-top: 56px;
  margin-bottom: 50px;
}

.half-height {
  height: 610px !important;
}

.row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.rounded {
  border-radius: 1rem !important;
}

.headshot {
  align-self: center;
  padding: 50px 0 50px 0;
  width: 100%;
  height: calc(100% - 6.25rem);
  object-fit: cover;
}

.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}

.marketing .col-lg-4 p {
  margin: 0 .75rem 0 .75rem;
}

body {
  text-align: center;
  font-family: Mukta, Arial;
}

.fancy-font {
  font-family: playfair display, serif !important;
}

.title-font {
  color: black;
}

.container-content {
  padding-top: 50px;
  padding-bottom: 50px;
}

.row-content-left {
  text-align: left;
  margin-top: 100px;
}

.row-content-right {
  text-align: left;
  margin-bottom: 100px;
}

form {
  text-align: left;
}

.btn-form {
  text-align: center;
}

.background-standard {
  background-color: #f5e9dd;
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.background-yellow {
  background-color: #d7a37b;
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.background-brown {
  background-color: #cca996;
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.background-pink {
  background-color: #ffe9de;
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.background-dark-pink {
  background-color: #ffb19a;
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.td-whitespace {
  width: 10px;
}

.bold {
  font-weight: bold !important;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.icon {
  width: 40px;
}

.no-margin {
  margin: 0px !important;
}

.margin-bottom {
  margin-bottom: 10px;
}

@media all and (min-width:62rem) {
  .carousel-item>img {
    width: 100%;
    transform: translate(-50%, -45%);
  }

  .navbar-brand {
    margin-left: 100px;
  }

  main {
    margin-left: 50px;
    margin-right: 50px;
  }

  .row-content-left {
    margin-bottom: 100px;
  }

  .row-content-right {
    margin-top: 100px;
  }
}

@media all and (min-width:75rem) {
  .navbar-brand {
    margin-left: 200px;
  }

  .row-content-left {
    padding-right: 200px;
  }

  .row-content-left {
    padding-right: 200px;
  }

  .row-content-right {
    padding-left: 200px;
  }
}

@media all and (max-width:62rem) {
  .carousel-item>img {
    height: 100%;
    transform: translate(-50%, -50%);
  }

  .navbar-brand {
    margin-left: 100px;
  }
}

@media all and (max-width:48rem) {
  .carousel-item>img {
    height: 100%;
    transform: translate(-55%, -50%);
  }
}

@media all and (max-width:32rem) {
  .carousel-item>img {
    height: 100%;
    transform: translate(-60%, -50%);
  }

  .headshot {
    height: 100%;
  }
}