.conteiner-imagem div img{
    
    max-height:500px;
}
/*.imagem-produto img{
    border:1px solid #aaa;
    box-shadow: 0 0 1em #555;
    
}*/

#info h1{
 text-align:center;
 margin:0;
 font-size:1.5em;
 margin-bottom:1em;
 font-weight:bold;
 padding:1.5em;
}

.vermelhoazul{
    color:#fff;
background-image:url(https://www.teahub.io/photos/full/3-36810_spiderman-1920-wallpaper-spiderman-web-background-hd..jpg);
}
.babyshark{
    color:#fff;
    background-image:url(https://cutewallpaper.org/25/bayshark-cool-wallpaper/2056519669.jpg);
}
.sereia{
    color:#705c8d;
    background-image:url(https://img.freepik.com/vetores-gratis/fundo-gradiente-sereia-com-escalas-holograficas_121461-364.jpg?size=626&ext=jpg);
}
.dinossauros{
    color:#286251;
    background-image:url(https://i.pinimg.com/736x/69/d9/5d/69d95d9540aa515f957342ac66ec9144.jpg);
} 
.hulk{
    color:#e8e8e8;
    background-image:url(https://p4.wallpaperbetter.com/wallpaper/560/553/88/green-fiction-rage-hulk-wallpaper-preview.jpg);
}
.hq{
    color:#381ef9;
    background-image:url(https://static.vecteezy.com/ti/vetor-gratis/p3/2383068-abstrato-amarelo-meio-tom-comic-zoom-background-vetor.jpg);
}
.pequenoprincipe{
    color:#e90a21;
    background-image:url(https://wallpaperaccess.com/full/2116674.jpg);
}
.selva{
    color:#e90a21;
    background-image:url(https://cdn.awsli.com.br/600x700/1839/1839315/produto/131035387/8c09b36272.jpg);
}
.batizado{
    color:#444;
    background-image:url(https://confirmar.animavite.com/bg/baptism.png);
}
.cerveja{
    color:#885802;
    background-image:url(https://www.wallmur.com/media/catalog/pdata/cache/1/image/1200x/040ec0/k/i/kids-watercolor-safari-animals-with-tropical-leaves-wall-decal-sticker-st-ou000046-31481374.jpg);
    background-position: center 400px;
}
.faustao{
    color:#ffa;
   /*background-image:url(https://www.wallmur.com/media/catalog/pdata/cache/1/image/1200x/040ec0/k/i/kids-watercolor-safari-animals-with-tropical-leaves-wall-decal-sticker-st-ou000046-31481374.jpg);*/
    background-color:#555;
    background-position: center 400px;
}
.vertical iframe{
    box-shadow:0 0 1em black;
    margin:auto;
    text-align: center;
}
#info .vertical{
    padding:3em;
    text-align:center;
    margin:auto;
    float:right;
}
#inf .variacao{
    border:1px solid red;
}
@media only screen and (max-width: 600px) {
  #info .vertical {
    float:none;
    text-align:center;
    margin:0;
    padding:0;
    width:100%;
  }
}

#info p, #info li, #info details{
 font-size:1.2em;
 margin-left:1em;
 color:#333;
 line-height: 1.75em;
 margin-bottom:0.25em;
}


.msgbox{
 padding:1em;
 background-color:#ffffDD;
 margin:1em;
 text-align:center;
 border-radius:1em;
 font-size:1.3em;
font-family: "Comic Sans MS", "Comic Sans", cursive;
}
#info h2{
 font-size:1.5em;
 background-color:#e8e8e8;
 border-bottom:1px dotted #999;
 padding:0.25em;
 border-left:3px solid #999;
}
#info h2::before{
    content: "☑️ ";
}
#info details{
 cursor:pointer;   
 padding:0.5em;
}
#info details:hover{
    background-color:#ffffaa;
}
#info details p{
    padding:0.25em;
    font-size:1em;
    color:black;
}
#info summary{
    margin-bottom:1em;
}
#modalVideo{
    width:80vw;
}
.description{
    font-size:1.2em;   
}
.description p{
    padding:1em;
}