/* Smartphones Portrait */
@media only screen 
	and (min-width: 320px) 
	and (max-width: 420px) 
	and (orientation: portrait) {
		.landscape {display:none;}
		.portrait {display:block;}
		#anuncio {display:block;}

		.header-nav {position: fixed;z-index: 9999999999999999;top: 0;right: 0;visibility: hidden;width:80%;height: 100%;opacity: 0;transform: translateX(100%);background-color: #fff;}
		.navicon {visibility: visible;}
		header ul.primary-nav {margin: 0;padding: 0;}
		.header-nav nav {padding: 100px 20px 0 20px;text-align: center;}
		.header-nav nav ul {display: block;}
		.header-nav nav ul li {font-size:18px;display: block;padding: 10px 0;border-right: none;}
		header ul.primary-nav li a:hover {border-bottom:none !important;}
		.header-nav nav ul li a {padding-bottom: 30px !important;font-size: 18px;color: #2f305b !important;letter-spacing:4px;}
		.header-nav nav ul li a:before {display: none;}
		header .member-actions {top: 0px;left:0;right:0;position: relative;}
		header ul.member-actions li a {padding: 15px 0 !important;color: #fff !important;}
		h1 {font-size: 32px; }  
		h2 {font-size: 28px;}
		h3 {font-size: 24px; }
		h4 {font-size: 20px; }
		h5 {font-size: 16px;margin-bottom: 25px;}
		h6 {font-size: 16px;}    
		p {font-size: 16px;line-height: 1.6;} 
		.hero h1 {text-transform: uppercase;margin-left:40px;margin-bottom:0;font-size:35px;line-height:1;font-weight:900;}
		.hero h1 span {font-size: 30px;}
		.hero h2 {text-transform: uppercase;font-size: 30px;line-height: 1;margin-left:40px;font-weight:900;}
		.hero p {font-size: 12px;margin:0;margin-left:40px;}  
		.logos-home {position:absolute;bottom:10%;left:0;width:100%;z-index:9;}
		.redes i {font-size: 30px;margin: 0 10px;}
		.logos-home img {width:90px;opacity:.6;}
		.programa-text p {font-size: 14px; line-height: 1.2;}
		.programa h4.cabecera span {background:#c5c2bb;color:#2f305b;font-size:20px;letter-spacing:4px;line-height:45px;border-bottom-right-radius:23px;border-top-right-radius:23px;padding: 10px 15px 10px 40px;text-transform: uppercase;}
		.director {height:200px;width:200px;border-radius: 50%;border: 8px solid #fff;background-size:cover;filter: grayscale(1);margin:0 auto 25px auto;}
		h3.nombre {text-align: center;font-weight: 400;letter-spacing:4px;}
}

/* Tablets Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
	.landscape {display:none;}
	.portrait {display:block;}
	#anuncio {display:block;}

	#anuncio {position:fixed;top:0;left:0;width:100%;height:100vh;background-color: #fff;padding-top: 25%;z-index:999999999999999999999999999999999999;}
	.header-nav {position: fixed;z-index: 9999999999999999;top: 0;right: 0;visibility: hidden;width:80%;height: 100%;opacity: 0;transform: translateX(100%);background-color: #fff;}
	.navicon {visibility: visible;}
	header ul.primary-nav {margin: 0;padding: 0;}
	.header-nav nav {padding: 100px 20px 0 20px;text-align: center;}
	.header-nav nav ul {display: block;}
	.header-nav nav ul li {font-size:18px;display: block;padding: 10px 0;border-right: none;}
	header ul.primary-nav li a:hover {border-bottom:none !important;}
	.header-nav nav ul li a {display: block;padding-bottom: 30px !important;font-size: 24px;color: #2f305b !important;letter-spacing:4px;}
	.header-nav nav ul li a:before {display: none;}
	header .member-actions {top: 0px;left:0;right:0;position: relative;}
	header ul.member-actions li a {padding: 15px 0 !important;color: #fff !important;}
	h1 {font-size: 32px; }  
	h2 {font-size: 28px;}
	h3 {font-size: 24px; }
	h4 {font-size: 20px; }
	h5 {font-size: 16px;margin-bottom: 25px;}
	h6 {font-size: 16px;}    
	p {font-size: 18px;line-height: 1.6;} 
	.hero h1 {text-transform: uppercase;margin-left:40px;font-size:85px;line-height: 0.8;font-weight:900;}
	.hero h1 span {font-size: 30px;}
	.hero h2 {text-transform: uppercase;font-size: 30px;line-height: 1;margin-left:40px;font-weight:900;}
	.hero p {font-size: 18px;margin:0;margin-left:40px;}  
	.logos-home {position:absolute;bottom:10%;left:0;width:100%;z-index:9;}
	.redes i {font-size: 30px;margin: 0 10px;}
	.logos-home img {width:150px;opacity:.6;}
	.programa-text p {font-size: 18px; line-height: 1.2;}
	.programa h4.cabecera span {background:#c5c2bb;color:#2f305b;font-size:30px;letter-spacing:4px;line-height:45px;border-bottom-right-radius:30px;border-top-right-radius:30px;padding: 10px 15px 10px 40px;text-transform: uppercase;}
	.director {height:200px;width:200px;border-radius: 50%;border: 8px solid #fff;background-size:cover;filter: grayscale(1);margin:0 auto 25px auto;}
	h3.nombre {text-align: center;font-weight: 400;letter-spacing:4px;}

	.hero .hero-content img {width: 65%;}
	.btn-outline {font-size: 24px;border-radius: 40px;}
	footer i {font-size: 32px !important;}
}