html {

}
body {
 font-family: 'Droid Serif';
 background: url(/img/bg.jpg);
}
a, a:hover { 
color: #82404c;
}
#page {
 background: #F0E3D0;
}
#page {
 padding: 30px 30px 0px 30px;
 border-top: 10px solid #82404c;
 box-shadow: 0 0 10px #333;
}
#map iframe {
 border:1px solid #82404C;
 margin-bottom: 20px;
}
hr {
 margin-top: 10px;
 margin-bottom: 25px;
 border-color: #82404c;
 border-style: dotted;
}
h1 {
 color: #82404c;
 font-weight: bold;
 font-size: 42px;
 margin: 0px;
 padding: 0px 0px 15px 0px;
}
h1 span {
 display: block;
 color: #82404c;
 font-weight: bold;
 font-size: 28px;
}
h2 {
 font-weight: bold;
 font-size: 18px;
 line-height: 24px;
 margin: 0px;
 padding: 0px 0px 15px 0px;
}
h4 {
 color: #82404c;
 font-weight: bold;
 font-size: 18px;
 margin: 0px;
 padding: 0px 0px 15px 0px;
}
h4 span {
 font-size: 14px;
}
p {
 font-size: 16px;
 line-height: 24px;
 padding: 0px 0px 15px 0px;
 margin: 0px;
 text-align: justify;
}

.treatment {
 background: #fff;
 border: 1px solid #82404c;
 padding:20px 20px 5px 20px;
 margin-bottom: 30px;
}
.treatment p {
 font-size: 14px;
 line-height: 22px;
}
.price {
 padding: 5px;
 background: #acab95;
 color: #fff;
 text-align: center;
 margin-bottom: 15px;
 font-size: 18px;
}
.price span {
 display: block;
 color: #efefef;
 font-size: 80%;
}
#footer {
 margin: 0 -15px;
}
#footer img {
 max-width: 100%;
 height: auto;
}


@media (max-width: 1200px) {
}

@media (max-width: 992px) {
}

@media (max-width: 768px) {
 h1 { font-size: 32px; } 
 h1 span { font-size: 22px; }
}