.infobox { position: relative; border-left: 5px solid #897051; border-radius: 5px; float: right; margin: 0 0 1em 1em; width: 300px; } @media (max-width: 682px){ .infobox { float: none; margin: auto; border-left: 5px solid #897051; border-right: 5px solid #897051; } } .infobox #content { text-align: left; } .infobox-container { width: 100%; height: auto; } .infobox-image { text-align: center; border-bottom: 5px solid #897051; } .infobox img{ border-radius: 0px 5px 0px 0px; } .topleft{ position: absolute; top: 265px; left: 24px; font-size: 18px; color: #FFF; padding: 5px; background: #897051; } table { width:100%; } .infobox tr:nth-child(even) { background: rgba(137, 112, 81, 0.3); border: 5px solid rgba(137, 112, 81, 0.3); } .infobox th { text-align: right; vertical-align: top; width: 300px; padding-left: 10px; } .infobox td { vertical-align: top; }