html{scroll-behavior: smooth;}
*,*::before,*::after{
  margin:0;
  padding: 0;
  box-sizing: inherit;
}
/* Barra de progreso */
.progress {
    display:block;
    position: fixed;
    background: #41c355;
    width: 100%;
    height: 8px;
    animation: grow linear forwards;
	-webkit-animation: grow linear forwards;
    animation-timeline: scroll();
	-webkit-animation-timeline: scroll();
	z-index: 2;
}
@keyframes grow {
    from{width:0%;}
    to {width: 100%;}
}
p{font-size:clamp(1rem,0.833vw,1.125rem); line-height: normal; margin: 0 0 1.6rem 0; padding: 0;}
h1{font-size:clamp(2.25rem,1.875vw,2.25rem); line-height:normal; margin: 0 0 1rem 0; padding: 0;}
h2{font-size:clamp(2rem,1.667vw,2.25rem); line-height:normal; margin: 0 0 1rem 0; padding: 0;}
h3{font-size:clamp(1.875rem,1.563vw,2rem); line-height:normal; margin: 0 0 1rem 0; padding: 0;}
h4{font-size:clamp(1.5rem,1.25vw,1.875rem); line-height:normal; margin: 0 0 1rem 0; padding: 0;}
h5{font-size:clamp(1.375rem,1.146vw,1.5rem); line-height:normal; margin: 0; padding: 0;}
h6{font-size:clamp(1.25rem,1.042vw,1.375rem); line-height:normal; margin: 0; padding: 0;}
small{font-size:clamp(0.75rem,0.625vw,0.875rem); line-height:normal; margin: 0; padding: 0;}
.menuMedia a img{width:250px}
small{font-size: .8em;}
a, a strong, a:hover {color: #ff6600;}
.m-b-25{margin-bottom: 25px;}
.image.left, .image.right {
    width: 40%;
    max-width: 15rem;
}
.image.fit {
    width: 80%;
    margin: 0 auto;
}
@media screen and (max-width: 1680px){
	.contenedor-banner img {width: 60%;}
	.container-videos .item{width: 415px;}
}
@media screen and (max-width: 1280px){
	.contenedor-banner img {width: 75%;}
	.container-videos .item{width: 48%;}
	.video-wrapper{height: 70vh;}
}
@media screen and (max-width: 1280px){
	.container-videos .item{width: 48%;}
	
}
@media screen and (max-width: 1024px){
	.container-videos .item{width: 48%;}
}
@media screen and (max-width: 980px){
	.image.left img, .image.right img{max-width: 100%; width:100%; margin: 0 auto 15px auto;}
	.flex .item{width: 100%; margin-bottom: 1rem;}
	.flex .item:last-child{margin-bottom:0;}
	.banner.style2.fullscreen{min-height:50vh!important;}
}
@media screen and (max-width: 780px){
	.image.left, .image.right {width: 100%; max-width: 100%; margin: 0 auto 15px auto;}
	.banner.style2.fullscreen{min-height:40vh!important;}
	.image.fit{width: 100%;}
}
@media screen and (max-width: 480px){
	.banner.style2.fullscreen{min-height:40vh!important;}
	.image.fit{width: 100%;}
}
@media screen and (max-width: 360px){

}
@media screen and (max-width: 320px){
	
}