div.metal {
max-width: 680px;
border-bottom: 1px solid black;
margin: 0 auto;
padding: 10px 0px;
min-height: 320px;
}

@media screen and (min-width: 1380px){
img.d3{
vertical-align: middle;
margin-top: 10px;
margin-bottom: 5px;
margin-left: 10px;
margin-right: 10px;
position: relative;
left: 5%;
}
}
@media screen and (min-width: 1290px) and (max-width: 1379px){
img.d3{
vertical-align: middle;
margin-top: 10px;
margin-bottom: 5px;
margin-left: 10px;
margin-right: 10px;
position: relative;
left: 1%;
}
}
@media screen and (min-width: 651px) and (max-width: 1289px){
img.d3{
vertical-align: middle;
margin-top: 10px;
margin-bottom: 5px;
margin-left: 10px;
margin-right: 10px;
}
}
@media screen and (max-width: 650px){
img.d3{
vertical-align: middle;
margin-top: 10px;
margin-bottom: 5px;
margin-left: 10px;
margin-right: 10px;
width: 30%;
max-width: 137px;
}
}

div.metal div {
margin: 0 auto;
}

p.metal {
margin: 10px;
padding-left: 10px;
font-size: 13px;
font-family: arial;
letter-spacing: 0em;
}

div.metal img {

}

p.metaldesc {
max-width: 680px;
padding: 5px;
margin: 0 auto;
font-size: 13px;
font-family: arial;
letter-spacing: 0em;
}

span.sub{
font-style: italic;
font-weight: 900;
color: #800000;
}

p.important {
padding-left: 10px;
margin: 10px;
color: #800000;
font-size: 13px;
font-family: arial;
letter-spacing: 0em;
}

img.metal {
width: 100%;
max-width: 680px;
}

div.metalside {
letter-spacing: normal;
color: white;
text-align: center;
border: 1px solid #2D3035;
padding: 7px;
}

div.metalside div {
margin-top: 5px;
}

div.metalside p {
font-size: 13px;
margin-bottom: 5px;
}

div.metalside img {
clear: both;
margin: 0 auto;
width: auto;
}

div.metal2 {
background: #A7B6BE;
border: 1px solid #AEC9D9;
padding: 5px;
margin: 10px auto;
letter-spacing: normal;
font-size: 13px;
width: 95%;
max-width: 680px;
}