body{
    background-color: #9EBEC7;
}

h1, h2, h3, h4, h5{
    color: #794C3F;
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
}

h1{
    font-size:2em;
}

h2{
    font-size:1.8em;
}

h3{
    font-size: 1.6em;
}

h4{ font-size: 1.0em;}

a {
    color: rgb(85, 129, 141);
}

a:hover {
    color: #9EBEC7;
}

figure { display: table; }


figcaption { display: table-caption; caption-side: bottom ; }

figcaption p{
    font-size:small;
}

/* map */


.map-container{
    display: block;
    width: 100%;
    margin-bottom: 2rem;
    margin-top: 2rem;
    clear: both;
}

.half-col{
    display: inline-block;
    width: 50%;
}

@media only screen and (max-width: 1200px) {
    .half-col{
        width: 100%;
    }
}

.form-group label{
    display: block;
}

.form-group input{
    width: 100%;
  
} 

.form-group textarea{
    width: 100%;
}

.hidden {

    display: none !important;
    visibility: hidden !important;

}

#map , #map2{

    height: 300px;

}

.content{
    margin:0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    max-width: calc(99vw - 10px);
    min-width: 80vw;
    width: 30em;

}

/*Menu */

.template--home nav#main-menu.menu ul.menu__items li.home a, .treatments nav#main-menu.menu ul.menu__items li.treatments a, .about nav#main-menu.menu ul.menu__items li.about a, .consultation nav#main-menu.menu ul.menu__items li.consultation a, .contact nav#main-menu.menu ul.menu__items li.contact a{
    color: rgb(85, 129, 141);
}

@media screen and (min-width: 70em) {
    .menu label {
        display: none;
    }
    .menu .menu__items {
        display: block;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
}

.menu input:checked ~ .menu__items {
    display: block;
    position: absolute;
    right: 0;
}

.menu .menu__items a {
    color: #794C3F;
}

.menu .menu__items a:active{
    color:#9EBEC7;
}

.header-wrapper .menu {

    float: right;
    line-height: 3em;

}

.menu label {

    color: #9EBEC7;
    line-height: 1;
    text-transform: none;
    position: relative;
    top: 0;
    right: 0;
    font-weight: 800;
}

/* Header */

.menu label::before {
    color: #794C3F;
}

.menu .menu__items a {
    color: #794C3F;
}
.menu__items a {
    background-color: #9EBEC7;
    color: #E5E1D1;
    display: block;
    padding: .5em 1.5em;
    text-decoration: none;
}

.menu__items a:hover {
    color: #E5E1D1;
    background-color: rgb(85, 129, 141);
}



div.headline-container p.headline__sub{
    line-height: 1.5;
    margin-left: 0.2rem;
    margin-top: 20px;
    display: inline-block;
}

.headline-container{
    height: 60px;
    overflow: hidden;
}

.headline__title{
    color: #9EBEC7;
    line-height: 1.5;
    margin-top:5px;
    text-transform: uppercase;
}

.header-wrapper, .header-wrapper .headline{
    background-color: #EFECE8;
}

.header-wrapper{
    padding-left: 0;
}

.header-wrapper .headline {
    padding-left: 0;
}

div.headline-container{
    background-color: #794C3F;
    padding-left: 3rem;
    padding-right: 1rem;
    display: inline-block;
}

div.headline-container p.headline__title{
    padding:0;
    float:left;
    display: block;
    
}

div p.headline__sub{
    font-size: 0.8em;
    margin:0;
    color: #9EBEC7;
    display: inline;
}

/* Posts */

main#main-content.content{
    margin-bottom: 2rem;
}

.image-desktop{
    display:table;
}

.image-phone{
    display: none;
}

.image-right{
    float:right;
    width:auto;
    margin-left: 1rem;
}

@media only screen and (max-width: 1024px) {
    .image-desktop{
        display: none;
    }
    .image-phone{
        display: table;
    }

    .image-right{
        text-align: center;
        float:none;
        width: 100%;
        min-width: 0;
        margin-left:0;
        margin-top:1rem;
    }



}

figure {
    margin: 0;
}

article{
    overflow: auto;
}

#main-content.content article.post{
    background-color: #EFECE8;
    padding-left: 3rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 4rem;
    margin-top: 2rem;
}

@media only screen and (max-width: 600px) {
    #main-content.content article.post{
        margin:1rem 0;
        padding: 1rem;
    }

}

/* footer */
footer a {
    color: #9EBEC7;
}

footer a:hover {
    color: rgb(85, 129, 141);
}


footer{
    margin-top: 4rem;
    padding: 4rem;
    background-color: #794C3F;
    color: #EFECE8;
}
footer .container{
    overflow:auto;
    clear:both;
    
}

.row-contact{
    display:block;
    width:100%;
}

.row{
    display:block;
    width:100%;
    clear:both;
}

.centered{
    text-align: center;
}

.text-small{
    font-size: medium;
}

.left-33{
    float:left;
    width: 33%;
    vertical-align:top;
    text-align: left;
    line-height: 1.2;
}
.center-33{
    float:left;
    margin:auto;
    width: 33%;
    vertical-align:top;
    text-align: center;
}
.right-33{
    float:left;
    width: 33%;
    vertical-align:top;
    text-align: right;
    line-height: 1.2;
}

@media only screen and (max-width: 1024px){
    footer{
        margin: 0;
        padding: 2rem 0;
    }
    footer div.container .right-33, footer .container .center-33, footer .container .left-33{
      text-align: center;
      text-align: -moz-center;
      width: 100%;
      margin-bottom: 2rem;
    }
  
    
  }