@media only screen and (max-width: 1499px){
	
	html{
		font-size: 17px;
	}
	body, table, td{
		font-size: 1rem;
	}
	h1, .h1{ font-size: 4.2rem; }
	h2, .h2{ font-size: 2.95rem; }
	h3, .h3{ font-size: 2.235rem; }
	h4, .h4{ font-size: 1.885rem; }
	h5, .h5{ font-size: 1.295rem; }
	h6, .h6{ font-size: 1.175rem; }
	
	.site_header_brand img{
		max-height: 70px;
		width: auto;
	}
	.site_header .site_header_nav .main_menu li.cta a{
		min-height:120px;
	}
	main{
		margin-top: 120px;
	}
	
	.card_hero{
		min-height: 600px;
	}
	.site_header .site_header_nav .main_menu li.cta a{
		font-size: 2em;
		padding: .2em 2em;
	}
	.btn:not(.btn-lg):not(.btn-sm):not(.btn-link){
		min-height: 54px;
		padding: .25em 2.5em;
		font-size: 22px;
	}
	.site_header .site_header_nav .main_menu a{
		font-size: 1.2em;
	}
	
	.swiper_temas .card_block .card_image{
		max-width: 100px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.page_header{
		min-height: 400px;
	}
}

@media only screen and (max-width: 1399px){
	
	.swiper-button-next, .swiper-button-prev{
		width: 3rem;
		height: 3rem;
	}
	
	html{
		font-size: 16px;
	}
	h1, .h1{ font-size: 4rem; }
	h2, .h2{ font-size: 2.8rem; }
	h3, .h3{ font-size: 2.25rem; }
	h4, .h4{ font-size: 1.8rem; }
	h5, .h5{ font-size: 1.25rem; }
	h6, .h6{ font-size: 1rem; }
	
	.btn:not(.btn-lg):not(.btn-sm):not(.btn-link){
		min-height: 3.125rem;
		font-size: 1.25rem;
	}
	
	.site_header .site_header_nav .main_menu li.cta a{
		min-height:100px;
	}
	main{
		margin-top: 100px;
	}
	
	.site_header.open .site_header_nav .main_menu li.cta a{
		min-height: 70px;
	}
	.site_header.open .site_header_brand img{
		max-height: 48px;
	}
	
	.site_header .site_header_nav .main_menu a{
		font-size: 1.125rem;
	}
	
	.card_hero{
		min-height: 520px;
	}
	
	.swiper_temas .card_block .card_image{
		max-width: 90px;
	}
	.page_header{
		min-height: 360px;
	}
}

@media only screen and (max-width: 1199px){
	
	html{
		font-size: 18px;
	}
	
	.site_header_brand{
		padding: 20px 0;
	}
	main{
		margin-top: 120px;
	}
	.site_header_brand img{
		max-height: 80px;
	}
	.site_header.open .site_header_brand img{
		max-height: 60px;
	}
	.site_header_nav{
		position:fixed;
		top: 120px;
		left: 0;
		width: 100vw;
		bottom: 0;
		overflow:hidden;
		overflow-y: auto;
		background-color: var(--white);
		padding: 1.5rem;
		justify-content: center;
		border-top: 1px solid var(--light);
		opacity: 0;
		visibility: hidden;
	}
	.site_header.open .site_header_nav{
		top: 100px;
	}
	.site_header_nav.show{
		visibility: visible;
		opacity: 1;
	}
	.site_header_nav .main_menu{
		flex-direction: column;
	}
	
	.site_header .site_header_nav .main_menu a{
		font-size: 1.5rem;
		text-align: center;
	}
	.main_menu li.cta{
		margin-top: auto;
	}
	.site_header .site_header_nav .main_menu{
		width: 100%;
		align-items: stretch;
	}
	.site_header.open .site_header_nav .main_menu li.cta a{
		min-height: 100px;
	}
	
	.main_menu li:not(:last-child):not(.cta){
		padding: 0.5rem;
		border-bottom: 1px solid var(--light);
	}
	.card_hero{
		min-height: 620px;
	}
	.page_header{
		min-height: 420px;
	}
}

@media only screen and (max-width: 991px){
	html{
		font-size: 17px;
	}

}

@media only screen and (max-width: 767px){
	html{
		font-size: 16px;
	}
	h1, .h1{ font-size: 3.2rem; }
	h2, .h2{ font-size: 2.5rem; }
	h3, .h3{ font-size: 2rem; }
	h4, .h4{ font-size: 1.5rem; }
	h5, .h5{ font-size: 1.125rem; }
	h6, .h6{ font-size: 1rem; }
	
	.site_header.open .site_header_brand img,
	.site_header_brand img{
		max-height: 60px;
	}
	.site_header_brand{
		padding: 15px 0;
	}
	main{
		margin-top: 90px;
	}
	.site_header.open .site_header_nav,
	.site_header_nav{
		top: 90px;
	}
	.site_header.open .site_header_nav .main_menu li.cta a,
	.site_header .site_header_nav .main_menu li.cta a{
		min-height: 70px;
	}
	.card_hero{
		min-height: 520px;
	}
	.swiper_temas .card_block .card_image{
		max-width: 80px;
	}
	.page_header{
		min-height: 380px;
	}
}

@media only screen and (max-width: 575px){
	
	h1, .h1{ font-size: 3rem; }
	h2, .h2{ font-size: 2.5rem; }
	h3, .h3{ font-size: 2rem; }
	h4, .h4{ font-size: 1.5rem; }
	h5, .h5{ font-size: 1.125rem; }
	h6, .h6{ font-size: 1rem; }
	
	.site_header.open .site_header_brand img,
	.site_header_brand img{
		max-height:50px;
	}
	main{
		margin-top: 80px;
	}
	.site_header.open .site_header_nav,
	.site_header_nav{
		top: 80px;
	}
	.hero-next, .hero-prev{
		display: none !important;
	}
	.site_header .site_header_nav .main_menu a{
		font-size: 1.25rem;
	}
	.site_header.open .site_header_nav .main_menu li.cta a, .site_header .site_header_nav .main_menu li.cta a{
		min-height: 60px;
		font-size: 1.5em;
	}
	.container .alignfull{
		margin-left: -15px;
		margin-right: -15px;
	}
	.page_header{
		min-height: 320px;
	}
}