figure.cabecera img{ width: 100%; margin-top: 50px; margin-bottom: 50px; display: none;  } figure.cabecera1 img{ width: 100%; margin-top: 20px; } section h1{ font-size: 36px; text-align: center; font-weight: 300; } article.especiales{ width: 100%; height: 100%; border: solid 1px transparent; margin: 40px 0px 0px 0px; padding: 5px; /*background: #DFDBDF;*/ display: inline-block; vertical-align: top;  } article figure.areas img{ width: 80%; margin-left: 8%; border: solid 5px orange; border-radius: 180px; margin-bottom: 30px; margin-top: 30px;  } section article.especiales p span{ font-size: 26px; font-weight: 300; text-align: center; } section article.especiales p{ text-align: center; font-size: 16px; line-height: 25px; } section p{ font-size: 16px; line-height: 25px; margin-left: 20px; margin-right: 10px; } section span{ font-size: 16px; font-weight: 800; text-align: center; } section li{ margin-left: 7%; font-size: 16px; line-height: 25px; } section article.especiales em{ font-size: 16px; } @media screen and (min-width: 480px){ article.especiales{ width: 80%; margin-left: 10%; } section p{ font-size: 16px; line-height: 25px; margin-left: 5%; } } @media screen and (min-width: 767px){  section article.especiales p{ font-size: 14px; width: 100%; margin: 0; }  section article p.catalogo{ font-size: 24px; } article.especiales{ width: 41%; margin-left: 5%; } section p{ font-size: 14px; line-height: 25px; width: 80%; margin-left: 10%; } article figure.areas img{ width: 100%; margin-left: 0; }  section li{ margin-left: 12%; font-size: 14px; line-height: 25px; } section span{ font-size: 14px; } section span.tematico{ font-size: 20px; font-weight: 400; } figure.cabecera img{ display: inline;  } figure.cabecera1 img{ display: none;  } }  @media screen and (min-width: 950px){ article.especiales{ width: 25.5%; }  section p{ width: 70%; margin-left: 15%;  }  }