body{
  background-color: #FFF1D7 !important;
  font-family: "Zilla Slab", serif;
  font-weight: 600;
  font-style: normal;
}

h1{
  color: #BB3E00 !important;
    font-weight: 700;
}

h2{
  color: #702500;
    font-weight: 700;
}

.logo{
  width: 50px;
}

/*navigation*/
.nav{
    background-color: #BB3E00;
    font-size: large;
}
.navbar a{
    color: #FBCF8E;
}

.nav a:hover{
  color: #F7AD45 !important;
}

.card{
  background-color: #ADAE63;
  border: 2px solid #BB3E00 !important;
}

/*input*/
.btn-primary {
  background-color: #BB3E00;
  border-color: #702500;
  border-width: 2px;
  color: #FBCF8E;
  transition-duration: 0.2s;
  font-weight: 700;
}

.btn-primary:hover{
  background-color: #F7AD45;
  border-color: #FBCF8E;
  color: #BB3E00;
}

.btn-primary:active, .btn-primary:focus{
  background-color: #FBCF8E !important;
  border-color: #F7AD45 !important;
  color: #BB3E00 !important;
}


.form-check-input{
  border: 2px solid #702500;
  background-color: #FFF1D7;
}
.form-check-input:checked {
  background-color: #f6a817;
  border-color: #BB3E00;
}

.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(187, 62, 0, 0.25);
  border-color: #BB3E00;
}

.form-control{
  background-color: #FFF1D7; 
  border-color: #702500;
}

.form-control:active, .form-control:hover{
  background-color: #FFF1D7;
  border-color: #f6a817;
  box-shadow: 0 0 0 0.25rem rgba(187, 62, 0, 0.25);
}

#checkout{
  font-size: x-large;
}


#payment .form-check-label{
  font-size: larger;
}





/*Font*/
.zilla-slab-light {
  font-family: "Zilla Slab", serif;
  font-weight: 300;
  font-style: normal;
}

.zilla-slab-regular {
  font-family: "Zilla Slab", serif;
  font-weight: 400;
  font-style: normal;
}

.zilla-slab-medium {
  font-family: "Zilla Slab", serif;
  font-weight: 500;
  font-style: normal;
}

.zilla-slab-semibold {
  font-family: "Zilla Slab", serif;
  font-weight: 600;
  font-style: normal;
}

.zilla-slab-bold {
  font-family: "Zilla Slab", serif;
  font-weight: 700;
  font-style: normal;
}

.zilla-slab-light-italic {
  font-family: "Zilla Slab", serif;
  font-weight: 300;
  font-style: italic;
}

.zilla-slab-regular-italic {
  font-family: "Zilla Slab", serif;
  font-weight: 400;
  font-style: italic;
}

.zilla-slab-medium-italic {
  font-family: "Zilla Slab", serif;
  font-weight: 500;
  font-style: italic;
}

.zilla-slab-semibold-italic {
  font-family: "Zilla Slab", serif;
  font-weight: 600;
  font-style: italic;
}

.zilla-slab-bold-italic {
  font-family: "Zilla Slab", serif;
  font-weight: 700;
  font-style: italic;
}