.translucent{position:absolute;z-index:1;background:hsla(0,0%,100%,.75);width:45%;height:50vh}.translucent .mainheader{position:relative;top:50%;transform:translateY(-50%);text-align:center}.translucent .mainheader .course{font-family:Raleway,sans-serif;font-size:25px}.translucent .mainheader .header-subtitle{color:#20b1aa;font-size:40px;text-shadow:1px 1px 4px #969696;font-family:Karla,sans-serif;text-align:center}.imgheader{width:100%;height:50vh;background-image:url(/images/stier3.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%}.curve>img{position:absolute;margin-top:-4em;z-index:3}.main-info,.main-info .infoimg{width:100%;height:40vh}.main-info .infoimg{background-image:url(/images/stier2.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%}.main-info .info-translucent{background-color:hsla(0,0%,100%,.8);width:100%;height:40vh;position:absolute}.main-info .info-course{position:absolute;width:100%;height:40vh;padding:1em}.main-info .info-course .row{height:100%}.main-info .info-course .row .course-lugar{display:flex;align-items:center;height:100%;padding:3em;justify-content:center}.main-info .info-course .row .course-lugar>div{display:block;vertical-align:middle}.main-info .info-course .row .course-lugar p{padding:0;margin:0;color:#000}.main-info .info-course .row .course-lugar .title-course{font-family:Raleway,sans-serif;font-size:35px}.main-info .info-course .row .course-lugar p:not(.title-course){font-family:Karla,sans-serif;font-size:20px}.main-info .info-course .row .course-lugar .fas{font-size:50px;margin-right:1em}.linea{width:100%;border:5px solid #20b1aa;background-color:#20b1aa}.maininfobox{width:100%;height:auto;color:#fff}.maininfobox .info-box{z-index:1;position:absolute;margin-left:auto;margin-right:auto;max-height:500px;overflow-y:auto;left:0;right:0;width:60%;padding:5em;font-family:Karla,sans-serif;margin-top:-2em;background:#000;background:linear-gradient(180deg,#000,rgba(0,0,0,.8099614846) 3%,rgba(0,0,0,.3130602241));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#666666",endColorstr="#666666",GradientType=1);box-shadow:0 0 13px 0 rgba(50,50,50,.54)}.maininfobox .boxTitle{font-size:30px}.second-img{background-image:url(/images/ocean.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%;width:100%;height:40vh;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 61%);clip-path:polygon(0 0,100% 0,100% 100%,0 61%)}.course-duration,.course-pdf{display:flex;align-items:center}.course-duration .far,.course-pdf .far{margin-right:1em;font-size:50px}.course-duration p,.course-pdf p{margin:0}.course-duration p:not(.info-title),.course-pdf p:not(.info-title){font-family:Karla,sans-serif;color:#fff;font-size:20px}.course-duration .info-title,.course-pdf .info-title{color:#ffab40;font-family:Raleway,sans-serif;font-size:25px}.course-pdf{justify-content:flex-end}.btn-campus{color:#fff;background-color:#ffab40;border-color:#ffab40;font-family:Karla,sans-serif}.img-olas{text-align:center}.img-olas img{width:5rem;height:auto;filter:brightness(0) invert(1)}.bg-gris{background-color:#fff;width:100%;height:40vh;position:absolute}@media only screen and (max-width:599px){.translucent{width:100%!important}.course-duration,.course-pdf{justify-content:center!important}.maininfobox{height:7rem}.maininfobox .info-box{width:95%;padding:3rem}.second-img{height:50vh}}@media only screen and (min-width:600px) and (max-width:1024px){.translucent{width:65%!important}.maininfobox .info-box{width:85%;padding:3rem}}@media only screen and (min-width:320px) and (max-width:374px){.curve>img{margin-top:-.75em}}@media only screen and (min-width:375px) and (max-width:567px){.curve>img{margin-top:-1em}}@media only screen and (min-width:568px) and (max-width:667px){.curve>img{margin-top:-1.5em}}@media only screen and (min-width:668px) and (max-width:768px){.curve>img{margin-top:-1.75em}}@media only screen and (min-width:769px) and (max-width:812px){.curve>img{margin-top:-2em}}@media only screen and (min-width:813px) and (max-width:1024px){.curve>img{margin-top:-2.5em}}@media only screen and (min-width:1025px) and (max-width:1366px){.curve>img{margin-top:-3em}}