@font-face {
    font-family: 'Humnst777 Cn BT';
    src: url('../fonts/humnst777.ttf');
}

.container, .container-fluid{
	font-family: 'Humnst777 Cn BT', 'Arial';
}

.bg-white{background: #FFF;}
.bg-dark-1{background: #1A1A1A;}
.bg-grey{background: #808080;}
.bg-grey-2{background: #EBEBEB;}
.bg-light-grey{background: #F5F5F5;}

.quienes-somos-1{
	font-size: 16px;
	line-height: 24px;
	color: #fff;
}

.quienes-somos-2{
	background: #EBEBEB;	
}

.quienes-somos-text{
	font-size: 15px;
	color: #2F4F4F;
}

.text-red{color: #FB0102;}
.link-light{color: #fff; transition: all 25s ease-in-out; font-size: 1rem; text-decoration: none;}
.link-light:hover{color: #fafafa;}
.fs-20{font-size: 20px;}
.lh-28{line-height: 28px;}
.jug-nombre{font-size: 18px; font-weight: bold; border-bottom: solid 2px #989898}
.jug-datos{font-size: 14px; margin: 0;}
.jug-img-container{overflow: hidden;}
.jug-img{transition: transform ease-in 0.25s}
.jug-img:hover{transform: scale(1.1);}
.jug-img:after{transform: scale(1)}
.jug-img:hover:after{transition: transform ease-in 0.25s}

.ctm-bg-red{background: #FB0102;}
.ctm-divider{flex 0 0 100%; width: 97%; margin: 3rem auto 0 auto; background: #FB0102; height: 2px;}

.video-item-container{transition: all .2s ease-in-out;}
.video-item-container:hover{cursor: pointer; opacity: 0.8;}
.video-item-container{overflow: hidden;}
.video-item img{transform: scale(1.4);}

.sheet-container{display: flex; flex-flow: row; flex-wrap: wrap; padding: 0;}
.sheet-title{text-transform: uppercase; font-weight: bold; margin-bottom: 2rem;}
.sheet-subtitle{text-transform: uppercase; font-weight: bold; margin: 3rem 0 1rem 0; font-size: 1.5rem;}
.sheet-info{display: flex; flex-flow: column; justify-content: center; }
.sheet-details{display: flex; flex-flow: column;}
.sheet-detail-data{font-size: 125%; font-weight: bold;}
.sheet-description{font-size: 1rem; line-height: 2;}
.sheet-year{font-weight: bold; letter-spacing: 0;}
.sheet-link{font-weight: 400; font-size: 1rem; transition: all .2s ease-in; word-break: break-all;}

.video-container{ position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } 
.video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }