body {
  background-color: #045532;
  background-image: url("https://id-lottery-public.s3.us-west-2.amazonaws.com/bbq-bucks/bbq-background-black1200.webp");
  background-size: cover;
  height: 100vh;
  position: relative;
  font-size: 19px !important;
}
h5{
  font-size: 30px !important;
}
.micro-container{
  display: flex;
  flex-direction: column;

  padding: 0px 0px;
}

.section{
  height: 100%;
}
.section1{
  /*border: 2px solid red;*/
  flex: 1;
  order: 2;
}
.section2{
  /*border: 2px solid blue;*/
  position: relative;
  flex: 1.5;
  display: flex;
  flex-direction: column;
  align-items: center;
  order: 1;
}
.section3{
  /*border: 2px solid yellow;*/
  flex: 1;
  order: 3;
}

.branding{
  margin: 0px 25px !important;
  font-size: 15px !important;
  display: flex;
  justify-content: center;
}
.disclaimer{
  margin: 10px;
}
#lottery-logo-link img{
  transform: rotate(17deg);
  width: 90px;
}

.giveaway-section{
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #000000;
  border: 1px solid #FFF200;
  border-radius: 25px;
  box-shadow: 5px 5px 5px rgb(0 0 0 / 60%);
  margin: 25px;
  padding: 20px;
}

.giveaway-section img {
  width: 300px;
  border-radius: 15px;
}

.getting-grilled-section{
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #000000;
  border: 1px solid #FFF200;
  border-radius: 25px;
  box-shadow: 5px 5px 5px rgb(0 0 0 / 60%);
  margin: 25px;
  padding: 20px;
}
.getting-grilled-section div{
  width: 100%;
  text-align: center;
}
.getting-grilled-section img{
  width: 200px;
  position: initial;
}
.bbq-sauces-section{
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #000000;
  border: 1px solid #FFF200;
  border-radius: 25px;
  box-shadow: 5px 5px 5px rgb(0 0 0 / 60%);
  margin: 25px;
  padding: 20px;
}
.bbq-sauces-section div{
  width: 100%;
  text-align: center;
}
.bbq-sauces-section a{
  text-align: center;
  margin: 0px;
  cursor: pointer;
}
.bbq-sauces-section img{
  width: 60%;
  margin: 0px;
}

.logo-section{
  text-align: center;
}
.logo-section img{
  width: 70vw;
  margin-top: 20px;
}

.main-content{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 25px;
}

#bbq-bucks-ticket{
  width: 200px;
  box-shadow: 5px 5px 5px rgb(0 0 0 / 60%);
}
.main-content div{
  margin: 11px;
  /*font-size: 20px;*/
}

.recipe-contest-section{
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #000000;
  border: 1px solid #FFF200;
  border-radius: 25px;
  box-shadow: 5px 5px 5px rgb(0 0 0 / 60%);
  margin: 25px;
  padding: 20px;
}
.recipe-header{
  background-image: url("https://id-lottery-public.s3.us-west-2.amazonaws.com/bbq-bucks/grilled-meat.jpeg");
  background-color: rgba(255, 255, 255, 0.6);
  background-blend-mode: lighten;
  background-size: cover;
  background-position: center;
  padding: 10px;
  border-radius: 5px;
  color:#000000;
  text-align: center;
  font-weight: bold;
}
.recipe-contest-section img{
  width: 300px;
  border-radius: 15px;
}

.albertsons-section{
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #000000;
  border: 1px solid #FFF200;
  border-radius: 25px;
  box-shadow: 5px 5px 5px rgb(0 0 0 / 60%);
  margin: 25px;
  padding: 20px;
}
.albertsons-section img{
  width: 300px;
  border-radius: 15px;
}

.giveaway-section *, .getting-grilled-section *, .recipe-contest-section *, .albertsons-section *, .bbq-sauces-section *{
  margin: 8px;
}

.main-content-albertsons-page, .main-content-recipe-page, .main-content-rules-page {
  display: flex;
  flex-direction: column !important;
  align-items: center;
  padding: 25px;
}
.main-content-sauces-page{
  padding: 25px;
}

.main-content-2nd-page{

  background-color: #000000;
  border: 1px solid #FFF200;
  border-radius: 25px;
  box-shadow: 5px 5px 5px rgb(0 0 0 / 60%);
  margin: 25px;
  max-width: 100vw;
}

.main-content-2nd-page .field{
  text-align: left;
}

.recipe-form{
  background-color: white;
  border-radius: 25px;
}

.button-yellow{
  background-color: #FFF200;
  transition: background-color .5s;
  color: black;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin: 4px 2px;
  cursor: pointer;
  border: 3px solid black;
  border-radius: 12px;
}

.button-yellow:hover{
  background-color: black;
  color: white;
  border: 3px solid white;
}
/*tablet styles*/
@media (min-width: 540px) {
  .logo-section img{
    width: 40vw;
    margin-top: 20px;
  }
  .giveaway-section, .recipe-contest-section, .albertsons-section, .getting-grilled-section, .bbq-sauces-section{
    margin: 25px 50px;
  }
}
/*laptop styles*/
@media (min-width: 1200px) {
  body{
    font-size: 17px !important;
  }
  h5{
    font-size: 25px !important;
  }
  .micro-container{
    flex-direction: row;
    padding: 0px 25px;
  }
  .section{
    height: 100%;
  }
  .section1{
    flex: 1;
    order: 1;
  }
  .section2{
    flex: 1.5;
    display: flex;
    flex-direction: column;
    align-items: center;
    order: 2;
  }
  .section3{
    flex: 1;
    order: 3;
  }
  .disclaimer {
    margin: 10px 5px;
  }
  .logo-section img{
    width: 19vw;
    margin-top: 25px;
  }
  .main-content{
    flex-direction: row;
  }
  #bbq-bucks-ticket{
    width: 250px;
  }
  .main-content div{
    margin: 10px;
    /*font-size: 20px;*/
  }
  .giveaway-section, .recipe-contest-section, .albertsons-section, .getting-grilled-section, .bbq-sauces-section{
    margin: 25px;
  }
  .getting-grilled-section{
    display: flex;
    flex-direction: row;
    position: relative;
  }
  .getting-grilled-section div{
    width: 60%;
    text-align: left;
  }
  .getting-grilled-section p{
    min-height: 100px;
  }
  .getting-grilled-section img{
    width: 150px;
    position: absolute;
    bottom: 5px;
    right: 5px;
  }
  .bbq-sauces-section{
    display: flex;
    position: relative;
  }
  .bbq-sauces-section div{
    width: 60%;
    text-align: left;
  }
  .bbq-sauces-section p{

  }
  .bbq-sauces-section img{

  }

  .main-content-albertsons-page, .main-content-recipe-page, .main-content-rules-page {

    padding: 50px;
  }
  .main-content-sauces-page{
    padding: 50px;
  }
}
/*desktop styles*/
@media (min-width: 1750px) {
  body{
    font-size: 19px !important;
  }
  h5{
    font-size: 30px !important;
  }
  .micro-container{
    padding: 0px 75px;
  }
  .main-content div{
    margin: 25px;
  }
  .getting-grilled-section img{
    position: absolute;
    /*bottom: 0px;*/
    /*right: 0px;*/
  }
  .bbq-sauces-section img{

  }
}