* {
    margin: 0;
    padding: 0;
    
}

h2 {
    text-align: center;
    font-size: 2rem;
    padding-top: 50px;
}

.slider-frame {
	width: 100%;
	max-width: 1200px;
    
	margin:10px auto 0;
	overflow: hidden;
}

.slider-frame ul {
	display: flex;
	padding: 0;
	width: 400%;	
	animation: slide 20s infinite alternate ease-in-out;
}

.slider-frame li {
	width: 100%;
	list-style: none;
}

.slider-frame img {
	width: 100%;
}
@keyframes slide {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
	
}
/* slider para inscripcion*/

.slider-frame-insc {
	width: 100%;
	max-width: 1200px;    
	margin:1px auto 0;
	overflow: hidden;
	
}

.slider-frame-insc ul {
	display: flex;
	padding: 0;
	width: 400%;	
	animation: slide-insc 10s infinite alternate ease-in-out;
}

.slider-frame-insc li {
	width: 100%;
	height: 100%;
	list-style: none;
}

.slider-frame-insc img {
	width: 100%;
	height: 100%;
}
@keyframes slide-insc {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}

/* slider para Institución*/

.slider-frame-int {
	width: 100%;
	max-width: 1200px;    
	margin:5px auto 0;
	overflow: hidden;
}

.slider-frame-int ul {
	display: flex;
	padding: 0;
	width: 400%;	
	animation: slide-int 10s infinite alternate ease-in-out;
}

.slider-frame-int li {
	width: 100%;
	list-style: none;
}

.slider-frame-int img {
	width: 100%;
	height: 100%;
}
@keyframes slide-int {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}

/* slider pagina primaria */

.slider-frame-pri {
	width: 100%;
	max-width: 1200px;    
	margin:5px auto 0;
	overflow: hidden;
}

.slider-frame-pri ul {
	display: flex;
	padding: 0;
	width: 400%;	
	animation: slide-pri 10s infinite alternate ease-in-out;
}

.slider-frame-pri li {
	width: 100%;
	list-style: none;
}

.slider-frame-pri img {
	width: 80%;
}

@keyframes slide-pri {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
	
}

.slider-frame-responsive {
	width: 100%;
	max-width: 1200px;    
	margin:10px auto 0;
	overflow: hidden;
	display: none;
}

.slider-frame-responsive ul {
	display: flex;
	padding: 0;
	width: 400%;	
	animation: slide-respon 20s infinite alternate ease-in-out;
}

.slider-frame-responsive li {
	width: 100%;
	list-style: none;
}

.slider-frame-responsive img {
	width: 100%;
}

@keyframes slide-respon {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
	
}

@media only screen and (max-width: 800px) {
	.slider-frame{
      display: none;
    }
	.slider-frame-responsive{
		display: block;
	}
}