body, html {
  font-family: 'Ubuntu', sans-serif;
}

h1 {
  margin-top: 50px;
  color: #120526;
  font-weight: bold;
}

h2 {
  color: #120526;
  font-weight: bold;
}

.main {
  background-color: #F3F6FA;
}

.main .header {
  margin: 30px 0;
}

.main .header a:first-child {
  padding-right: 8px;
}

.main .header a:hover {
  text-decoration: none;
}

.main p {
  color: #120526;
  font-size: 21px;
}

.main form {
  margin: 30px 0;
}

.main form p {
  font-weight: bold;
  font-size: 18px;
}

#success_message p,
#error_message p {
    color: #7935E5;
}

.form-control {
  padding: 10px 22px;
  height: 56px;
  border: 0;
  border-radius: 16px;
  outline: 0;
}

form .btn {
  height: 56px;
  border: 0;
  border-radius: 16px;
  background-color: #7935E5;
  padding: 10px 22px;
}

form .btn:hover,
form .btn:active,
form .btn:focus {
  border: 0;
  background-color: #7935E5;
  outline: 0;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-primary.dropdown-toggle:focus,
.btn-primary.focus, .btn-primary:focus {
  box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle {
  background-color: #7935E5;    
}

.show-more {
  color: #120526;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}

.show-more:hover {
  color: #120526;
  text-decoration: none;
}

.show-more img {
  margin-right: 8px;
}

.profile {
  background-color: #282876;
}

.profile h2 {
  color: #fff;
}

.profile p {
  color: #fff;
  font-size: 18px;
}

.buy-local {
  padding: 75px 0;
  background-color: #F9C95A;
}

.buy-local p,
.cart p {
  color: #120526;
  font-size: 18px;
}

.cart {
  padding: 75px 0;
  background-color: #F3F6FA;
}

.footer {
  padding: 15px 0;
  color: #fff;
  background-color: #120526;
}

html {
  scroll-behavior: smooth;
}

.nowrap {
  white-space: nowrap;
}

@media (min-width: 992px) {
  h1 {
    margin-top: 100px;
  }
}

@media (min-width: 1200px) {
  .main form {
    margin: 60px 0;
  }  
  .show-more {
    margin-top: 100px;
  }
}