body{
background-color: #f8f8f8;
font-family: "Lato","Open Sans","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}
.viihdepianistiheaderEtusivu{
height:800px;
background: black url(//www.viihdepianisti.fi/wp-content/themes/reverie-master/img/tausta.jpg) no-repeat center left;
background-size: cover;
position:relative;
}
.viihdepianistiheader{
height:300px;
background: black url(//www.viihdepianisti.fi/wp-content/themes/reverie-master/img/tausta.jpg) no-repeat center left;
background-size: cover;
position:relative;
}
#mikonLogo{
position: absolute;
top:100px;
left:10%;
}
#mikonLogo img{
width: 100%;
}
#mikonSlogan{
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
padding: 50px 0px;
color: #FFF;
line-height: 1.5;
position: absolute;
bottom: 300px;
right: 10%;
max-width: 400px;
font-size: 26px;
}
.viihdepianistiheader #mikonSlogan{
display:none;
}
#content {
background-color: transparent;
border: 0;
}
#content hr{
border: 2px solid #08080b;
width: 100px;
margin: 0px auto;
}
#content p{
margin: 0.625rem 0;
line-height: 2;
}
footer, .footer-widget, .footer-widget .panel{
background-color: #252525 !important;
border: 0 !important;
}
footer, footer a, .footer-widget .panel, .footer-widget .panel a, .footer-widget .panel p{
color:white !important;
padding: 0 !important;
}
.footer-widget .textwidget p{
line-height: 48px;
text-align: center;
margin: 18px 0;
}
.footer-widget .textwidget hr{
border: 1px solid white;
width: 100px;
margin: 0px auto;
}
@media only screen and (max-width: 64.063em) {
.viihdepianistiheaderEtusivu{
height:600px;
}
#mikonLogo{
top:80px;
}
#mikonLogo img{
width: 80%;
}
#mikonSlogan{
padding: 35px 0px;
bottom: 200px;
right: 5%;
max-width: 300px;
font-size: 20px;
}
}
@media only screen and (max-width: 40.063em) {
.viihdepianistiheaderEtusivu{
height:400px;
}
#mikonLogo{
top:60px;
}
#mikonLogo img{
width: 60%;
}
#mikonSlogan{
padding: 15px 0px;
bottom: 50px;
right: 3%;
max-width: 200px;
font-size: 16px;
}
}
#content .author,
#content .updated,
#content .entry-author,
#content #comments,
#content .woocommerce-result-count,
#content .woocommerce-ordering,
#sidebar{
display:none;
}
#content{
width:100%;
}
.woocommerce div.product .woocommerce-tabs .panel {
padding: 20px;
}
#content #coupon_code {
width:200px;
}