@media(min-width: 770px) {
 header.header {

        display: block;

        position: fixed;

        width: 100%;

        background: white;

        z-index: 99999;

        box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.25);

    }
}
.banner-compromisos{
	font-family: 'Montserrat',sans-serif;
	font-weight: 700;
	margin-top: 6%;
	text-align: left;
}
.title-compromisos{
    color: #000;
    font-size: 30px;
    line-height: normal;
}

.calma-compromisos{
	     color: #2bc46e;
	     font-size: 200px;
	     margin-top: -4%;
}

.img-compromisos{
	 margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.img-compromisos img{
	 margin-left: auto;
	 margin-right: auto;
	 width: 20% !important;
	 margin-top: -15% !important;
}

@media(max-width: 769px) {
.banner-compromisos{
	font-family: 'Montserrat',sans-serif;
	font-weight: 700;
	margin-top: 35%;
	text-align: left;
}
.title-compromisos{
    color: #000;
    font-size: 24px;
    line-height: normal;
}

.calma-compromisos{
	     color: #2bc46e;
	     margin-top: -4%;
	    font-size: clamp(65px, 10vw, 100px) !important;
}

.img-compromisos{
	 margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.img-compromisos img{
	 margin-left: auto;
	 margin-right: auto;
	 width: 40% !important;
	 margin-top: -15% !important;
}
}
