.frontcenter{
    border: 3px solid #ce460c;
    padding: 30px;
}

#topAddy{
    text-align:right;
}
.col2 {
width: 50%;
float:left;
padding:10px;
}
.col3{
    width:30%;
    float:left;
    padding:15px;
    margin: 10px;
}
#left{
float:left;
padding:10px;
margin:10px;
max-width:350px;
}

#right{
float: right;
padding:10px;
margin:10px;
max-width:350px;
}
#special{
    text-align:center;
    border-radius:15px;
    min-height:280px;
    padding: 20px;
   margin: 10px;
   background: #efefef;
   font-size: 21px;
   font-weight: bold;
   line-height: 1.3em;
   border: 2px dashed #444;
   border-radius: 10px;
   box-shadow: 0 0 0 4px #ccc, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
   text-shadow: -1px -1px #efefef;
   font-weight: normal;
}

/* ---------------- media -------------- */
@media(max-width:767px){
#topAddy{
    text-align:center;
}
.left, .right {float: none !important;}

.col2, .col3 {
    width:100%;
    
}

#left, #right {float: none; width: 100%;}
}
@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px)  {
.col3{
    width:30%;
}
}