53 lines
901 B
CSS
53 lines
901 B
CSS
|
article.heading{
|
||
|
|
width:100%;
|
||
|
|
height:55vh;
|
||
|
|
min-height:350px;
|
||
|
|
display: inline-block;
|
||
|
|
background-color: #333333;
|
||
|
|
text-align: center;
|
||
|
|
margin-top: 50px;
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
p.heading{
|
||
|
|
font-size:5em;
|
||
|
|
color:white;
|
||
|
|
color: white;
|
||
|
|
margin: 20vh auto auto auto;
|
||
|
|
}
|
||
|
|
article.shop{
|
||
|
|
justify-content:center;
|
||
|
|
-webkit-justify-content:center;
|
||
|
|
margin-top: 40px;
|
||
|
|
}
|
||
|
|
div.simage{
|
||
|
|
flex:3;
|
||
|
|
max-width:350px;
|
||
|
|
transition: .5s ease;
|
||
|
|
}
|
||
|
|
div.simage:hover{
|
||
|
|
transform:scale(1.2,1.2);
|
||
|
|
}
|
||
|
|
div.simage > img{
|
||
|
|
max-width:70%;
|
||
|
|
max-height:100%;
|
||
|
|
margin:auto;
|
||
|
|
display:block;
|
||
|
|
}
|
||
|
|
div.description{
|
||
|
|
flex:2;
|
||
|
|
max-width:250px;
|
||
|
|
}
|
||
|
|
p.description{ font-size:0.8em; }
|
||
|
|
p.title{font-weight:bold;}
|
||
|
|
p.promo{font-weight:bold; color:#C22A39;}
|
||
|
|
article.separator{
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-image: url(" #path img/separa.jpg");
|
||
|
|
height: 20px;
|
||
|
|
background-size: contain;
|
||
|
|
background-position: center;
|
||
|
|
margin-top:30px;
|
||
|
|
}
|
||
|
|
|