@font-face {
    font-family: 'Campton-ExtraLight';
    src: url(/fonts/Campton/Campton-ExtraLight.woff2) format('woff2'), url(/fonts/Campton/Campton-ExtraLight.woff) format('woff'), url(/fonts/Campton/Campton-ExtraLight.ttf) format('truetype');
}
@font-face {
    font-family: 'Campton-Light';
    src: url(/fonts/Campton/Campton-Light.woff2) format('woff2'), url(/fonts/Campton/Campton-Light.woff) format('woff'), url(/fonts/Campton/Campton-Light.ttf) format('truetype');
}
@font-face {
    font-family: 'Campton-Medium';
    src: url(/fonts/Campton/Campton-Medium.woff2) format('woff2'), url(/fonts/Campton/Campton-Medium.woff) format('woff'), url(/fonts/Campton/Campton-Medium.ttf) format('truetype');
}
@font-face {
    font-family: 'Campton-ExtraBold';
    src: url(/fonts/Campton/Campton-ExtraBold.woff2) format('woff2'), url(/fonts/Campton/Campton-ExtraBold.woff) format('woff'), url(/fonts/Campton/Campton-ExtraBold.ttf) format('truetype');
}@font-face {
    font-family: 'Bouquet';
    src: url(/fonts/TheBouquetList.woff2) format('woff2'), url(/fonts/TheBouquetList.woff) format('woff'), url(/fonts/TheBouquetList.ttf) format('truetype');
}

.main-landing {
    margin-bottom: 10em;
    font-family: 'Campton-Light';
}
.main-landing section.banner {
  height: calc(100vh);
  width: 100%;
  background-image: url(https://storage.googleapis.com/cdn-v1/partners/bobobox/asset/HEAD_D.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top 0 center;
  position: relative;
}section#form{
  margin:0 auto;
  width: 50%;
  padding:4em 0;
}.btn-checkout{
  background-color: #825e4b;
  color: #fff;
  font-family: Campton-Medium;
  padding: 10px 3em 6px;
  width: fit-content;
  border-radius: 20px;
}.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .form__input{
  background-color: transparent;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  padding-bottom: inherit;
  padding-top: inherit;
  border-radius: unset;
}


@media (max-width: 600px){
  .main-landing section.banner{
    height: 150vw;
    background-image: url(https://storage.googleapis.com/cdn-v1/partners/bobobox/asset/HEAD-M.jpg);
    background-position: top center;
  }section#form{
    padding: 4em 15px;
        width: 100%;
  }.btn-checkout{
    width: 100%;
  }
}