@charset "UTF-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
html {
	width:100%;
	height:100%;
}
body {
	font-family:Helvetica, Arial, sans-serif;
	width:100%;
	height:100%;
	font-size:70%;
	background:#CCC;
}
h1 {text-align: center; font-size: 1.5em; color:#f90;}

/* ad background */
a {
	display:block;
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	text-decoration:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
img {
    max-width: 100%;
}
.contenido {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	margin:2% 0.5%;
	width: 98%; } 
.pyr {margin-left: 10px; width: 28%;}
.cant {margin-right: 10px; width: 18%;}
.speech {padding-left: 1%; text-align:left; font-size: 1.25em; font-weight:bold; color: #666; width: 50%;}
.speech div {margin-top:1%; color:#000; font-size:0.8em;}
@media screen and (max-width: 720px) {
	.contenido {
		flex-direction: column;
		justify-content: center;
		align-content: space-around;
		height:100%;
		width: 98%; margin:auto 1%;}
	.pyr {width:90%; margin: 20px 0;}
	.speech {width:100%; text-align:center; margin: 5px auto;}
	/*.speech div { visibility:hidden;}*/
    .cant { width:70%; margin: auto 0;}
}