}
#header #infographic {
+ float: left;
+ display: block;
background: #fff;
border-radius: 3px;
- margin-bottom: 0;
+ margin: 0 1em .5em 0;
+ padding: .5em;
+ width: 250px;
}
-#header #infographic a {
- display: block;
- margin: .5em;
-}
#header #infographic img {
- display: block;
+ display: inline-block;
width: 100%;
}
@media only screen and (min-width: 400px) {
- #header #infographic {
- margin-bottom: 1.5em;
- display: inline;
- }
-
- #header #infographic a {
- width: 250px;
- }
-
}
@media only screen and (min-width: 400px) and (max-width: 599px) {
font-size: 1em;
}
- #header #infographic {
- margin-bottom: 1.5em;
- display: inline;
- }
-
- #header #infographic a {
- width: 250px;
- height: 100px;
- overflow: hidden;
- }
-
.section-intro p {
margin: 0.5em 0;
}
#header .intro {
float: left;
- width: 68.75%;
- margin-right: 1.72%;
- }
-
- #header #infographic {
- float: left;
- width: 250px;
+ width: 66%;
margin-right: 1.72%;
}