/* font-family */
body, .arial {font-family:Arial, Helvetica, sans-serif;}

/* color */
h1, .indigo {color:#170939;}
p, li, td, h2 {color:#6f685f;}
.footer p {color:#b9b3ae;}
a {color:#69f;}

/* div */
body {background:#f2f2f1; margin:0;}
.wrapper {width:695px; margin:0 auto;}
.content {background:#fff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.inner-pad {padding:45px 55px 30px 26px;}
.logo-esu {width:200px; margin:37px 0 18px 26px;}
.footer {margin:12px 26px;}

/* type, img */
h1 {font-size:18px; font-weight:normal;}
h2, p, li, td {font-size:12px; line-height:16px;}
h2 {font-weight:bold; margin: 12px 0 1px}
.footer p {font-size:10px;}
h1, p {margin-top:0;}
p + h1 {margin-top:25px;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
img {border:none;}

/* helpers */
.tel {white-space:nowrap;}

/*table*/
table.contact{margin-bottom:10px;margin-left: 40px;}
.contact td{vertical-align: text-top;}

@media only screen and (max-width: 719px), only screen and (max-device-width: 719px) and (orientation:portrait) {
body {padding:0 3%;}
.wrapper {width:100%;}
.inner-pad {padding:5% 5%;}
.logo-esu {width:40%; max-width:200px; margin:5%;}
.content {-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.footer {margin:5%;}
}