body{
				font-family: 'Manrope', sans-serif;
				font-size: 16px;
			}
			.rounded{
			    border-radius: 20px !important;
			}
			.bg-color-01{
			    background-color: var(--color-01);
			}
			.bg-color-02{
			    background-color: var(--color-02);
			}
			.btn{
				/*
				padding-left: 50px;
				padding-right: 50px;
				padding-top: 8px;
				padding-bottom: 8px;
				*/
				padding-top: 10px;
				padding-bottom: 9px;
				width:240px;
				height:48px;
			}
			.menuPrincipal .navbar{
				padding-bottom: 0;
			}
			.menuPrincipal .navbar-nav{
				margin-bottom: -1px;
				padding-top: 30px;
			}
			.menuPrincipal .nav-link{
				text-transform: uppercase;
				font-size:0.85em;
				font-weight: 700;
				margin-left: 16px;
				margin-right: 16px;
				padding-bottom: 20px;
				transition: .5s;
				border-bottom: 3px solid rgba(100, 100, 100, 0);
			}
			.menuPrincipal .nav-link:hover{
				border-bottom: 3px solid var(--color-02);
			}
			.navbar-toggler{
				background-color: var(--color-01);
				color: var(--color-04);
				border-radius: 0;
				border: 0;
				padding: 10px 12px;
			}
			.cuerpo{
				background-image: url(../img/vector-01.webp);
				background-size: 45% auto;
				background-repeat: no-repeat;
				background-position: right top;
			}
			.slidemain h1{
				font-size: 63px;
				color: var(--color-01);
				line-height: 1.1em;
				margin-bottom: 18px;
			}
			.slidemain h2{
				font-size: 30px;
				color: var(--color-01);
				line-height: 1.2em;
				margin-bottom: 18px;
			}
			.features{
				margin-top: 20px;
				margin-bottom: 20px;
				font-size:.9em;
				line-height:1.2em;
			}
			.features:hover > .featuresImage{
				/*filter: grayscale(1);*/
				border-top: 3px solid var(--color-02);
			}
			.featuresImage{
				border-top: 3px solid #DDDDDD;
				margin-top: 20px;
				padding-top: 20px;
				/*filter: grayscale(0);*/
				transition: .5s;
			}
			.apuntes{
				font-size:.9em;
				line-height:1.3em;
			}
			.services, .work{
			    background-color: var(--color-01);
			    color: #efefef;
			}
			.service{
			    padding-top: 20px;
			    margin-bottom: 0px;
			    border-bottom: 2px solid #efefef;
			    margin-right: 10px;
			    margin-left: 10px;
			    margin-top: 20px;
			    transition: .5s;
			}
			.service h3{
			    padding-top: 10px;
			    padding-bottom: 10px;
			    font-weight: 700;
			    font-size: 20px;
			    width: 65%;
			}
			.service:hover{
			    padding-top: 0px;
			    margin-bottom: 20px;
			}
			.service img{
			    /*filter: grayscale(0);*/
			}
			.service:hover > img{
			    /*filter: grayscale(1);*/
			}
            
            .faq{
                margin-top:20px;
                margin-bottom:20px;
            }
            .faq .accordion-item{
                border: 0;
            }
            .faq .accordion-button{
                padding: 25px;
                font-size: 20px;
                font-weight: 700;
                border-radius: 20px 0 20px 0 !important;
                border-bottom: 3px solid var(--color-01);
                border-right: 3px solid var(--color-01);
            }
            .formulario{
                margin-top: -100px;
            }
            .formulario .form-control{
                font-family: 'Manrope', sans-serif;
                background: transparent;
                border-radius: 0 !important;
                border: 0 !important;
                border-bottom: 1px solid #efefef !important;
                color: #ffffff;
                margin-bottom: 35px;
            }
            .formulario .form-control::placeholder {
              color: #dfdfdf;
            }
            .bloque{
                position:relative;
            }
            .text-bg{
                position:absolute;
                top:5%;
                right:0%;
                opacity:.03;
                font-size:14em;
                line-height:.8em;
                z-index:-1;
                font-weight:700;
                text-align:right;
            }
            footer{
                font-size: 14px;
            }
/**************************/
/******* MEDIA QUERY ******/
/**************************/
@media (max-width: 575.98px) {
			.menuPrincipal .navbar-brand{
				margin-top: 10px;
				margin-bottom: 10px;
			}
			.menuPrincipal .navbar{
				background-color: rgba(255, 255, 255, .9) !important;
			}
			.cuerpo{
				background-size: 90% auto;
			}
			.slidemain{
				text-align: center;
			}
			.slidemain h1{
				font-size: 2em;
			}
			.slidemain h2{
				font-size: 1.3em;
			}
    .text-bg{font-size:7em;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .text-bg{font-size:8em;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .text-bg{font-size:9em;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .text-bg{font-size:10em;}
}
@media (min-width: 1200px) {
    .text-bg{font-size:12em;}
}