@media (max-width: 768px) {
	/*-- GENERAL --*/
		h4 {font-size: 1.2rem !important;}
		.main-block {padding: 1rem 2rem 2rem;}

	/*-- NAV --*/
		#menu {display: none;}
		nav {width: 100%; height: 15vh; padding: 0; justify-content: space-around !important; box-shadow: 0 2px 20px rgb(0 0 0 / 19%), 0 1px 6px rgb(0 0 0 / 23%);}
		#logo {height: 100%;}
		#logo img {width: 100%; padding: .3rem 0;}
		#main-container {justify-content: space-around;}
		#mob-menu svg {font-size: 2rem; color: var(--celeste);}

	/*-- SLIDE --*/
		.slide-title {text-align: center; line-height: 1; margin-bottom: .5rem; font-size: 2.3rem;}

	/*-- WE ARE --*/
		.img-resp {width: 100% !important;}

	/*--SERVICES --*/
		#services {padding: .5rem .5rem 2rem;}
		.main-title, .main-title-white {font-size: 2rem; line-height: 1;}
		#services-content {grid-template-columns: repeat(2, 1fr); grid-gap: 1rem;}
		.service-title {font-size: 1rem; padding: .5rem; margin: 0; line-height: 1;}
		#morph-button-div {margin: 0;}

		/*MORPH*/
		.btn-morph {width: 85%; padding: 0 0.5rem; height: 20px; margin: 0.5rem 0 0.75rem; font-size: .75rem;}
		.services-modal {padding: 0;}
		.service-modal-img {width: 100%; height: 35% !important;}
		.service-modal-info {width: 100%; height: auto !important; padding: 0 1.5rem; margin: 1rem 0 0;}
		.service-modal-title {font-size: 1.5rem; line-height: 1; margin-bottom: 1rem;}
		.service-modal-descrip {font-size: 1rem;}
		.btn-whatsapp {margin: 1.5rem auto; padding: 1rem;}
		.icon-whatsapp {font-size: 1rem;}
		.icon-whatsapp::before {font-size: 1rem; padding-right: .4rem;}
		.icon-close {position: absolute; top: 10px; right: 10px; font-size: .5rem;}

	/*--CLIENTS --*/
		#clients {padding: 0.5rem 0.5rem 2rem;}
		#clients .main-title {margin-bottom: 1rem;}
		#clients-content {grid-template-columns: repeat(2,1fr); grid-gap: 0 0.5rem;}

	/*--PARTNERS --*/
		#partners {padding: 0.5rem 0.5rem 2rem;}
		#partners-sub {display: grid;}
		.partner {width: 85%; margin: 0 auto 4rem !important;}
		.partner-name {margin-top: 0;}

	/*--FOOTER --*/
		footer h4 {margin: 1.5rem 0 0.7rem;}
		#footer-main {padding: 0.5rem 0.5rem 2rem;}
		#footer-main > div {flex-direction: column !important;}
		#footer-main #map {width: 100%;}
		#footer-main iframe {width: 100%; height: 120px;}
		#footer-main #data {text-align: center;}
		#footer-main #data .bar {display: none;}
		#footer-main #form {margin: 0 auto;}
		#contact-info {width: 100%;}
		#form-container {margin: 0 auto;}
		textarea {margin-bottom: .5rem;}

	/*Nav bar mobile*/
		#mob-menu{display: flex;}
		body{overflow-x: hidden;}
		.nav-links{
			position: absolute;
			right: 0%;
			height: 90vh;
			top: 10vh;
			width: 40%;
			transform: translateX(100%);
			transition: all 0.6s ease ;
			text-align: center;
			background: #fff;
		}
		.nav-links div {
			margin: 1.7rem 0;
			font-size: 1.3rem;
		}
		.nav-links li{list-style: none;}
		.nav-links a{
			color: steelblue;
			text-decoration: none;
			letter-spacing: 2px;
			font-weight: bold;
			font-size: 19px;
			transition: all 1s ease;
		}
		.burger div{
			width: 25px;
			height: 4px;
			background-color:steelblue;
			margin:5px;
			transition: all 0.6s ease ;
		}
		.burger{
			display: block;
			cursor: pointer;
		}
		.nav-active{
			transform: translateX(0%);
			box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
		}
		.toggle .linea1{
			transform: rotate(-45deg) translate(-5px,6px);
		}
		.toggle .linea2{
			opacity: 0;
		}
		.toggle .linea3{
			transform: rotate(45deg) translate(-5px,-7px);
		}
		.active {border-bottom: none;}
}

@media (max-width: 426px) {
	.newNav {
	    width: 100%;
	    height: 10vh;
	    padding: 0.4rem 2rem;
	    background: #fff;
	    position: fixed;
	    z-index: 100;
	    font-size: 1.1rem;
	    border-bottom: 1px solid #c5c5c5;
	}
}

@media (min-width: 769px)  {
	#mob-menu {display: none;}
	nav img {height: 100%; width: 60%;}
	nav span {margin: 0 0.5rem; font-size: 1rem;}
	nav {padding: 0;}
	#services-content {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 2rem;}
	#clients-content {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0 2rem;}
	iframe {width: 100%;}
	.newNav {height: 15vh;}
	#partners-sub {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 2rem;}
	.partner-name{font-size: 1rem; margin-top: 0;}
	#data {text-align: center;}
}

@media (min-width: 462px) {
	#clients-content {grid-template-columns: repeat(3,1fr); grid-gap: 3rem;}
	#clients .main-title {margin-bottom: 3rem;}
	.partner {width: 100%; text-align: center; margin: 2rem 0.5rem;}
	#footer-main h4 {font-size: 1.2rem;}
	.bar {display: none;}
}

@media (min-width: 1025px) {
	#clients-content {grid-template-columns: repeat(4,1fr); grid-gap: 3rem;}
	#services-content {grid-template-columns: repeat(4, 1fr);}
	#partners-sub {grid-template-columns: repeat(4,1fr);}
	.partner {margin: 0;}
}