2020-09-30 16:51:32 +00:00
|
|
|
.video-container {
|
|
|
|
|
position:relative;
|
2020-10-15 20:35:24 +00:00
|
|
|
padding-bottom:63.15%;
|
2020-09-30 16:51:32 +00:00
|
|
|
height:0;
|
|
|
|
|
overflow:hidden;
|
|
|
|
|
box-shadow: -3px 3px 10px #000000ba;
|
|
|
|
|
margin-right: -18px;
|
|
|
|
|
margin-left: -18px;
|
|
|
|
|
|
2020-10-07 14:19:57 +00:00
|
|
|
@include atSmall{
|
|
|
|
|
padding-bottom:60%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@include atMedium{
|
|
|
|
|
padding-bottom:59%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2020-09-30 16:51:32 +00:00
|
|
|
@include atLarge{
|
2020-10-07 14:19:57 +00:00
|
|
|
padding-bottom:56.25%;
|
|
|
|
|
margin-right: 0px;
|
2020-09-30 16:51:32 +00:00
|
|
|
margin-left: 0px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-10-07 14:19:57 +00:00
|
|
|
.video-container video{
|
2020-09-30 16:51:32 +00:00
|
|
|
position:absolute;
|
|
|
|
|
top:0;
|
|
|
|
|
left:0;
|
|
|
|
|
width:100%;
|
|
|
|
|
height:100%;
|
|
|
|
|
}
|
