/* ----------- Desktop ----------- */
@media screen 
  	and (max-width: 1366px) {
		p {font-size: 20px;line-height: 1.4; }
		h1 {font-size: 42px; }
		h2 {font-size: 32px;}
		h3 {font-size: 26px; }
		h4 {font-size: 24px; }
		h5 {font-size: 18px;}
		h6 {font-size: 18px;}  
		.hero h1 {font-size: 42px;}
		.hero h2 {font-size: 30px;}
}

/* Tablets Landscape */
@media only screen 
	and (min-device-width: 768px) 
	and (max-device-width: 1024px) 
	and (orientation: landscape) {
		h1 {font-size: 36px; }  
		h2 {font-size: 28px;}
		h3 {font-size: 24px; }
		h4 {font-size: 22px; }
		h5 {font-size: 16px;}
		h6 {font-size: 20px;}    
		p {font-size: 18px;}    
		.hero h1 {font-size: 45px;}
		.hero {height: 70vh;}
		.hero .bgHome {background-size: auto 65%;}
		.btn-outline,.btn-send {font-size: 16px;padding: 10px 90px 10px 20px;}
		.btn-outline::after,.btn-send::after {right: 20px;}
		.lista-normal li {margin-top: 0;font-size: 1em;}
		.btn-play-video-small {transform: scale(0.7);}
		.btn-play-video-small:after {transform: scale(.7);}
		.img-list li:after {top: 1em;left: 1em;right: 1em;bottom: 1em;}
		.hero .bgHome {background-size:auto 80%;}
		.bgDotsLeft {background-size: auto 45%;}
		.bgDotsRight {background-size: auto 60%;}
}

/* Tablets Portrait */
@media only screen 
	and (min-device-width: 768px) 
	and (max-device-width: 1024px) 
	and (orientation: portrait) {
		h1 {font-size: 36px; }  
		h2 {font-size: 28px;}
		h3 {font-size: 24px; }
		h4 {font-size: 22px; }
		h5 {font-size: 16px;}
		h6 {font-size: 20px;}    
		p {font-size: 18px;}   
		.hero h1 {font-size: 40px; }  
		.hero {height: 70vh;}
		.btn-outline,.btn-send {font-size: 16px;padding: 10px 90px 10px 20px;}
		.btn-outline::after,.btn-send::after {right: 20px;}
		.hero .bgHome {background-position: right center;background-size: auto 60%;}
		.bgDotsRight,.bgDotsLeft {background: #fff url(../img/bgDots.png) center bottom no-repeat;background-size: 55% auto;}
		.bgDotsTop {background: #fff url(../img/bgDots.png) center top no-repeat;background-size: 55% auto;}
		.bgDotsBottom {background: #fff url(../img/bgDots.png) center bottom no-repeat;background-size: 55% auto;}
}


/* Smartphones Portrait */
@media only screen 
	and (min-device-width: 320px) 
	and (max-device-width: 667px) 
	and (orientation: portrait) {
		h1 {font-size: 32px;}  
		h2 {font-size: 28px;}
		h3 {font-size: 24px;}
		h4 {font-size: 22px;}
		h5 {font-size: 20px;}
		h6 {font-size: 18px;}    
		p {font-size: 16px;}    
		.hero {height: 100vh;}
		.btn-play-video-small {transform: scale(0.7);}
		.btn-play-video-small:after {transform: scale(.7);}
		.hero h1 {font-size: 30px;margin-top:8rem;}
		.hero h3 {font-size: 18px;}
		.hero .bgHome {background-position: right bottom;background-size: auto 56%;bottom:0%;}
		.logo img {width: 120px;margin-left: 15px;}
		.bgDotsRight,.bgDotsLeft {background: #fff url(../img/bgDots.png) center bottom no-repeat;background-size: 80% auto;}
		.bgDotsTop {background: #fff url(../img/bgDots.png) center top no-repeat;background-size: 80% auto;}
		.bgDotsBottom {background: #fff url(../img/bgDots.png) center bottom no-repeat;background-size: 75% auto;}
		.btn-outline,.btn-send {font-size: 14px;padding: 6px 80px 6px 12px;}
		.btn-outline::after,.btn-send::after {right: 10px;}
		img.logo-footer {width: 120px;}
		.logo-right {width: 100px;}
		footer a {font-size: 12px;}
		.bg-cover {min-height: 350px;}
		.lista-normal li {font-size: 16px;}
}

/* Smartphones Lanscape */
@media only screen 
	and (min-device-width: 320px) 
	and (max-device-width: 770px) 
	and (orientation: landscape) {
		h1 {font-size: 32px;}  
		h2 {font-size: 28px;}
		h3 {font-size: 24px;}
		h4 {font-size: 22px;}
		h5 {font-size: 20px;}
		h6 {font-size: 18px;}    
		p {font-size: 16px;}    
		.hero {height: 100vh;}
		.btn-play-video-small {transform: scale(0.7);}
		.btn-play-video-small:after {transform: scale(.7);}
		.hero h1 {font-size: 30px;margin-top:8rem;}
		.hero h3 {font-size: 18px;}
		.hero .bgHome {background-position: right bottom;background-size: auto 56%;bottom:0%;}
		.logo img {width: 120px;margin-left: 15px;}
		.bgDotsRight,.bgDotsLeft {background: #fff url(../img/bgDots.png) center bottom no-repeat;background-size: 80% auto;}
		.bgDotsTop {background: #fff url(../img/bgDots.png) center top no-repeat;background-size: 80% auto;}
		.bgDotsBottom {background: #fff url(../img/bgDots.png) center bottom no-repeat;background-size: 75% auto;}
		.btn-outline,.btn-send {font-size: 14px;padding: 6px 80px 6px 12px;}
		.btn-outline::after,.btn-send::after {right: 10px;}
		img.logo-footer {width: 120px;}
		.logo-right {width: 100px;}
		footer a {font-size: 12px;}
		.bg-cover {min-height: 350px;}
		.lista-normal li {font-size: 16px;}
}