.box-info {
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 4px 4px rgba(0,0,0,0.2);
    box-shadow: 0 4px 4px rgba(0,0,0,0.2);
    margin: 0 3.2%;
    padding: 20px;
    margin-top: 20px;
    border: 1px solid #e0e0e0;
    letter-spacing: 0.07em;
    margin-top: 40px;
}

.box-info .row strong {
    float: left;
    padding: 20px 2% 18px 4.3%;
    width: 16.8%;
    color: #E8588E;
    font-weight: 700;
    font-size: 1.3em;
}

.box-info .row>div{
float:left;padding: 20px 2% 18px 4.3%;width:69.9%;border-left:1px solid #f2f2f2;font-size:1.3em}


@media only screen and (max-width:768px){
.box-info .row>div{
    width: 64.9%;
   font-size: 1.0em;}

.box-info .row strong {
    width: 21.5%;
    font-size: 1.2em;
}

}

@media (max-width:640px){
.box-info .row strong{border-bottom:1px solid #f2f2f2;float:none;display:block;width:93.8%; font-size: 0.8em;padding: 5px 2% 4px 4.3%;}
.box-info .row>div{float:none;width:auto;padding: 5px 2% 5px 4.8%;font-size: 0.8em;border-left:none;}
.map{margin:65px 30px 0}}

@media (max-height:425px){
#header p#menu{height:282px;top:63px}#header p#menu a{padding:8px 9pt}
#header .content{min-height:62px}
#header #logo{padding:0}#header #logo img{width:10pc}}
.box-info .row.odd{background-color:#eee}
.box-info .row.odd div{background-color:#eee}
.map {
    margin: 65px 3.2% 0;
    margin-bottom: 50px;
}

.map iframe{border:1px solid #e0e0e0}}