/* LAPOZO */

.lapozo_card 			{display: inline-block; position: absolute; width: 23%; padding: 10px; margin: 1%; background: #FFFFFF; font-size: 17px; text-align: left; height: 460px; color: #000000;}
.lapozo_head 			{font-weight: 700; text-align: center; margin-bottom: 10px; font-size: 20px; background: #FEE600; margin-top: -10px; margin-left: -10px; margin-right: -10px; padding: 10px;}
.lapozo_cont 			{position: relative; width: 100%; overflow-x: hidden; height: 480px;}
.lapozo_balra 			{position: absolute; top: -170px; left: -20px; font-size: 30px; cursor: pointer; color: #FEE600;}
.lapozo_jobbra			{position: absolute; top: -170px; right: -20px; font-size: 30px; cursor: pointer;color: #FEE600;}
h1 						{font-weight: 700;}

/* Small devices (tablets, 768px and up) */
@media all and (min-width: 100px) and (max-width: 767px) 
{
	.lapozo_card 			{display: inline-block; position: absolute; width: 96%; padding: 10px; margin: 2%; background: #FFFFFF; font-size: 16px; text-align: left; height: 320px;}
	.lapozo_head 			{font-weight: 700; text-align: center; margin-bottom: 10px; font-size: 18px; }
	.lapozo_cont 			{height: 340px;}
}



@media all and (min-width: 768px) and (max-width: 1100px) 
{
	.lapozo_card 			{display: inline-block; position: absolute; width: 96%; padding: 10px; margin: 2%; background: #FFFFFF; font-size: 16px; text-align: left; height: 280px;}
	.lapozo_head 			{font-weight: 700; text-align: center; margin-bottom: 10px; font-size: 18px;}
	.lapozo_cont 			{height: 300px;}
}