@media only screen and (max-width:1800px) {
	html[lang="es-CR"] .text-column h2 {
    	line-height: 128%;
    	font-size: 65px;
	}
	html[lang="es-CR"] .polaroids-container{
		width:400px;
	}
	html[lang="es-CR"] .polaroids-container::after {
    	width: 440px;
		height: 540px;
	}
	html[lang="es-CR"] .text-column h3{
		font-size: 60px;
	}
    .landing-info{
        margin-top: 17vh;
    }
    .landing-info h1{
        font-size: 135px;
    }
    .landing-info h1 .cur:nth-child(3) span{
        font-size: 115px;
    }
    .landing-info article h3{
        font-size: 17px;
        line-height: 110%;
    }
    .facts-section .wrapper article .number{
        font-size: 60px;
    }
    .facts-section .wrapper article .number span em {
        font-size: 40px;
    }
    .history-info > div h3{
        font-size: 40px;
    }
    .history-info > div p#target{
        font-size: 26px;
    }
    .meet-info > div:nth-child(2) article p{
        width: 70%;
    }
    .meet-info > div h3 > span:first-child{
        font-size: 110px;
    }
    .meet-info > div h3 > span:last-child{
        font-size: 80px;
    }
    .meet-team h3{
        font-size: 27px;
    }
    .carousel-cell .inner-cell article h4{
        font-size: 35px !important;
    }
	.carousel-cell .inner-cell article h4 sub{
        font-size: 30px;
    }
    .service-cards .services-info h3{
        font-size: 55px;
		line-height: 85%;
    }
    .service-cards .wrapper > article h4{
        font-size: 13px;
    }
    .service-cards .wrapper > article{
        margin: 0 0 0 65%;
    }
    .trust-cards{
        width: 80%;
    }
    .card{
        height: 55rem;
    }
    .card-content article ul{
        margin-top: 10rem;
    }
    .faqs > h3{
        font-size: 120px;
    }
    .faqs > p{
        font-size: 45.4px;
    }
    .contact-intro h2{
        font-size: 145px;
    }
    .contact-info > h3{
        font-size: 70px;
    }
    .link a{
        font-size: 32px;
    }
    .footer-nav ul li a{
        font-size: 19px;
    }
    .address-social .address{
        font-size: 26px;
    }
    .address-social nav a{
        font-size: 26px;
    }
    .footer-phrase{
        height: 3rem;
    }
    .footer-phrase .marqueeser .marqueeser__inner > span{
        font-size: 40px;
    }
    .menu-container ul li a{
        font-size: 6rem;
    }
    .contact-landing h1{
        font-size: 110px;
    }
    .form-container{
        margin-left: 20%;
        width: 60%;
    }
    .single-intro h1{
        font-size: 86px;
        line-height: 100%;
    }
	.single-intro h1 sub{
		font-size: 56px;
	}
    .single-faq p{
        font-size: 19px;
    }
    .text-column h2{
        font-size: 105px;
    }
    .text-column h3{
        font-size: 70px;
    }
    .isotipo-top{
        width: 45px;
    }
    html[lang="es-CR"] .meet-info > div h3 > span:last-child {
        font-size: 55px;
        letter-spacing: -3px;
    }
	.meet-info{
		align-items:center;
	}
	.meet-info > div{
		align-items:center;
	}
	.footer-phrase .marqueeser .marqueeser__inner > span::after {
        top: 5px;
    }
	.big-picture > img:nth-of-type(3){
		width: 40%;
    	margin-left: 10%;
    	margin-right: 20%;
	}
    /* Service */
    .service-landing article p{
        width: 30%;
        margin: 0 35% 10vh;
    }
    .legal-advice .paragraph-element{
        font-size: 64px;
		width:45%;
    }
	.regular-text{
		width: 20%;
    	margin: 0 33% 0 47%;
	}
    .regular-text p{
        font-size: 18px;
    }
    .services-list .list-info h3{
        font-size: 70px;
    }
    .circle{
        width: 80%;
        left: 10%;
        height: 500px;
    }
    .card-single{
        width: 19.8%;
		height: 340px;
    }
    .card-single .top h4{
        font-size: 20px;
    }
    .solutions h3{
        font-size: 265px;
    }
    .solution-sublist{
        padding: 30px 30px;
    }
    .solution-sublist .li-title{
            font-size: 15px;
    }
    .solution-sublist .li-text{
        font-size: 16px;
    }
    .solutions-content > ul > li{
        font-size: 26px;
        padding: 10px 2px;
		width: 290px;
    }
    .make-it article h4{
        font-size: 180px;
    }
    .make-it article h4 .cur:nth-child(2){
        margin-top: 6vh;
    }
    .make-it article h4 .cur:nth-child(3) {
        margin-top: 6vh
    }
     .make-it article h4 .cur:nth-child(4) {
        margin-top: -7vh
    }
    .steps-subtitle {
        width: 70%;
        margin-right: 30%;
    }
    .steps-title article h2{
        font-size: 95px;
    }
    .steps-title {
        width: 60%;
        margin-left: 40%;
    }
    .steps-content article h4{
            font-size: 26px;
    }
    .guaran-title{
            width: 100%;
    }
    .intro-service .intro-ser-container article h3{
        font-size: 90px;
    }
	.guaran-title h2{
		 font-size: 61px;
	}
	.service-contact .wrapper article h2{
		font-size:70px;
	}
	.spacer{
		display:inline-block;
		width:30px;
	}
}

@media only screen and (max-width:1600px){
    .landing-info h1{
        font-size: 115px;
    }
    .landing-info h1 .cur:nth-child(3) span {
        font-size: 95px;
    }
    .landing-info article{
        width: 30.6%;
    }
    .facts-section .wrapper article h4{
        font-size: 20px;
    }
    .facts-section .wrapper article .number {
        font-size: 55px;
    }
    .facts-section .wrapper article .text{
        padding: 0 7%;
    }    
    .facts-section .wrapper article .number span em {
        font-size: 24px;
        letter-spacing: 0;
        margin-left: 8px;
    }
    .history-info > div h3 {
        font-size: 34px;
    }
    .history-info > div p#target{
        width: 100%;
    }
    .meet-info > div:nth-child(2) article p {
        width: 80%;
    }
    .meet-team h3 {
        font-size: 24px;
    }
    .team-phrase .marqueeser .marqueeser__inner > span{
        font-size: 440px;
    }
    .service-cards .services-info h3 {
        font-size: 60px;
    }
    .service-cards .wrapper > article{
        width: 50%;
        margin: 4rem 0 0rem 60%;
    }
    .trust-cards {
        width: 100%;
    }
    .service-cards .wrapper > article{
        margin: 0rem 0 0rem 60%;
    }
    .faqs > h3 {
        font-size: 100px;
    }
    .faqs > p {
        font-size: 35.4px;
    }
    .contact-intro h2 {
        font-size: 115px;
    }
    .contact-intro svg{
        width: 112px;
    }
    .link{
        margin-bottom: 6rem;
    }
    .link a {
        font-size: 27px;
    }
    .links hr{
        margin: 7rem 0 10rem;
    }
    .address-social .address {
        font-size: 23px;
        width: 80%;
    }
    .address-social nav a {
        font-size: 20px;
    }
    .oller-link span{
        font-size: 11px;
    }
    .oller-link svg{
        width: 13px;
    }
    .menu-container ul li a {
        font-size: 5.5rem;
    }
    .contact-landing h1 {
        font-size: 130px;
    }
    .form-container {
        margin-left: 10%;
        width: 80%;
    }
    .back{
        margin-bottom: 7rem;
    }
    .single-intro p{
        font-size: 14px;
    }
    .single-intro h1{
        font-size: 76px;
    }
	.single-intro h1 sub {
        font-size: 45px;
        top: -20px;
    }
    .single-info .quote p{
        font-size: 15px;
    }
    .single-faq h2{
        font-size: 45px;
        width: 70%;
    }
    .single-faq h3{
        width: 70%;
    }
    .carousel-cell .inner-cell article h4{
        font-size: 50px;
    }
	.carousel-cell .inner-cell article h4 sub{
        font-size: 40px;
    }
    .intro-wrapper{
        padding: 13vh 6%;
    }
    .text-column h2{
        font-size: 100px;
    }
    .text-column h3{
        font-size: 70px;
    }
    .polaroids-container{
        width: 420px;
    }
    .polaroids-container::after{
        width: 460px;
        height: 560px;
    }
    html[lang="es-CR"] .meet-info > div h3 > span:first-child {
        font-size: 80px;
    }
    html[lang="es-CR"] .meet-info > div h3 > span:last-child {
        font-size: 45px;
        letter-spacing: -2px;
    }
    .meet-team{
        width: 80%;
    }
    html[lang="es-CR"] .meet-team h3 {
        font-size: 25px;
    }
    .card-content article ul {
        margin-top: 2rem;
    }
	.footer-phrase .marqueeser .marqueeser__inner > span::after{
		top: 9px;
	}

    /* Service */
    .service-landing article{
        width: 70%;
    }
    .service-landing h1{
        font-size: 170px;
    }
    .legal-advice .para-container{
        padding: 25vh 25px 0;
    }
    .regular-text {
        width: 25%;
        margin: 0 12% 0 63%;
    }
    .card-single .top h4 {
        font-size: 19px;
    }
    .sound-box{
        bottom:10px;
    }
    .steps-subtitle {
        width: 80%;
        margin-right: 20%;
    }
    .steps-content article h4 {
        font-size: 24px;
    }
    .steps-content article p{
            font-size: 18px;
    }
    .guaran-title h2{
        font-size: 50px;
    }
    .guaran-boxes article h4{
        font-size: 22px;
    }
    .guaran-boxes article p{
        font-size: 16px;
    }
    .service-contact .wrapper article h2{
        font-size: 66px;
    }
    .intro-service .intro-ser-container article h3{
        font-size: 90px;
    }
	.spacer{
		display:inline-block;
		width:30px;
	}
}
/* ipad pro landscape */
@media only screen and (max-width:1366px){
	
	.history-info > div:last-child {
    	padding: 30px 10px;
	}
	.big-picture > img:nth-of-type(1){
		width: 55%;
    	margin-right: 50%;
	}
	.big-picture > img:nth-of-type(3){
		width: 40%;
		margin-left: 0%;
		margin-right: 40%;
	}
	.big-picture > img:nth-of-type(4){
		width: 50%;
	    margin-left: 50%;
	}
	.only-mobile {
		display: block;
	}
	.contact-landing-gif{
		    width: 40%;
    	margin: 2rem auto;
	}
	.footer-nav ul li a {
        font-size: 16px;
    }
    .isotipo-top{
        right: 1%;
    }
    /* Services */
    .solutions h3{
        font-size: 235px;
    }
    .services-list .list-info p{
        width: 33%;
        font-size: 16px;
    }
    .card-single .top h4 {
        font-size: 18px;
    }
    .make-it article h4 {
        font-size: 140px;
    }
    .steps-subtitle h3{
        font-size: 45px;
    }
    .steps-subtitle h3 em{
        font-size: 45px;
    }
    .steps-title article h2 {
        font-size: 85px;
    }
    .steps-content article h4 {
        font-size: 21px;
    }
    .guaran-title h2 {
        font-size: 50px;
    }
    .service-contact .wrapper article {
        width: 90%;
    }
    .service-contact .wrapper article h2 {
        font-size: 80px;
    }
    .intro-service .intro-ser-container article h3{
        font-size: 90px;
    }
	.spacer{
		display:inline-block;
		width:20px;
	}
}
@media only screen and (min-width:1920px){
    
}

@media only screen and (max-width: 1250px) {
	html[lang="es-CR"] .text-column h2 {
        line-height: 135%;
        font-size: 58px;
    }
	html[lang="es-CR"] .text-column h3 {
        font-size: 50px;
    }
	html[lang="es-CR"] .left-column h3 {
        line-height: 115%;
    }
	html[lang="es-CR"] .left-column h3 .cur:nth-child(1) {
    	top: -11px;
	}
	html[lang="es-CR"] .left-column h3 .cur:nth-child(2) {
    	top: -24px;
	}
	html[lang="es-CR"] .right-column h3 {
        line-height: 90%;
    }
    .isotipo-top{
        display: none;
    }
    .landing-info h1 {
        font-size: 95px;
        line-height: 137%;
    }
    .landing-info h1 .cur:nth-child(3) span {
        font-size: 75px;
    }
    .facts-section .wrapper article .number {
        font-size: 45px;
    }
	.menu-container{
		height:70vh;
	}
    .menu-container ul li a {
        font-size: 4.5rem;
    }
    .phrase{
        height: 9rem;
    }
    .marqueeser .marqueeser__inner > span{
        font-size: 130px;
    }
    .history-info > div:last-child{
        padding: 60px 0;
    }
    .meet-info > div h3 > span:first-child {
        font-size: 90px;
    }
    .meet-info > div h3 > span:last-child {
        font-size: 70px;
        letter-spacing: -4px;
    }
    .meet-info > div:nth-child(2) article p {
        width: 90%;
    }
    .logos-container{
        width: 90%;
        margin-left: 10%;
    }
    .logos-container figure img{
        max-height: 50px;
        padding: 3rem 3rem;
    }
    .meet-team{
        width: 60%;
    }
    .team-phrase .marqueeser .marqueeser__inner > span {
        font-size: 301px;
    }
    .team-phrase{
        height: 21rem;
        top: 30%;
    }
    .service-cards .services-info h3{
        display: none;
    }
    .services-info-movil,.wrapper-for-movil{
        display: block;
    }
    .card {
        height: 48rem;
    }
    .card-content article{
        height: 40rem;
    }
    .card-content article ul {
        margin-top: 7rem;
    }
    .faqs > h3 {
        font-size: 80px;
    }
    .logo{
        width: 106px;
    }
    .contact-intro h2 {
        font-size: 105px;
    }
    .contact-info > h3 {
        font-size: 60px;
    }
    .link a {
        font-size: 22px;
    }
    .footer-nav ul li a {
        font-size: 15px;
    }
	
    .address-social .address {
        font-size: 20px;
        width: 80%;
    }
    .address-social nav a {
        font-size: 18px;
    }
    .footer-phrase {
        height: 3rem;
    }
    .single-intro h1 {
        font-size: 67px;
    }
	.single-intro h1 sub {
        font-size: 45px;
        top: -16px;
    }
    .single-intro h1 em{
        font-size: 40px;
    }
    .wrapper-single {
        padding: 10rem 10% 0 0;
    }
    .single-info .quote p {
        font-size: 14px;
    }
    .single-faq h3{
        font-size: 30px;
    }
    .single-faq p {
        font-size: 17px;
    }
    .contact-landing h1 {
        font-size: 80px;
    }
    .carousel-cell .inner-cell article h4{
        font-size: 40px;
    }
	.carousel-cell .inner-cell article h4 sub{
        font-size: 30px;
    }
    .carousel-cell .inner-cell article p{
        padding: 15px 6% 10px 15px;
    }
    .intro-wrapper {
        padding: 10vh 4%;
    }
    .text-column h2 {
        font-size: 90px;
    }
    .text-column h3 {
        font-size: 60px;
    }
    .polaroids-container {
        width: 340px;
    }
    .polaroids-container::after {
        width: 370px;
        height: 450px;
    }
    .intro-logo{
        width: 75px;
        bottom: 20px;
        left: 30px;
    }
    html[lang="es-CR"] .meet-info > div h3 > span:first-child {
        font-size: 70px;
    }
    html[lang="es-CR"] .meet-info > div h3 > span:last-child {
        font-size: 41px;
        letter-spacing: -2px;
    }
    html[lang="es-CR"] .meet-team h3 {
        font-size: 20px;
    }
    .card-content article ul {
        margin-top: 1rem;
    }
    /* Service */
    .regular-text {
        width: 32%;
        margin: 0 12% 0 43%;
        -webkit-transform: translateY(-45px);
        -moz-transform: translateY(-45px);
        -ms-transform: translateY(-45px);
        -o-transform: translateY(-45px);
        transform: translateY(-45px);
    }
    .regular-text p {
        font-size: 16px;
    }
    .services-list .list-info h3 {
        font-size: 60px;
    }
    .card-single .top h4 {
        font-size: 16px;
    }
    .solutions-content > ul > li {
        font-size: 25px;
        padding: 10px 30px;
        min-width: 215px;
    }
    .guaran-title h2 {
        font-size: 40px;
    }
    .guaran-boxes article h4 {
        font-size: 20px;
    }
    .service-landing h1 {
        font-size: 130px;
    }
    .service-landing h1 em{
        font-size: 130px;
    }
    .intro-service .intro-ser-container article h3 {
        font-size: 70px;
    }
	.spacer{
		display:inline-block;
		width:15px;
	}
}

@media only screen and (max-width: 1025px){
	 html[lang="es-CR"] .text-column h2 {
        line-height: 143%;
        font-size: 45px;
    }
	html[lang="es-CR"] .text-column h3 {
        font-size: 40px;
    }
	html[lang="es-CR"] .polaroids-container {
        width: 250px;
    }
	html[lang="es-CR"] .polaroids-container::after {
        width: 280px;
        height: 340px;
    }
    .landing-info h1 {
        font-size: 85px;
        line-height: 147%;
    }
    .landing-info h1 .cur:nth-child(3) span {
        font-size: 63px;
    }
    .fact-1{
        width: 40%;
    }
	.facts-section .wrapper article .number {
        font-size: 40px;
    }
    .meet-info > div h3 > span:first-child {
        font-size: 70px;
    }
    .meet-info > div h3 > span:last-child {
        font-size: 55px;
        letter-spacing: -2px;
    }
    .meet-info > div:nth-child(2) article{
        width: 100%;
        margin-bottom: 3rem;
    }
    .meet-team {
        width: 70%;
    }
    .team-phrase {
        height: 21rem;
        top: 20%;
    }
    .wrapper {
        width: 75%;
        margin-left: 12.5%;
    }
    .contact-intro h2 {
        font-size: 95px;
    }
    .contact-intro svg {
        width: 92px;
    }
    .card-content article h3{
        font-size: 40px;
    }
    .card-content article ul li{
        font-size: 14px;
    }
    .card-content article > div p{
        font-size: 12px;
    }
    .footer-nav ul li a::after {
        width: 8px;
        height: 8px;
        right: -15px;
        top: 3px;
    }
    .footer-phrase .marqueeser {
        top: 1.5rem;
    }
    .contact-landing h1 {
        font-size: 120px;
    }
    .carousel-cell .inner-cell article h4{
        font-size: 30px;
    }
	.carousel-cell .inner-cell article h4 sub{
        font-size: 25px;
    }
    .single-info .quote {
        width: 70%;
    }
    .single-info > img {
        width: 10%;
        margin: 0 45% 3rem 45%;
    }
    .single-info .quote {
        width: 90%;
    }
    .single-info .team-social{
        width: 110px;
    }
    .single-info{
        justify-content: center;
    }
    .single-faq h2 {
        font-size: 35px;
        width: 90%;
    }
    .single-faq{
        padding: 7rem 0 0;
    }
    .single-faq h3 {
        font-size: 26px;
        width: 80%;
        margin-bottom: 3rem;
    }
    .single-faq p {
        font-size: 16px;
    }
    .tab{
        font-size: 25px;
    }
    .text-column h2 {
        font-size: 75px;
    }
    .text-column h3 {
        font-size: 50px;
    }
	.contact-landing{
		    height: auto;
    	padding-bottom: 10vh;
	}
	/* Service */
    .service-landing article {
        width: 80%;
    }
    .service-landing h1 {
        font-size: 90px;
    }
    .service-landing h1 em {
        font-size: 90px;
    }
    .phrase {
        height: 5rem;
    }
    .service-phrase .marqueeser .marqueeser__inner > span{
        font-size: 20px;
    }
    .legal-advice .paragraph-element {
        font-size: 54px;
    }
    .services-list .list-info h3 {
        font-size: 50px;
    }
    .pin-services-list{
        height:auto;
    }
    .circle{
        justify-content: flex-start;
    }
    .card-single {
        width: 32%;
        margin-bottom: 13px;
        margin-right: 1%;
    }
    .card-single .top h4 {
        font-size: 25px;
    }
    .pin-solutions{
        height: auto;
    }
    .solutions h3 {
        font-size: 165px;
    }
    .solutions-content{
        padding-top: 20vh;
    }
    .make-it article h4 {
        font-size: 120px;
    }
    .make-it article h4 .cur:nth-child(1) {
        margin-top: 5vh;    
    }
    .make-it article h4 .cur:nth-child(2){
        margin-top: 3vh;
    }
    .make-it article h4 .cur:nth-child(3) {
        margin-top: 3vh
    }
     .make-it article h4 .cur:nth-child(4) {
        margin-top: -6vh
    }
    .steps-subtitle{
        padding: 7rem 0 0;
        width: 100%;
        margin-right: 0;
    }
    .steps-title {
        width: 70%;
        margin-left: 30%;
    }
    .steps-title article h2 {
        font-size: 80px;
    }
    .steps-content article p{
        width: 53%;
        font-size: 16px;
    }
    .steps-content article .number{
        width: 6%;
    }
    .guaran-boxes article:nth-child(1),.guaran-boxes article:nth-child(2){
        margin-bottom: 5rem;
    }
    .intro-service .intro-ser-container article h3{
        font-size: 90px;
    }
    .intro-service .intro-ser-container article h3{
        font-size: 55px;
        margin-right: 24px;
    }
	.spacer{
		display:inline-block;
		width:15px;
	}
}
@media only screen and (max-width:845px){
	.facts-section .wrapper article .number {
        font-size: 32px;
    }
	
}
/* Ipad Air Portrait / Probar con Ipad Mini Portrait */
@media only screen and (max-width:820px){
    .logo{
        top: 25px;
    }
    .top-button{   
        left: unset;
        right: 9px;
    }
    .landing-info h1 {
        font-size: 65px;
        line-height: 177%;
    }
    .landing-info h1 .cur:nth-child(3) span {
        font-size: 53px;
    }
    .menu-container {
        width: 90%;
        margin: 0 5%;
    }
	.mobile-links{
		width: 90%;
        margin: 0 5%;
	}
	.mobile-links .oller-link{
		width: 25%;
	}
    .menu-bottom {
        width: 90%;
        margin: 0 5%;
    }
    .facts-section .wrapper {
        width: 66.8%;
        margin-left: 16.6%;
    }
    .facts-section .wrapper article {
        width: 50%;
        overflow: hidden;
    }
    .facts-section .wrapper article:nth-child(3) {
        margin-top: 5rem;
    }

    .facts-section .wrapper article:nth-child(4) {
        margin-top: 30rem;
    }
    .facts-section .wrapper article:nth-child(5) {
        margin-top: 3rem;
    }
    .facts-section .wrapper article:nth-child(6) {
        margin-top:23rem;
    }
    .facts-section .wrapper article:nth-child(7) {
        margin-top: -1rem;
    }
    .fact-2{
        top: 48%;
    }
    .history-info > div h3 {
        font-size: 23px;
    }
    .history-info > div p#target {
        font-size: 21px;
    }
    .meet-info > div h3 > span:first-child{
        padding-left: 0;
    }
    .logos-container {
        width: 100%;
        margin-left: 0;
    }
    .logos-container figure img {
        max-height: 50px;
        padding: 3rem 1rem;
    }
    .main-carousel{
        width: 80%;
        margin-left: 20%;
    }
    .carousel-cell{
        width: 40%;
    }
    .services-info-movil h3{
        font-size: 40px;
    }
    .service-cards .wrapper > article{
        margin: 0 0 0 30%;
        width: 70%;
    }
    .faqs > h3{
        font-size: 65px;
    }
    .faqs > p{
        font-size: 29px;
    }
    .meet-team{
        width: 100%;
    }
    .contact-intro h2{
        font-size: 50px;

    }
    .contact-intro svg {
        width: 78px;
    }
    .contact-intro{
        margin-bottom: 0rem;
    }
    .contact-info > h3 {
        width: 90%;
        margin: 0 5%;
    }
    .contact-info .contact-1 {
        width: 30%;
        left: 0;
        top: 20rem;
    }
    .link h5{
        font-size: 12px;
    }
    .link a {
        font-size: 17px;
    }
    .footer-nav ul li{
        width: 100%;
    }
    .links hr {
        margin: 5rem 0 6rem;
    }
    .service-cards{
        padding: 10rem 0 0;
    }
    .text-column h2 {
        font-size: 56px;
    }
    .text-column h3 {
        font-size: 40px;
    }
    .polaroids-container::after {
        width: 310px;
        height: 380px;
    }
    html[lang="es-CR"] .meet-info > div h3 > span:first-child {
        font-size: 47px;
    }
    html[lang="es-CR"] .meet-info > div h3 > span:last-child {
        font-size: 37px;
        letter-spacing: -2px;
    }
    .contact-info > h3 {
        width: 90%;
        margin: 0 5% 5rem;
    }
	.polaroids-container {
        width: 280px;
    }
	.big-picture > img:nth-of-type(3) {
        width: 50%;
        margin-left: 0%;
        margin-right: 40%;
    }
	 .contact-landing h1 {
        font-size: 100px;
    }
	 .contact-landing-gif {
        width: 53%;
        margin: 2rem auto;
    }
	.language{
		right: 21%;
	}
	.top-links {
		margin-left: 27.32%;
	}
	.form-box {
		padding: 30px 7% 0;
	}
    /* Service */
    .service-landing h1 {
        font-size: 130px;
    }
    .service-landing h1 em{
        font-size: 140px;
    }
    .service-landing article p {
        width: 50%;
        margin: 0 25% 5rem;
    }
    .legal-advice .paragraph-element {
        font-size: 50px;
    }
    .regular-text{
        margin: 0 12% 0 47%;
        -webkit-transform: translateY(-25px);
        -moz-transform: translateY(-25px);
        -ms-transform: translateY(-25px);
        -o-transform: translateY(-25px);
        transform: translateY(-25px);
    }
    .container-circles{
        height: auto;
    }
    .circles{
        margin-top: 7rem;
    }
    .circle {
        width: 78%;
        left: 12%;
        height: 500px;
    }
    .card-single{
        width: 49%;
    }
    .card-single .top h4 {
        font-size: 25px;
    }
    .pin-solutions{
        height: auto;
    }
    .solutions-content{
        height: auto;
        padding-top: 30vh;
        align-items: flex-start;
        padding-bottom: 10rem;
    }
    .solutions h3 {
        position: relative;
        font-size: 182px;
        padding: 0 40px;
        box-sizing: border-box;
        margin-bottom: 8rem;
    }
    .solution-sublist{
        position: relative;
        opacity: 1;
        transform: translateY(0);
    }
    .solutions-content > ul > li{
        background-color: transparent;
        border:0 none;
        margin-bottom: 5rem;
    }
    .solutions-content > ul > li > span{
        margin-bottom: 10px;
    }
    .solution-sublist{
        border-top-left-radius: 60px;
        border-top-right-radius: 60px;
        border-bottom-left-radius: 60px;
        border-bottom-right-radius: 60px;
    }
    .make-it article h4 {
        font-size: 90px;
    }
    .sound-box {
        bottom: 50px;
        width: 220px;
    }
    .sound-box p{
        font-size: 12px;
    }
    .steps-subtitle {
        padding: 4rem 0 0;
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }
    .steps-subtitle h3 {
        font-size: 35px;
    }
    .steps-subtitle h3 em{
        font-size: 35px;
    }
    .steps-subtitle h3 .cur:nth-child(2) {
       position: relative;
        top: -17px;
    }
    .steps-title article h2 {
        font-size: 68px;
    }
    .steps-content article h4 {
        font-size: 21px;
        padding-right: 15px;
        box-sizing: border-box;
    }
    .guaran-title h2 {
        font-size: 35px;
    }
    .guaran-boxes article {
        text-align: center;
        width: 45%;
        margin-bottom: 10rem;
    }
    .guaran-boxes article:nth-child(1), .guaran-boxes article:nth-child(2){
        margin-bottom: 10rem;
    }
    .service-contact .wrapper article h2 {
        font-size: 70px;
    }
    .intro-service .intro-ser-container article h3{
        font-size: 50px;
        margin-right: 24px;
    }
	.spacer{
		display:inline-block;
		width:15px;
	}
}

@media only screen and (max-width: 767px){
	html[lang="es-CR"] .text-column h2 {
        line-height: 170%;
        font-size: 35px;
    }
	html[lang="es-CR"] .text-column h3 {
        font-size: 32px;
    }
	html[lang="es-CR"] .left-column h3 .cur:nth-child(1) {
        top: -7px;
    }
	html[lang="es-CR"] .left-column h3 .cur:nth-child(2) {
        top: -16px;
    }
     /* Mobile Toggle */
     .mobile-toggle {
        display: flex;
        position: fixed;
        background-color: var(--yellow);
        border-radius: 100%;
        border: 1px solid var(--black);
        bottom: 25px;
        width: 50px;
        height: 50px;
        align-items: center;
        justify-content: center;
        z-index: 21;
        margin-left: 50%;
        left:-25px;
        transition: all 0.3s;
        opacity: 0;
    }
    .dom-is-loaded .mobile-toggle{
        opacity: 1;
    }
    .mobile-toggle .burger rect{
        fill:var(--black) !important;
    }
    .mobile-toggle .burger{
        transform: rotate(90deg);
    }
    .container-team-end{
        margin-bottom: 0;
    }
    .container-footer-1{
        padding-top: 40px;
    }
    .menu-toggle{
        display: none;
    }
    .menu-container ul{
        display: flex;
        display: -webkit-box; 
        display: -moz-box;
        display: -ms-flexbox;  
        display: -webkit-flex;    
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
    }
    .menu-container ul li {
        width: 50%;
        overflow: hidden;
        margin-bottom: 1rem;
    }
    .menu-container ul li a {
        font-size: 2.5rem;
    }
    .menu-bottom article:nth-child(1){
        width: 70%;
    }
    .menu-bottom article:nth-child(2){
        width: 30%;
    }
    .meet-info > div h3 > span:first-child {
        font-size: 60px;
    }
    .meet-info > div h3 > span:last-child {
        font-size: 45px;
        letter-spacing: -2px;
    }
    .service-cards{
        padding: 0;
    }
    .card-content article h3 {
        font-size: 30px;
    }
    .card {
        height: 35rem;
    }
    .card-content article {
        height: 30rem;
    }
    .card-content article ul {
        margin-top: 2rem;
    }
    .card-content figure img{
        max-width: 90%;
    }
    .big-picture > img:nth-of-type(1),.big-picture > img:nth-of-type(2),.big-picture > img:nth-of-type(3),.big-picture > img:nth-of-type(4){
        border-radius: 5px;
    }

    .polaroids-container {
        width: 220px;
    }
    .polaroids-container::after {
        width: 245px;
        height: 300px;
    }
    html[lang="es-CR"] .meet-info > div h3 > span:last-child {
        font-size: 30px;
        letter-spacing: -1px;
    }
    html[lang="es-CR"] .meet-info > div h3 > span:first-child {
        font-size: 43px;
    }
    .card-content article ul li {
        font-size: 12px;
    }
    .contact-intro h2 {
        font-size: 81px;
    }
    .text-column h3 {
        font-size: 45px;
    }
        .text-column h2 {
        font-size: 63px;
    }
    .landing-info h1 {
        font-size: 65px;
        line-height: 167%;
    }
    .landing-info h1 .cur:nth-child(3) span {
        font-size: 54px;
    }
    /* Service */
    .service-landing h1 {
        font-size: 57px;
    }
    .service-landing h1 em{
        font-size: 55px;
    }
    .service-landing article p{
        font-size: 14px;
    }
    .service-phrase .marqueeser .marqueeser__inner > span{
        font-size: 16px;
    }
    .phrase {
        height: 2rem;
    }
    .legal-advice .para-container{
        height: auto;
    }
    .legal-advice .paragraph-element {
        font-size: 30px;
    }
    .regular-text {
        width: 55%;
        margin: 2rem 15% 0 30%;
        
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .regular-text p{
        font-size: 14px;
        margin-bottom: 8px;
    }
    .services-list .list-info h3 {
        font-size: 40px;
    }
    .services-list .list-info p {
        width: 47%;
        font-size: 14px;
    }
    .container-circles{
        height: auto;
    }
     .pin-solutions{
        height: auto;
    }
    .card-single .top h4 {
        font-size: 21px;
    }
    .solutions-content{
        height: auto;
        padding-top: 30vh;
        align-items: flex-start;
        padding-bottom: 10rem;
    }
    .solutions h3 {
        position: relative;
        font-size: 140px;
        padding: 0 40px;
        box-sizing: border-box;
        margin-bottom: 8rem;
    }
    .solution-sublist{
        position: relative;
        opacity: 1;
        transform: translateY(0);
    }
    .solutions-content > ul > li{
        background-color: transparent;
        border:0 none;
        margin-bottom: 5rem;
    }
   
    .solution-sublist{
        border-top-left-radius: 60px;
        border-top-right-radius: 60px;
        border-bottom-left-radius: 60px;
        border-bottom-right-radius: 60px;
    }
    .make-it article h4 {
        font-size: 90px;
    }
    .sound-box {
        bottom: 50px;
        width: 220px;
    }
    .sound-box p{
        font-size: 12px;
    }
    .steps-subtitle {
        padding: 4rem 0 0;
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }
    .steps-subtitle h3 {
        font-size: 35px;
    }
    .steps-subtitle h3 em{
        font-size: 35px;
    }
    .steps-subtitle h3 .cur:nth-child(2) {
       position: relative;
        top: -17px;
    }
    .steps-title article h2 {
        font-size: 68px;
    }
    .steps-content article h4 {
        font-size: 21px;
        padding-right: 15px;
        box-sizing: border-box;
    }
    .guaran-title h2 {
        font-size: 35px;
    }
    .guaran-boxes article {
        text-align: center;
        width: 45%;
        margin-bottom: 10rem;
    }
    .guaran-boxes article:nth-child(1), .guaran-boxes article:nth-child(2){
        margin-bottom: 10rem;
    }
    .service-contact .wrapper article h2 {
        font-size: 60px;
    }
    .pin-guaranties{
        height: auto;
    }
    .guaranties-general{
        padding: 10rem 0;
    }
    .guaranties-content{
        height: auto;
    }
    .service-contact .wrapper .tabs a{
        opacity: 1;
    }
    .service-contact .wrapper .form-container{
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    .intro-service .intro-ser-container article h3{
        font-size: 45px;
        margin-right: 24px;
    }
	.solution-sublist .li-text{
		line-height:140%;
	}
	.spacer{
		display:inline-block;
		width:15px;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 935px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape){
	html[lang="es-CR"] .text-column h2 {
        line-height: 170%;
        font-size: 35px;
    }
	html[lang="es-CR"] .text-column h3 {
        font-size: 32px;
    }
	html[lang="es-CR"] .left-column h3 .cur:nth-child(1) {
        top: -7px;
    }
	html[lang="es-CR"] .left-column h3 .cur:nth-child(2) {
        top: -16px;
    }
     /* Mobile Toggle */
     .mobile-toggle {
        display: flex;
        position: fixed;
        background-color: var(--yellow);
        border-radius: 100%;
        border: 1px solid var(--black);
        bottom: 25px;
        width: 50px;
        height: 50px;
        align-items: center;
        justify-content: center;
        z-index: 21;
        margin-left: 50%;
        left:-25px;
        transition: all 0.3s;
        opacity: 0;
    }
    .dom-is-loaded .mobile-toggle{
        opacity: 1;
    }
    .mobile-toggle .burger rect{
        fill:var(--black) !important;
    }
    .mobile-toggle .burger{
        transform: rotate(90deg);
    }
    .container-team-end{
        margin-bottom: 0;
    }
    .container-footer-1{
        padding-top: 40px;
    }
    .menu-toggle{
        display: none;
    }
    .menu-container ul{
        display: flex;
        display: -webkit-box; 
        display: -moz-box;
        display: -ms-flexbox;  
        display: -webkit-flex;    
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
    }
    .menu-container ul li {
        width: 50%;
        overflow: hidden;
        margin-bottom: 1rem;
    }
    .menu-container ul li a {
        font-size: 2.5rem;
    }
    .menu-bottom article:nth-child(1){
        width: 70%;
    }
    .menu-bottom article:nth-child(2){
        width: 30%;
    }
    .meet-info > div h3 > span:first-child {
        font-size: 60px;
    }
    .meet-info > div h3 > span:last-child {
        font-size: 45px;
        letter-spacing: -2px;
    }
    .service-cards{
        padding: 0;
    }
    .card-content article h3 {
        font-size: 30px;
    }
    .card {
        height: 35rem;
    }
    .card-content article {
        height: 30rem;
    }
    .card-content article ul {
        margin-top: 2rem;
    }
    .card-content figure img{
        max-width: 90%;
    }
    .big-picture > img:nth-of-type(1),.big-picture > img:nth-of-type(2),.big-picture > img:nth-of-type(3),.big-picture > img:nth-of-type(4){
        border-radius: 5px;
    }

    .polaroids-container {
        width: 220px;
    }
    .polaroids-container::after {
        width: 245px;
        height: 300px;
    }
    html[lang="es-CR"] .meet-info > div h3 > span:last-child {
        font-size: 30px;
        letter-spacing: -1px;
    }
    html[lang="es-CR"] .meet-info > div h3 > span:first-child {
        font-size: 43px;
    }
    .card-content article ul li {
        font-size: 12px;
    }
    .contact-intro h2 {
        font-size: 81px;
    }
    .text-column h3 {
        font-size: 45px;
    }
        .text-column h2 {
        font-size: 63px;
    }
    .landing-info h1 {
        font-size: 65px;
        line-height: 167%;
    }
    .landing-info h1 .cur:nth-child(3) span {
        font-size: 54px;
    }
    /* Service */
    .service-landing h1 {
        font-size: 57px;
    }
    .service-landing h1 em{
        font-size: 55px;
    }
    .service-landing article p{
        font-size: 14px;
    }
    .service-phrase .marqueeser .marqueeser__inner > span{
        font-size: 16px;
    }
    .phrase {
        height: 2rem;
    }
    .legal-advice .para-container{
        height: auto;
    }
    .legal-advice .paragraph-element {
        font-size: 30px;
    }
    .regular-text {
        width: 55%;
        margin: 2rem 15% 0 30%;
        
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .regular-text p{
        font-size: 14px;
        margin-bottom: 8px;
    }
    .services-list .list-info h3 {
        font-size: 40px;
    }
    .services-list .list-info p {
        width: 47%;
        font-size: 14px;
    }
    .container-circles{
        height: auto;
    }
    .pin-solutions{
        height: auto;
    }
    .card-single .top h4 {
        font-size: 21px;
    }
    .solutions-content{
        height: auto;
        padding-top: 30vh;
        align-items: flex-start;
        padding-bottom: 10rem;
    }
    .solutions h3 {
        position: relative;
        font-size: 140px;
        padding: 0 40px;
        box-sizing: border-box;
        margin-bottom: 8rem;
    }
    .solution-sublist{
        position: relative;
        opacity: 1;
        transform: translateY(0);
    }
    .solutions-content > ul > li{
        background-color: transparent;
        border:0 none;
        margin-bottom: 5rem;
    }
    .solution-sublist{
        border-top-left-radius: 60px;
        border-top-right-radius: 60px;
        border-bottom-left-radius: 60px;
        border-bottom-right-radius: 60px;
    }
    .make-it article h4 {
        font-size: 90px;
    }
    .sound-box {
        bottom: 50px;
        width: 220px;
    }
    .sound-box p{
        font-size: 12px;
    }
    .steps-subtitle {
        padding: 4rem 0 0;
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }
    .steps-subtitle h3 {
        font-size: 35px;
    }
    .steps-subtitle h3 em{
        font-size: 35px;
    }
    .steps-subtitle h3 .cur:nth-child(2) {
       position: relative;
        top: -17px;
    }
    .steps-title article h2 {
        font-size: 68px;
    }
    .steps-content article h4 {
        font-size: 21px;
        padding-right: 15px;
        box-sizing: border-box;
    }
    .guaran-title h2 {
        font-size: 35px;
    }
    .guaran-boxes article {
        text-align: center;
        width: 45%;
        margin-bottom: 10rem;
    }
    .guaran-boxes article:nth-child(1), .guaran-boxes article:nth-child(2){
        margin-bottom: 10rem;
    }
    .service-contact .wrapper article h2 {
        font-size: 60px;
    }
    .pin-guaranties{
        height: auto;
    }
    .guaranties-general{
        padding: 10rem 0;
    }
    .guaranties-content{
        height: auto;
    }
    .service-contact .wrapper .tabs a{
        opacity: 1;
    }
    .service-contact .wrapper .form-container{
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    .intro-service .intro-ser-container article h3{
        font-size: 45px;
        margin-right: 24px;
    }
	.solution-sublist .li-text{
		line-height:140%;
	}
	.spacer{
		display:inline-block;
		width:15px;
	}
}

@media only screen and (max-width: 670px){
    .text-column h2 {
        font-size: 41px;
    }
    .text-column h3 {
        font-size: 30px;
    }
	.language{
		right: 28%;
	}
}

@media only screen and (max-width: 480px){
	
    .site-lines{
        justify-content: space-around;
    }
    .site-lines .line{
        display: none;
    }
    .site-lines .line:nth-child(1){
        display: block;
    }
    .site-lines .line:nth-child(2){
        display: block;
        margin: 0 10%;
    }
    .site-lines .line:nth-child(3){
        display: block;
    }
    .top-links{
        display: none;
    }
    .landing-info h1 .cur:nth-child(2){
        top: 0;
    }
    .landing-info h1 {
        font-size: 36px;
        line-height: 121%;
    }
    .landing-info h1 .cur:nth-child(2) {
        top: -14px;
    }
    .landing-info h1 .cur:nth-child(3) {
        top: -20px;
    }
    .landing-info h1 .cur:nth-child(3) span {
        font-size: 33px;
        
    }
    .landing-info article{
        margin-left: 14%;
        width: 72.6%;
        margin-top: 8rem;
    }
    .container-redes-sociales{
        left: 17px;
    }
    .landing{
        min-height: 70vh;
    }
    .facts-section{
        margin-top: 10rem;
    }
    .facts-section .wrapper {
        width: 72%;
        margin-left: 14%;
    }
    .wrapper {
        width: 72%;
        margin-left: 14%;
    }
    .fact-1 {
        width: 50%;
        top: -60px;
    }
    .facts-section .wrapper article {
        width: 100%;
        overflow: hidden;
    }
    .facts-section .wrapper article:nth-child(2) {
        margin-top: 5rem;
    }
    .facts-section .wrapper article:nth-child(3) {
        margin-top: 5rem;
    }
    .facts-section .wrapper article:nth-child(4) {
        margin-top: 5rem;
    }
    .facts-section .wrapper article:nth-child(5) {
        margin-top: 5rem;
    }
    .facts-section .wrapper article:nth-child(6) {
        margin-top: 5rem;
    }
    .facts-section .wrapper article:nth-child(7) {
        margin-top: 5rem;
    }
    .fact-2{
        display: none;
    }
    .fact-3{
        right: 0;
        width: 73.2%;
        border-radius: 5px;
    }
    .facts-section{
        margin-top: 10rem;
        padding-bottom: 10rem;
    }
    .white-bg{
        padding: 10rem 0 5rem;
    }
    .meet {
        padding: 5rem 0 50rem;
    }
    .meet-info > div h3 {
        text-align: left;
    }
    .meet-info > div:first-child {
        justify-content: flex-start;
    }
    .marqueeser .marqueeser__inner > span {
        font-size: 50px;
        letter-spacing: -2.34px;
    }
    .marqueeser .marqueeser__inner > span::after{
        width: 20px;
        height: 20px;
        right: -12px;
        top: 21px;
    }
    .history-info > div:first-child {
        padding-right: 0;
    }
    .history-info > div {
        width: 100%;
    }
    .meet-info > div{
        width: 100%;
    }
    .meet-team{
        padding-top: 10rem;
    }
    .meet-team h3 {
        font-size: 17px;
    }
    .team-phrase{
        height: 8rem;
        top:0;
        padding: 0;
    }
    .team-phrase .marqueeser .marqueeser__inner > span {
        font-size: 70px;
        letter-spacing: 0;
    }
    .main-carousel {
        width: 86%;
        margin-left: 14%;
    }
    .carousel-cell{
        width: 100%;
    }
    .carousel-cell .inner-cell article{
        height: 40%;
        top:60%;
        opacity: 1;
    }
    .inner-cell::after{
        opacity: 0.5;
    }
    .inner-cell:hover::after{
        opacity: 0.5;
    }
    .services-info-movil h3 {
        font-size: 20px;
    }
    .services-info-movil h3 > span:nth-child(2){
        padding-left: 0;
    }
    .service-cards{
        padding-top: 2rem;
    }
    .service-cards .wrapper > article {
        margin: 0 0 0 0%;
        width: 100%;
        top: 0rem;
    }
    .service-cards .wrapper > article h4 {
        font-size: 11px;
    }
    .card{
        height: 71rem;
        padding: 1.5rem;
    }
    .card-content article {
        height: auto;
        width: 100%;
        margin-right: 0;
    }
    .card-content article h3 {
        font-size: 27px;
    }
    .card-content article hr{
        margin: 1.5rem 0;
    }
	.card-content article ul li{
		        font-size: 14px;
	}
    .card-content article > div img{
        display: none;
    }
    .card-content article > div{
        margin-bottom: 2rem;
    }
    .card-content figure {
        width: 100%;
    }
    .card-content figure img {
        max-width: 100%;
    }
    .big-picture > img:nth-of-type(1) {
        width: 90%;
        left: -10%;
        margin-right: 0%;
        border-radius: 5px;
        margin-bottom: 6rem;
    
    }
    .big-picture > img:nth-of-type(2){
        margin-bottom: 8rem;
        width: 70%;
        margin-left: 30%;

    }
    .big-picture > img:nth-of-type(3){
        width: 60%;
        margin-left: 10%;
        margin-right: 40%;
        margin-bottom: 5rem;
    }
    .big-picture > img:nth-of-type(4) {
        width: 70%;
        margin-left: 30%;
        margin-bottom: 5rem;
        right: -10%;
    }
    .big-picture .logo-color img{
        width: 45%;
    }
    .faqs > h3 {
        font-size: 34px;
        letter-spacing: -2px;
        margin-bottom: 4rem;
    }
    .faqs > p {
        font-size: 20px;
        width: 100%;
    }
    .faqs > h4{
        font-size: 14px;
        margin-bottom: 4rem;
        
    }
    .container-preguntas {
        width: 100%;
        margin-left: 0;
        margin-top: 5rem;
    }
    .contact-intro h2 {
        font-size: 55px;
        letter-spacing: -2px;
        text-align: left;
    }
    .contact-intro h2 hr{
        width: 76%;
    }
    .contact-intro svg {
        width: 79px;
    }
    .contact-info > h3 {
        font-size: 35px;
        width: 100%;
        margin: 0 0 5rem 0;
    }
    .contact-info .contact-1 {
        width: 70%;
        margin-bottom: 7rem;
        left: 0;
        top: 20rem;
        position: static;
    }
    .scontact {
        padding: 5rem 0;
    }
    .address-social {
        width: 100%;
        margin-top: 0rem;
        margin-bottom: 5rem;
    }
    .address-social .address {
        font-size: 17px;
        width: 90%;
    }
    .address-social nav a {
        font-size: 15px;
        letter-spacing: 0px;
    }
    .links {
        width: 100%;
    }
    .contact-info .contact-2 {
        width: 70%;
        margin: 5rem 0 0 30%;
        position: static;
    }
    .top-footer{
        padding: 5rem 14%;
    }
    .middle-footer{
        width: 35%;
    }
    .top-footer p{
        width: 30%;
    }
    .top-footer p:first-child{
        text-align: left;
    }
    .container-redes-sociales{
        bottom: 110px;
    }
    .big-menu > img{
        width: 15%;
        top: 12vh;
        right: 5%;
        display: none;
    }
    .menu-container {
        width: 100%;
        margin: 0;
        height: auto;
        padding-top: 13vh;
        margin-bottom: 3rem;
    }
    .menu-container ul li{
        width: 100%;
    }
    .menu-container ul li a {
        font-size: 3rem;
    }
    .mobile-links{
        width: 100%;
    }
    .mobile-links .oller-link{
		text-align:center;
    }
    .mobile-links .oller-link span{
        font-size: 12px;
    }
    .menu-bottom{
        width: 100%;
        margin: 0;
        position: static;
    }
    .menu-bottom article:nth-child(1) {
        width: 80%;
        margin-bottom: 2rem;
    }
    .menu-bottom article:nth-child(2) {
        width: 80%;
    }
    .contact-landing h1{
        font-size: 46px;
        line-height: 96%;
        letter-spacing: -1.34px;
    }
    .contact-landing{
        height: auto;
        margin-bottom: 7rem;
    }
    .only-mobile{
        display: block;
    }
    .contact-landing-gif{
        width: 60%;
        margin: 5rem 20% 0;
        border-radius: 5px;
    }
    .tab {
        font-size: 20px;
        width: 50%;
		margin-bottom:2.5rem;
		justify-content: flex-start;
    }
    .content{
        top:5%;
    }
    .form-box form input, .form-box form select{
        background-size: 15px;
        background-position: 92% 50%;
    }
    .form-container {
        margin-left: 0;
        width: 100%;
    }
    .form-top{
        padding: 15px 15px;
    }
    .form-top p{
        font-size: 12px;
        width: 75%;
    }
    .form-box{
        padding: 17px 5% 0;
    }
    .form-box form input, .form-box form textarea, .form-box form select{
        font-size: 16px;
    }
    .form-box form input[type="submit"]{
        font-size: 17px;
    }
    .content .contact-link a{
        font-size: 26px;
    }
    .content .contact-link a svg {
        width: 27px;
        margin-right: 10px;
    }
    .content .contact-link{
        margin-top: 10vh;
    }
    .pic-single{
        width: 100%;
        height: 30vh;
        z-index: 3;
    }
    .wrapper-single {
        padding: 4rem 15% 0 0;
    }
    .single-section-equipo {
        width: 87%;
        margin-left: 13%;
        padding-bottom: 10rem;
        margin-top: 30vh;
        position: relative;
        z-index: 2;
    }

    .single-curtain{
        height: 3rem;
        width: 100%;
        background-color:var(--black);
        display: block;
        position: fixed;
        top:30vh;
        left:0;
        z-index: 4;
    }
    .back span{
        font-size: 16px;
    }
    .back {
        margin-bottom: 7rem;
    }
    .single-intro p{
        font-size: 12px;
        margin-bottom: 1.5rem;
    }
    .single-intro h1 {
        font-size: 51px;
        line-height: 81%;
    }
	.single-intro h1 sub{
		font-size: 37px;
		top:-10px;
	}
    .single-intro h1 span{
        display: block;
    }
    .single-intro h1 em{
        font-size: 45px;
        margin-left: 0px;
    }
    .single-info hr:first-child {
        margin-bottom: 3rem;
    }
    .single-info .quote {
        width: 80%;
        margin-bottom: 4rem;
    }
    .single-info hr:last-child {
        margin-top: 4rem;
    }
    .single-faq h2{
        line-height: 110%;
        margin-bottom: 5rem;
        font-size: 31px;
        width: 100%;
    }
    .single-faq h3{
        width: 100%;
    }
    .single-faq p {
        font-size: 14px;
        margin-bottom: 7rem;
    }
    .footer-phrase .marqueeser .marqueeser__inner > span{
        font-size: 34px;
        padding: 0 8vw;
    }
    .footer-phrase {
        height: 2rem;
    }
    .footer-phrase .marqueeser .marqueeser__inner > span::after{
        width: 12px;
        height: 12px;
        right: -9px;
        top: 10px;
    }
    .logo{
        top: 16px;
        width: 85px;
    }
    .logo img {
        width: 60%;
        margin: 2px 20%;
    }
    .language {
        width: 21%;
        position: fixed;
        top: 35px;
        right: 38.6%;
        z-index: 10;
    }
    .intro-wrapper {
        padding: 11vh 5%;
    }
    .text-column {
        width: 100%;
    }
    .text-column h2 {
        font-size: 50px;
    }
    .text-column h3 {
        font-size: 40px;
    }
    .right-column{
        width: 60%;
        margin-left: 40%;
        margin-top: 5rem;
    }
    .polaroids{
        width: 100%;
    }
    .deco-isotype::before{
        width: 20px;
        height: 15px;
        position: relative;
        top: 2px;
    }
    .content-container{
        height: 530px;
    }
    .gray-bg{
        padding: 5rem 0 5rem;
    }
    .go-contact{
        padding: 10rem 0 0;
    }
    .back svg{
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    .logos-container figure img{
        padding: 3rem 5rem;
    }
    .single-intro h1 span{
        display: block;
    }
    .nav-links{
        padding-bottom: 7rem;
    }
    html[lang="es-CR"] .meet-team h3 {
        font-size: 16px;
        letter-spacing: -0.5px;
    }

    /* Service */
    .service-phrase .marqueeser {
        top: 2rem;
    }
    .legal-advice .paragraph-element{
        font-size: 35px;
        width: 80%;
    }
    .regular-text p{
        margin-bottom: 20px;
    }
    .services-list .list-info p{
        width: 60%;
    }
    .card-single {
        width: 98%;
    }
    .card-single .top h4{
        font-size: 25px;
        line-height: 88%;
    }
    .circle{
        height: auto;
        position: relative;
    }
    .container-circles{
        padding: 10rem 0 0;
    }
    .solutions-content {
        height: auto;
        padding-top: 20vh;
        align-items: flex-start;
        padding-bottom: 0;
    }
    .solutions-content > ul > li > span{
        font-size: 18px;
        margin-bottom: 15px;
    }
	.solution-sublist {
        padding: 16px 30px;
    }
    .solutions h3{
        font-size: 110px;
        margin-bottom: 5rem;
    }
    .desktop-pic{
	    display: none;
    }
    .mobile-pic{
        display: block;
    }
    .make-it article h4 {
        font-size: 55px;
    }
    .make-it article h4 .cur:nth-child(2) {
        margin-top: 11vh;
    }
    .make-it article h4 .cur:nth-child(3) {
        margin-top: 10vh;
    }
    .make-it article h4 .cur:nth-child(4) {
        margin-top: 5vh;
        margin-left: 40vw;
    }
    .sound-box {
        position: relative;
        bottom: 60px;
        width: 40%;
        right: 0;
        left: 48%;
    }
    .sound-box p {
        font-size: 10px;
    }
    .steps-subtitle h3{
        line-height: 100%;
        font-size: 30px;
        margin-bottom: 2rem;
    }
    .steps-subtitle h3 .cur:nth-child(2){
        top:0;
    }
    .steps-title article h2 {
        font-size: 32px;
    }
    .steps-title article img {
        left: -90px;
        max-width: 100px;
    }
    .steps-content {
        width: 80%;
        margin: 0 auto;
    }
    .steps-content article h4 {
        width: 100%;
        margin-bottom: 10px;
    }
    .steps-content article p {
        width: 80%;
        font-size: 14px;
    }
    .steps-content article .number {
        width: 19%;
        font-size: 16px;
        position: absolute;
        bottom: 31px;
        right: 0;
    }
    .guaran-title h2 {
        font-size: 30px;
		text-align:left;
    }
    .guaran-title {
        margin: 0 auto 7rem;
    }
    .service-contact .wrapper article {
        width: 100%;
    }
    .service-contact .wrapper article h2 {
        font-size: 42px;
    }
    .guaran-boxes article{
        width: 100%;
    }
    
    .service-contact .wrapper article p{
        font-size: 16px;
    }
    .service-contact .wrapper article p.label{
        font-size: 10px;
    }
    .guaranties-general {
        padding: 10rem 0 0;
    }
    .service-landing-bg{
        width: auto;
        left:-55%;
        height: 100%;
    }
    .service-contact .wrapper .tabs a{
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .intro-service .intro-ser-container article{
        flex-wrap:wrap;
    }
    .intro-service .intro-ser-container article h3 {
        width: 100%;
        text-align: center;
        font-size: 60px;
        margin-right: 0;
    }
	.solution-sublist .li-text{
		line-height:140%;
	}
	.spacer{
		display:inline-block;
		width:10px;
	}
	.services-list .list-info h3{
		line-height: 90%;
	}
	.services-list .list-info h3 .cur:nth-child(2) {
    	top: 0;
	}
	.services-list .list-info h3 .cur:nth-child(3) {
		top: 0;
	}
	.services-list .list-info h3 em {
    	line-height: 100%;
	}
	.only-mobile480{
		display: block;
		width: 60%;
        margin: 5rem 20% 0;
        border-radius: 5px;
	}
}
@media only screen and (max-width: 375px){

}