body {
    background-color: white;
    font-family: 'Playfair Display', serif;
    font-family: 'Source Sans Pro', sans-serif;
    }
    .titlebar{
      background-color: white;
      height: auto;
      width: auto;
    }
    #Gigil-logo{
      width: 150px;
      height: auto;
      display: block;
      margin-left: auto;
      margin-right: auto;
  
    }
    .navbar{
      display: flex;
      justify-content: center;
      border: 1px solid rgb(70, 69, 69);
    }
    .nav-link{
      color: rgb(92, 58, 149);
    }
    /* Carousel */
    .carousel-item {
      width: 100%;
      object-fit: cover;
    }
    /* Carousel caption */
  h3{
    color: rgb(255, 255, 255);
    font-size: 60px;
  }
    .jumbotron{
      padding-left: 140px;
      background-color: rgb(255, 255, 255);

    }
    .btn-primary{
    color: rgb(92, 58, 149);
    background-color: rgb(255, 255, 255);
    border-color: rgb(92, 58, 149);
    }

    .container{
      justify-content: center;
      color: rgb(92, 58, 149);
    }
    
    #benefit-icons{
    padding-bottom: 50px;
    text-align: center;
    background-color: rgb(255, 255, 255);
    }

    #benefits-icon .container{
      background-color: rgb(255, 255, 255);
    }

    /* order form */
    .order-form .container {
      color: #4c4c4c;
      padding: 20px;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    }

    .order-form-label {
      margin: 8px 0 0 0;
      font-size: 14px;
      font-weight: bold;
    }

    .order-form-input {
      width: 100%;
      padding: 8px 8px;
      border-width: 1px !important;
      border-style: solid !important;
      border-radius: 3px !important;
      font-family: 'Open Sans', sans-serif;
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      line-height: 1.2em;
      background-color: transparent;
      border-color: #cccccc;
    }

    .btn-submit:hover {
      background-color: #090909 !important;
    }
    .btn{
      color: rgb(92, 58, 149);
      background-color: rgb(255, 255, 255);
      border-color: rgb(92, 58, 149);
    }
    .my-5{
      color: rgb(92, 58, 149);
      background-color: rgb(255, 255, 255);
      border-color: rgb(92, 58, 149);
      width: 1000px;
      margin: auto;
    }
    .btn-primary:disabled{
      background-color: rgb(255, 255, 255);
      border-color: rgb(92, 58, 149); 
    }
    /* end of order form */
    /* Contact form */
    .map-container-section {
      overflow:hidden;
      padding-bottom:56.25%;
      position:relative;
      height:0;
    }
    .map-container-section iframe {
      left:0;
      top:0;
      height:100%;
      width:100%;
      position:absolute;
    }

    #thankyou{
      padding-bottom: 210px;
    }
    #aboutpad{
      padding-bottom: 185px;
    }
    /* Start of footer */
    .footer{
      overflow: hidden;
      background-color: rgb(92, 58, 149);
      bottom: 0px;
      width: 100%;
      height: auto;
      text-align: center;
    }
    .fa {
      padding: 10px;
      font-size: 20px;
      width: 40px;
      text-align: center;
      text-decoration: none;
      margin: 5px 2px;
    }
    .fa-facebook {
      background: #3B5998;
      color: white;
    }
    
    .fa-twitter {
      background: #55ACEE;
      color: white;
    }
    
    
    .fa-youtube {
      background: #bb0000;
      color: white;
    }
    
    .fa-instagram {
      background: #125688;
      color: white;
    }
    
    .fa-pinterest {
      background: #cb2027;
      color: white;
    }
    
  
    @media screen and (max-width: 600px) {
      .navbar a:not(:first-child) {display: none;}
      .navbar a.icon {
        float: right;
        display: block;
      }
    
    } /* card columns */
    .card-columns {
      @include media-breakpoint-only(lg) {
        column-count: 4;
      }
      @include media-breakpoint-only(xl) {
        column-count: 5;
      }
    }