
@media screen and (max-width: 991px) {
  .order-last {
    	order: 0;
  }

  #header .navbar {
    gap: 10px;
  }

  #header .country-switcher {
    padding-left: 5px;
  }

  #header .country-switcher-label {
    display: none;
  }

  #header .nav-link .contact-link-phone {
    display: block;
    margin-left: 34px;
    margin-top: 2px;
  }
}

@media screen and (max-width: 575px) {
	h2 {
		font-size: 1.6rem;
	}

	#header {
		padding: 6px 0;
	}

	#header .navbar {
		align-items: center;
		padding-left: 0;
		padding-right: 0;
	}

	#header .navbar-brand img {
		max-height: 38px;
	}

	#header .navbar-actions {
		gap: 8px;
	}

	#header .country-switcher {
		min-height: 38px;
		padding: 3px;
	}

	#header .country-switcher-option {
		gap: 4px;
		min-height: 30px;
		padding: 6px 8px;
	}

	#header .country-switcher-name {
		display: none;
	}

	#header .country-switcher-code {
		width: 22px;
		height: 22px;
		font-size: 10px;
	}

	#header .country-switcher-flag {
		width: 20px;
		height: 16px;
		font-size: 15px;
	}

	#header #cotizaButton {
		width: auto;
		margin-top: 0;
		padding: 9px 18px;
	}

	.anchor {
	  bottom: 125px;
	}

	#cotizaButton {
		margin-top: 0.8em;
		width: 100%;
	}

	#main section {
		padding: 50px 25px 100px;
		min-height: 450px;
	}
	#main section h2 {
		padding-bottom: 15px;
	}

	#main section p {
		padding-bottom: 5px;
	}
	#intro {
		background-size: 130%;
		background-position: 50% 80%;
	}

	#planes {
		background-size: 85%;
		background-position: 80% 90%;
	}

	#pagos {
		background-size: 85%;
		background-position: 50% 70%;
	}

	#referidos {
		background-size: 88%;
		background-position: 50% 85%;
	}

	#respaldo{
		background-size: 70%;
		background-position: 50% 80%;
	}
	#cotiza {
		background-size: 150%;
		background-position: 50% 100%;
	}

	#cotiza form {
		margin: 0 1.5em;
	}
	#cotiza input {
		margin-bottom: 1em;
	}
	.phone-fields {
		grid-template-columns: 96px minmax(0, 1fr);
	}
	.phone-fields input {
		margin-bottom: 0;
	}
	#cotiza .btn-red {
		margin-top: 0; 
	}
}
