*{font-family:"Montserrat", sans-serif;font-optical-sizing:auto;font-style:normal;padding:0px;margin:0px}body main div h1,body main div p{width:90%;text-align:center;margin:5px 0px}body main .carrousel{position:relative}body main .carrousel #img0{background:url("../../content/images/8_Concurso_Lengua_Materna_020.jpg");will-change:transform;background-size:cover;background-attachment:fixed;background-origin:border-box;background-position:center bottom;background-repeat:no-repeat;width:100%;height:100%}body main .carrousel #m-title{position:absolute;color:#FFFFFF}body main .carrousel #m-title h1,body main .carrousel #m-title h2{font-weight:600}body main .carrousel #m-title #actions a{color:#FFFFFF;border:solid 1px}body main .carrousel #m-title #actions a span{margin:0px 10px 0px 0px}@media screen and (max-width: 767px) and (orientation: portrait){body main .carrousel{width:100vw;height:100svh}body main .carrousel #m-title{width:100vw;height:80%;left:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:linear-gradient(to top, rgba(0,0,0,0.6), transparent 80%)}body main .carrousel #m-title h1,body main .carrousel #m-title h2{text-align:center}body main .carrousel #m-title h1{width:100%}body main .carrousel #m-title h2{font-size:18px;width:90%}body main .carrousel #m-title #actions{margin:5vw 0px;width:100%;height:15vw;align-items:center}body main .carrousel #m-title #actions a{width:36vw;height:10vw;font-size:14px}body main .carrousel #m-title #actions a span{margin:0px 5px 0px 0px}body main .carrousel #m-title #actions #old-site{margin:0px 2vw 0px 5vw}}@media screen and (max-width: 767px) and (orientation: landscape){body main .carrousel{width:100vw;height:100svh}body main .carrousel #img0{background-position:center}body main .carrousel #m-title{width:100vw;height:80%;left:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:linear-gradient(to top, rgba(0,0,0,0.6), transparent 80%)}body main .carrousel #m-title h1,body main .carrousel #m-title h2{text-align:center;margin:0px 5vw;width:50%;text-align:left;align-self:flex-start}body main .carrousel #m-title h2{font-size:18px}body main .carrousel #m-title #actions{margin:2vw 0px 4vw 0px;width:100%;height:8vw;align-items:center}body main .carrousel #m-title #actions a{width:30vw;height:4vw;font-size:14px}body main .carrousel #m-title #actions a span{margin:0px 5px 0px 0px}body main .carrousel #m-title #actions #old-site{margin:0px 2vw 0px 5vw}}@media screen and (min-width: 768px) and (max-width: 1023px){body main .carrousel{width:100vw;height:100svh}body main .carrousel #m-title{width:80%;height:auto;left:5%;bottom:0;padding:0px 0px 5vw 0px;align-items:center;justify-content:flex-start}body main .carrousel #m-title h1,body main .carrousel #m-title h2,body main .carrousel #m-title div{text-align:left}body main .carrousel #m-title h1{font-size:40px;width:100%}body main .carrousel #m-title h2{font-size:30px;margin:10px 0px 20px 0px}body main .carrousel #m-title #actions{width:100%}body main .carrousel #m-title #actions a{padding:6px 12px;font-size:16px;transition:all ease .3s}body main .carrousel #m-title #actions #old-site{margin:0px 20px 0px 0px}}@media screen and (min-width: 1024px){body main .carrousel{width:100%;height:100vh}body main .carrousel #m-title{width:40%;height:auto;left:5%;bottom:0;padding:0px 0px 5vw 0px;align-items:center;justify-content:flex-start}body main .carrousel #m-title h1,body main .carrousel #m-title h2,body main .carrousel #m-title div{text-align:left}body main .carrousel #m-title h1{font-size:60px;width:100%}body main .carrousel #m-title h2{font-size:30px;margin:10px 0px 20px 0px}body main .carrousel #m-title #actions{width:100%}body main .carrousel #m-title #actions a{padding:6px 12px;font-size:16px;transition:all ease .3s}body main .carrousel #m-title #actions a:hover{background-color:rgba(157,36,73,0.8);border:solid 1px #9D2449}body main .carrousel #m-title #actions #old-site{margin:0px 20px 0px 0px}}
