body {
	margin-top: 50px;
	margin-bottom: 50px;
	background: none;
}

body .h1, h1 {font-size: 55px; font-weight: 600; color: #2f100c;}

body .h2, h2 {color:#fff; padding-bottom: 15px; font-family: 'Roboto', serif; text-align: center;}

body .h3, h3 {color:#d86f2c; font-weight: 700; font-family: 'Roboto', serif;}

body .h4, h4 {color: #fff; text-align: center; font-family: 'Roboto', serif;}

.center-block {float: none;}

.full {
  background:url("background_%20xerostomia_small.jpg") no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    
}

.xe_title {
    font-family: 'Roboto', serif;
   /* text-shadow: 4px 4px 4px #aaa;*/
    text-align: center; 
    text-transform: uppercase;
    font-weight: 600;
    line-height: 80%
}

.cnt_box {
    background-color: rgba(47,16,12, 0.6);
    padding-bottom: 20px;
    margin: 40px 80px 0px 80px;
}

.cnt_pic {
    margin-bottom: 20px;
    height: 210px;
    position: relative;
}

.cnt_pic img {
    position: absolute;
    height: 100%;
    width: auto;
}

.cnt_text p {
    font-family: 'Roboto', serif;
    padding-bottom: 10px;
    color:#fff;
    font-size: large;
}

.footer_box {
    background-color: rgba(0, 0, 0, 0.8);
    padding-bottom: 10px;
    padding-top: 10px;
    margin: 40px 80px 0px 80px;
}



/*Responsive*/

@media screen and (max-width: 767px) {

body .h1, h1 {font-size: 30px;}
body .h2, h2 {font-size: 20px; font-weight: 600; text-align: center}
body .h3, h3 {text-align: center}
.cnt_pic {height: 100px}
.cnt_box {margin: 40px 20px 0px 20px}
.footer_box {margin: 40px 20px 0px 20px}
.full {background:url("backgournd_mobile.jpg") no-repeat center center}

}

@media screen and (min-width: 768px) and (max-width: 991px) {
.cnt_pic {height: 160px}

}