@media screen and (min-width: 768px) {
    #hero h1 {
        font-size: 70pt;
    }
    #hero .sticker {
    height: 120px;
}
     #hero .sticker#sticker3 {
    left: 135px;
     }
    footer .row .col.flex {
        flex-flow:row;
    }
    #productos ul.imagenes li {
        width: 25%;
    }
    footer .row .col.flex {
        flex-flow: row;    
    }
    footer .row .col.flex {
        justify-content: center;
        margin:auto;

    }
   

}
@media screen and (min-width: 1024px) {

nav#main {
        padding:25px;
        }
nav#main ul {
        position: relative;
        }
    nav#main img {
        width: 230px;position: absolute;
        bottom: -6px;
        right: 43%;
    }

    nav#main span.slogan {
       font-size: 20pt;
    }
    nav#main a.wero {
     font-size: 16pt;
    }


    footer .row .col.flex:last-of-type {
  align-items: flex-start;
  justify-content: end;
}
}
@media screen and (min-width: 1200px) {

    
#hero .sticker {
  position:absolute;
  height:150px;
}
#hero .sticker#sticker1 {
    bottom: 150px;
    left: 80px;
   
}

#hero .sticker#sticker2 {
      right: 50px;
    bottom: 50px;
     height: 200px;
}

#hero .sticker#sticker3 {
  left:100px;
  top:110px;
}

 footer .row .col.flex {
        justify-content: flex-start;
       

    }

        footer .row .col.flex:last-of-type {
        align-items: center;
    }
}