.warning {
   border: 5px ridge rgb(95, 93, 93);
   background-color: rgb(188, 188, 185);
   padding: 0.5rem;
   display: flex;
   flex-direction: column;
   width: 1500px;
   margin-left: auto;
   margin-right: auto;
   
 }




img:hover {

    transform: scale(1.1);            
    transition: transform 500ms cubic-bezier(0.07, 0.76, 0.83, 0.99) 0.1s;
}




 .warning img {
   width: 20%;
   margin-left: auto;
   margin-right: auto;
   
 }
 
 .warning p {
   font: small-caps bold 1.2rem sans-serif;
   text-align:left;
   margin: 10px;
   
 }


 .warning p {
   margin-left: auto;
   margin-right: auto;
   width: 75em
}
 .warning h2 {
   margin-left: auto;
   margin-right: auto;
 }
 .warning h1 {
   margin-left: auto;
   margin-right: auto;
 }
 .warning form {
   margin-left: auto;
   margin-right: auto;
 }
 
 .warning iframe {
   margin-left: auto;
   margin-right: auto;
 }
 .warning button{
  margin-bottom: 1rem; 
  padding: 0.5em 1.5em;
  border-width: 0;
  font-size: 30px;
  color: #fff;
  background-color: hsl(0, 74%, 62%);
 }

 /* @media only screen and (hover: none) and (pointer: coarse){

  .warning p {
    margin-left: auto;
    margin-right: auto;
    width: auto
    
 }
  .warning h2 {
    margin-left: auto;
    margin-right: auto;
    font-size: 110px;
  }
  .warning h1 {
    margin-left: auto;
    margin-right: auto;
    font-size: 120px;

  } 
  .warning p {
    font: small-caps bold 1.2rem sans-serif;
    text-align:left;
    margin: 50px;
    font-size: 70px;
    
  }
  .warning img {
    width: 70%;
    height: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  } */



@media (min-width:360px) and (max-width:1080px){
  .warning p {
    margin-left: auto;
    margin-right: auto;
    width: auto
    
 }
  .warning h2 {
    margin-left: auto;
    margin-right: auto;
    font-size: 110px;
  }
  .warning h1 {
    margin-left: auto;
    margin-right: auto;
    font-size: 120px;

  } 
  .warning p {
    font: small-caps bold 1.2rem sans-serif;
    text-align:left;
    margin: 50px;
    font-size: 70px;
    
  }
  .warning img {
    width: 70%;
    height: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  .warning button{
    margin-bottom: 1rem; 
    padding: 0.5em 1.5em;
    border-width: 0;
    font-size: 70px;
    color: #fff;
    background-color: hsl(0, 74%, 62%);
   }
}
