/* iPhone 14 pro max */

@media (min-width: 421px) and (max-width: 450px) {

* {
    margin: 0px;
    padding: 0px;
}

    body header {
        margin-bottom:35px;
        max-width: 100%;
        max-height: 80px;
    }

    header .logored {
        margin-top: 0.5px;
        max-width: 75px;
        max-height: 75px;
    }

    header .h2-1 {
        display: flex;
        flex-flow: column wrap;
        width: 33%;
        margin: 0px 0px 0px 2px;
        padding: 10px 0px 0px 0px;
        font-size: 27px;
        /* border: 1px solid blue; */
    }
    
    header .h2-2 {
    display: none;
    }
    
    header ul {
        display: flex;
        flex-flow: column wrap;
        margin: 0px 7px 0px 5px;
        padding: 0px 0px;
        justify-content: center;
        align-items: center;
    }
    
    header ul li {
        padding: 0px;
        margin: 0px;
    }
    
    header ul li a {
        font-size: 10px;
        letter-spacing: 1px;
        padding: 5px 10px;
        scale: 1;
        transition: 0.3s;
    }

    header ul li a:hover {
        background-color: #C8909D;
        color: black;
        scale: 1;
        transition: 1s;
    }
    
    .link-container {
        display: none;
    }

    #prim-coluna {
        margin: 0px 4px 0px 0px;
        /* border: 1px solid red; */
    }

    .bordadolink {
        display: flex;
        flex-flow: column wrap;
        overflow: hidden;
        margin: 0px;
        padding: 0px;
        justify-content: center;
        align-items: center;
        /* border: 1px solid lightgreen; */
    }

    header .bordadolink li {
        display: inline-block;
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    #bordadoom {
        display: block;
    }

    #toalhaom {
        display: block;
    }

    #toalhaom a {
    margin-top: 5px;
    }

    #estampaom {
    display: block;
    }
    
    #estampaom a {
    padding: 5px 20px;
    margin-top: 5px;
    }

    #bordadoom a {
    letter-spacing: 1px;
    padding: 5px 3px;
    }
    
    .sobre {
        padding: 0px 80px;
    }
    
    .section1 {
        width: 100%;
        max-height: 300px;
        margin-left: -29px;
    }
    
    .section1 h2 {
        font-size: 33px;
    }
    
    .section1 p {
        font-size: 19px;
    }

    .section2 {
        display: flex;
        flex-flow: row wrap;
        margin-bottom: 15px;
    }
    
    .card1 {
        align-items: center;
        margin: 50px 10px 50px -80px;
        max-width: 200px;
        max-height: 200px;
        scale: 1;
        transition: 0.5s;
    }

    .card1:hover {
        scale: 1.03;
    }
    
    .card2 {
        margin: 50px -80px 50px 0px;
        max-width: 200px;
        max-height: 200px;
        scale: 1;
        transition: 0.5s;
    }

    .card2:hover {
        scale: 1.03;
    }
    
    .card3 {
        align-items: center;
        margin: 0px 10px 50px -80px;
        max-width: 200px;
        max-height: 200px;
        scale: 1;
        transition: 0.5s;
    }

    .card3:hover {
        scale: 1.03;
    }
    
    .card4 {
        margin: 0px -80px 50px 0px;
        max-width: 200px;
        max-height: 200px;
        scale: 1;
        transition: 0.5s;
    }

    .card4:hover {
        scale: 1.03;
    }
    
    .section2 h2 {
        padding: 10px;
        text-align: center;
        font-size: 20px;
        font-family: "Rubik", sans-serif;
        font-weight: 540;
    }
    
    .section2 p {
        margin-top: -20px;
        padding: 12px;
        text-align: center;
        font-size: 14px;
        font-family: "Rubik", sans-serif;
        font-weight: 390;
    }
    
    .section2 ul {
        margin-top: -20px;
        padding: 12px;
        margin-left: 25px;
        font-size: 14px;
        font-family: "Rubik", sans-serif;
        font-weight: 390;
    }

    .ttprod {
        margin: 4% 0%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .ttprod img {
        margin-left: -3%;
        width: 40px;
        height: 40px;
        padding: 20px 30px;
    }
    
    .ttprod h2 {
        font-size: 40px;
        font-family: "Rubik", sans-serif;
        font-weight: 540;
    }

    .bordado .fundoprod {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0px 0px 50px 5px;
        width: 200px;
        height: 200px;
        background: rgba(128, 128, 128, 0.185);
        border-radius: 20px;
        scale: 1;
        transition: 0.5s;
    }

    .bordado .fundoprod:hover {
        scale: 1;
    }
    
    #prodmrg {
        margin: 0px 0px 50px 5px;
    }
    
    .bordado {
        display: flex;
        flex-flow: row wrap;
        height: 100%;
        justify-content: center;
        padding: 0px 5px;
    }
    
    .bordado img {
        width: 200px;
        height: 200px;
        border-radius: 20px;
    }

    .finalprod {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .finalprod p {
        padding: 12px;
        margin: -15px 0px 40px 40px;
        font-size: 17px;
        font-family: "Rubik", sans-serif;
        font-weight: 390;
        border-bottom: solid black;
    }

    .toalha {
        display: flex;
        flex-flow: row wrap;
        height: 100%;
        justify-content: center;
        padding: 0px 5px;
    }
    
    .toalha .fundoprod {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0px 0px 50px 5px;
        width: 200px;
        height: 200px;
        background: rgba(128, 128, 128, 0.185);
        border-radius: 20px;
        scale: 1;
        transition: 0.5s;
    }
    
    .toalha .fundoprod:hover {
        scale: 1;
        transition: 0;
    }
    
    .toalha img {
        width: 200px;
        height: 200px;
        border-radius: 20px;
    }

    .estampa {
        display: flex;
        flex-flow: row wrap;
        height: 100%;
        justify-content: center;
        padding: 0px 5px;
    }
    
    .estampa .fundoprod {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0px 0px 50px 5px;
        width: 200px;
        height: 200px;
        background: rgba(128, 128, 128, 0.185);
        border-radius: 20px;
        scale: 1;
        transition: 0.5s;
    }
    
    .estampa .fundoprod:hover {
        scale: 1;
        transition: 0s;
    }
    
    .estampa img {
        width: 200px;
        height: 200px;
        border-radius: 20px;
    }

    footer {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
    }
    
    footer .barra {
    display: none;
    }

    footer img {
        width: 30px;
        height: 30px;
        padding: 10px 0px;
    }
    
    footer p {
        font-size: 22px;
        margin-left: 20px;
        padding: 10px 0px;
        letter-spacing: 0.6px;
        color: #bcd8bf;
        font-family: "Rubik", sans-serif;
    }

    footer .endereco {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -5px;
    }

    footer .endereco img {
        width: 30px;
        height: 30px;
        padding: 10px 0px;
        display: inline-block;
        margin-left: -70px;
    }

    footer .endereco p {
        display: inline-block;
        font-size: 15px;
    }

    footer .tudofoot {
        display: flex;
        flex-flow: column wrap;
    }
    
    footer a {
        display: flex;
        text-decoration: none;
    }

    footer .footcell {
        font-size: 15px;
    }

    footer .footemail {
        font-size: 15px;
    }
    
    footer .wppicon {
        margin-left: -53px;
    }

    footer .envelope {
        margin-left: 70px;
    }

    footer .footinfo {
    font-size: 22px;
    }

    footer .footinsta {
        font-size: 15px;
    }

    footer .instaicon {
        margin-left: -40px;
    }
    
    footer .wpptt {
        display: none;
    }
    
    footer #semmrg {
        margin-left: 20px;
        margin-right: -35px;
    }
    
    footer #semmrgult {
        margin-left: 20px;
        margin-right: -60px;
    }

    .mascotinha-fly {
        margin-right: -14px;
        width: 20%;
        z-index: 999;
    }

    .caixa-fly {
        margin-bottom: 225px;
        margin-right: -5px;
        width: 20%;
        z-index: 998;
    }


}
