.slide_wrap {
width: 100%;
height: auto;
margin: 0 0 10px 0;
padding: 0;
position: relative;
}
.slide_body {
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.slide {
width: 100%;
margin: 0;
padding: 0;
}
.slide img {
width: 100%;
height: auto;
margin: 0;
padding: 0;
border-radius: 0;
}
#catchwrap {
display: table-cell;
position: absolute;
top: 64%;
left: -10px;
vertical-align: middle;
text-shadow: 1px 1px 3px #000;
z-index: 99;
margin: -4em 0 0 0;
padding: 3em 0;
opacity: 0.8;
}
h2.slide_catch {
position: relative;
padding: .5em 1em;
background-color: #b8860b;
line-height: 1em;
color: #fff;
font-size: 15px;
font-weight: 500;
line-height: 20px;
}
h2.slide_catch::before {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
}
h2.slide_catch::before {
left: 0;
border-width: 0 10px 10px 0;
border-right-color: #664a07;
}
h2.slide_catch span {
font-size: 11px;
} .slide_wrap:before,
.slide_wrap:after {
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.slide_wrap:after {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
} @media screen and (min-width: 600px) {
h2.slide_catch {
font-size: 20px;
}
h2.slide_catch span {
font-size: 13px;
}
}