html {
    font-size: 100%;
}

.loading{
  position: fixed;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
}

/* Images */

.lazyload,
.lazyloading {
    opacity: 0;
    background:pink;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 0.3s;
}

.ratio-1080 img,
.ratio-1080 iframe,
.ratio-1080 video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.ratio--1080 img,
.ratio--1080 iframe,
.ratio--1080 video {
	position: absolute;
	top: 50%;
  transform: translateY(-50%);
	left: 0;
	width: 100%;
	display: block;
}

.ratio--1080{
  position: relative;
	height: 0;
	display: block;
	width: 100%;
  padding-bottom:56.25%;
  background-color: #F4F4F4;
  overflow:hidden;
}

.ratio-box{
  position: relative;
	height: 0;
	display: block;
	width: 100%;
  background-color: #ffffff;
}

p a {
  border-bottom:1px solid #000000;
}