.mp-main {
border-spacing: 0;
width: 100%;
}
.mp-box {
border: 1px solid #d3d3d3;
margin-bottom: .5em;
padding: .5em;
}
.mp-title {
padding: .2em;
margin-top: 0;
margin-bottom: .5em;
}
.mp-links {
margin-top: 1em;
margin-bottom: 1em;
}
.mp-links li {
white-space: nowrap;
}
.mp-links-section img {
display: none;
}
.mp-links-section ul {
font-size: 0.95em;
}
@media all and ( min-width: 900px ) {
.mp-main {
display: table;
border: 0;
}
.mp-col-1,
.mp-col-2 {
display: table-cell;
width: 50%;
}
.mp-col-space {
display: table-cell;
border: 2px solid transparent;
}
.mp-box {
border: 0;
margin: 0;
padding: 1em;
}
.mp-main .mp-col-1,
.mp-main .mp-col-2 {
border: 1px solid #d3d3d3;
}
.mp-links .mp-col-1 img {
display: block;
float: left;
}
.mp-links .mp-col-2 img {
display: block;
float: right;
}
.mp-links-section > div {
display: table-cell;
padding: 0 1em 1em 1em;
}
.mp-links-section p {
margin-top: 0;
}
}