section figure.cabecera img{ width: 100%; } section figure.cabecera1 img{ width: 100%; display: none; }  section h1{ font-size: 36px; text-align: center; font-weight: 300; } article.especiales{ width: 85%; height: 100%; border: solid 1px #999; margin: 40px 0px 0px 20px; padding: 5px; background: #DFDBDF; display: inline-block; vertical-align: top;  } article figure.areas img{ width: 100%; border: solid 1px #999; } section h2{ font-size: 26px; font-weight: 300; text-align: center; } section article.especiales p{ font-size: 16px; line-height: 25px; text-align: center; } section p{ font-size: 16px; line-height: 25px; margin-left: 20px; } section span{ font-size: 16px; font-weight: 600; } @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){ article.especiales{ width: 40%; margin-left: 5%; } section p{ font-size: 14px; line-height: 25px; margin-left: 10%; margin-right: 10%; } section span{ font-size: 14px; } section figure.cabecera img{ width: 100%; display: none; } section figure.cabecera1 img{ width: 100%; display: inline; } }  @media screen and (min-width: 950px){ article.especiales{ width: 41%; } section p{ font-size: 14px; line-height: 25px; margin-left: 15%; margin-right: 15%; } }