html{
  color:grey;
  font-family: 'Crimson Text', serif;
  font-size: 24pt;
}

body{
  margin:0;
}

div{
  margin-bottom:25px;
  margin-left:50px;
  margin-right:50px;
  text-align:center;
  padding:1em;
}

h1{
  text-align:center;
  color:white;
  font-size: 65px;
}

.head{
  text-align:center;
  color:white;
  font-size:20px;
}

@media screen and (max-width: 1250px) {
  h1{
    text-align:center;
    color:white;
    font-size: 60px;
  }
  
  .head{
    text-align:center;
    color:white;
    font-size:15px;
  }
}

@media screen and (max-width: 1150px) {
  h1{
    text-align:center;
    color:white;
    font-size: 55px;
  }
  
  .head{
    margin-top:-20px;
    text-align:center;
    color:white;
    font-size:15px;
  }
}



.first{
  height:750px;
  margin:0;
  text-align:center;
  background-image: url('https://www.pressurecookrecipes.com/wp-content/uploads/2019/09/instant-pot-taiwanese-braised-pork.jpg');
  background-size:100%;
  background-repeat:no-repeat;

}



h2{
  text-align:center;
}

.head2{
  margin-left:10%;
  margin-right:10%;
}

.float-container {
  /* border: 3px solid #0a0808; */
  height:50%;
  margin:10%;
  margin-top:-5%;
  margin-bottom:-5%;
}


@media screen and (min-width: 610px) {
  .float-container {
    /* border: 3px solid #0a0808; */
    height:50%;
    margin:10%;
    margin-top:-5%;
    margin-bottom:-5%;
  }
  
  .float-child {
    display: inline-block;
    width: 25%;
    margin-left:0;
    vertical-align: top; /* optional, to align the top of the divs */
    /* border: 2px solid red; */
  }  
  
  .float-child2 {
    display: inline-block;
    width: 25%;
    vertical-align: top; /* optional, to align the top of the divs */
    /* border: 2px solid red; */
  }  
}


.instructions{
  margin-top:-20%;
  padding-top:-20%;
}

ol{
  margin-left:10%;
  margin-right:10%;
}




p{
  text-align:left;
}

li{
  text-align:left;
  margin-bottom: 20px;
}

.cent{
  display: block;
  text-align:center;
}


.w{
  font-weight: normal;
}

.bo{
  font-weight: bold;
}

.ital{
  font-style:italic;
}

.ls3{
  letter-spacing:0.3em;
}

.ls-0{
  letter-spacing:-0.2em;
}

.underline{
  text-decoration: underline;
}

.linethrough{
  text-decoration:line-through;
}

.overline{
  text-decoration:overline;
}

.uppercase{
  text-transform:uppercase;
}

.lowercase{
  text-transform:lowercase;
}

.capitalize{
  text-transform:capitalize;
}

.desc{
  font-size:15px;
  font-weight:bold;
  margin-bottom:-20px;

}



.container {
  display: flex;
  align-items: center;
  justify-content: center;
  height:auto;
}

/* img {
  max-width: 100%;
  max-height:100%;
} */

.text {
  font-size: 30px;
  font-size:auto;
  padding:0;
}

h3{
  padding-bottom:0;
  margin-bottom:0;
  text-decoration:underline;
}

@media screen and (max-width: 1200px) {
  .container {
    display:block;
    height:auto;
  }
  
  img {
    width:100%;
  }
  
  .text {
    font-size: 30px;
    font-size:auto;
    padding:0;
  }
}