/* Pages Podiatech */
#cms.cms-id-4 header.page-header h1,
#cms.cms-id-24 header.page-header h1,
#cms.cms-id-25 header.page-header h1,
#cms.cms-id-26 header.page-header h1 {
    margin:40px 0 0;
    text-align: center;
}
#cms.cms-id-4 header.page-header h2,
#cms.cms-id-24 header.page-header h2,
#cms.cms-id-25 header.page-header h2,
#cms.cms-id-26 header.page-header h2 {
    text-align: center;
    padding: 40px 14vw;
}
#cms.cms-id-24 #main,
#cms.cms-id-25 #main,
#cms.cms-id-26 #main {
    max-width: 100%;
    overflow: hidden;
}
/* Notre marque */
#cms.cms-id-4 header.page-header {
    padding-bottom: 180px;
}
#cms.cms-id-4 section#content {
    padding: 20px 0;
    box-shadow: none;
    border: 0;
    background: transparent;
    margin-top: -180px;
    max-width: 1160px;
}
#cms.cms-id-4 section#content .content-blocks {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
#cms.cms-id-4 section#content .content-blocks .block {
	width:50%;
	padding:15px;
	margin:5px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
#cms.cms-id-4 section#content .content-blocks .block img {
    height: auto;
    max-width: 100%;
}
#cms.cms-id-4 section#content .content-blocks .block h2 {
    padding: 0 20px;
    margin-bottom: 15px;
}
#cms.cms-id-4 section#content .content-blocks .block p {
    padding: 0 20px;
}

/* Notre Histoire / Nos Concepts / Notre Marque */
#cms.cms-id-24 header.page-header,
#cms.cms-id-25 header.page-header,
#cms.cms-id-26 header.page-header {
    position: relative;    
    padding: 0 20px 60px 20px;
    background-position: 50%;
}
#cms.cms-id-24 header.page-header h1,
#cms.cms-id-25 header.page-header h1,
#cms.cms-id-26 header.page-header h1 {
    margin-top: 100px;
}
#cms.cms-id-24 header.page-header:before,
#cms.cms-id-25 header.page-header:before,
#cms.cms-id-26 header.page-header:before {
    content:'';
    background:rgba(19, 62, 77, 0.70);
    position: absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
}
#cms.cms-id-24 header.page-header > *,
#cms.cms-id-25 header.page-header > *,
#cms.cms-id-26 header.page-header > * {
    z-index: 1;
    position: relative;
}
#cms.cms-id-24 section#content .content-blocks article.block,
#cms.cms-id-25 section#content .content-blocks article.block,
#cms.cms-id-26 section#content .content-blocks article.block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#cms.cms-id-24 section#content .content-blocks article.block > *,
#cms.cms-id-25 section#content .content-blocks article.block > *,
#cms.cms-id-26 section#content .content-blocks article.block > * {
    width: 50%;
    padding: 30px 15px;
    margin: 0;
    text-align: left;
}
#cms.cms-id-24 section#content .content-blocks article.block h2,
#cms.cms-id-25 section#content .content-blocks article.block h2,
#cms.cms-id-26 section#content .content-blocks article.block h2 {
    position: relative;
    margin-bottom: 30px;
}
#cms.cms-id-24 section#content .content-blocks article.block h2:after,
#cms.cms-id-25 section#content .content-blocks article.block h2:after,
#cms.cms-id-26 section#content .content-blocks article.block h2:after {
    content: '';
    width: 56px;
    height: 3px;
    background-color: #30B3E8;
    position: absolute;
    left: 0;
    bottom: -10px;
}
#cms.cms-id-24 section#content .content-blocks article.block .image img,
#cms.cms-id-25 section#content .content-blocks article.block .image img,
#cms.cms-id-26 section#content .content-blocks article.block .image img {
    max-width:100%;
    height:auto;
}
#cms.cms-id-24 section#content .content-blocks article.block.blue,
#cms.cms-id-25 section#content .content-blocks article.block.blue,
#cms.cms-id-26 section#content .content-blocks article.block.blue {
    background-color:#F2F8FA;
    position: relative;
}
#cms.cms-id-24 section#content .content-blocks article.block.blue:before,
#cms.cms-id-25 section#content .content-blocks article.block.blue:before,
#cms.cms-id-26 section#content .content-blocks article.block.blue:before {
    position: absolute;
    left: -100%;
    width: 100%;
    top: 0;
    bottom: 0;
    content: '';
    background:#F2F8FA;
}
#cms.cms-id-24 section#content .content-blocks article.block.blue:after,
#cms.cms-id-25 section#content .content-blocks article.block.blue:after,
#cms.cms-id-26 section#content .content-blocks article.block.blue:after {
    right: -100%;
    left: auto;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    content: '';
    background:#F2F8FA;
}
#cms.cms-id-24 section#content .content-blocks article.block.blue.map .text,
#cms.cms-id-25 section#content .content-blocks article.block.blue.map .text,
#cms.cms-id-26 section#content .content-blocks article.block.blue.map .text {
    width:30%;
}
#cms.cms-id-24 section#content .content-blocks article.block.blue.map .image,
#cms.cms-id-25 section#content .content-blocks article.block.blue.map .image,
#cms.cms-id-26 section#content .content-blocks article.block.blue.map .image {
    width:70%;
}
#cms.cms-id-24 header.page-header {
    background-image: url('../img/cms/bg-notre-histoire.jpg');
}
#cms.cms-id-25 header.page-header {
    background-image: url('../img/cms/bg-concepts.jpg');
    background-size: cover;
}
#cms.cms-id-26 header.page-header {
    background-image: url('../img/cms/bg-podiatech.jpg');
    background-size: cover;
}
#cms.cms-id-26 section#content .content-blocks article.block.vertical {
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
#cms.cms-id-26 section#content .content-blocks article.block.vertical .image {
    width: 80%;
}
#cms.cms-id-26 section#content .content-blocks article.block.vertical .logo img {
    margin:20px 20px 0 0;
}

@media (max-width: 767px){
    #cms.cms-id-4 header.page-header h1,
    #cms.cms-id-24 header.page-header h1,
    #cms.cms-id-25 header.page-header h1,
    #cms.cms-id-26 header.page-header h1 {
        margin: 30px 0 0;
        font-size:41px;
    }
    #cms.cms-id-4 header.page-header h2,
    #cms.cms-id-24 header.page-header h2,
    #cms.cms-id-25 header.page-header h2,
    #cms.cms-id-26 header.page-header h2 {
        text-align: center;
        padding: 30px;
        font-size: 18px;
    }
    #cms.cms-id-4 header.page-header {
        padding-bottom: 120px;
    }
    #cms.cms-id-4 section#content .content-blocks .block {
        width: 100%;
        margin: 0;
    }
    #cms.cms-id-4 section#content .content-blocks .block h2 {
        font-size: 32px;
    }
    #cms.cms-id-24 header.page-header, #cms.cms-id-25 header.page-header, #cms.cms-id-26 header.page-header {
        padding: 0 20px;
    }
    #cms.cms-id-24 section#content .content-blocks article.block, #cms.cms-id-25 section#content .content-blocks article.block, #cms.cms-id-26 section#content .content-blocks article.block {
        flex-direction: column-reverse;
    }
    #cms.cms-id-24 section#content .content-blocks article.block:nth-child(even),
    #cms.cms-id-25 section#content .content-blocks article.block:nth-child(even),
    #cms.cms-id-26 section#content .content-blocks article.block:nth-child(even) {
        flex-direction: column;
    }
    #cms.cms-id-24 section#content .content-blocks article.block > *, #cms.cms-id-25 section#content .content-blocks article.block > *, #cms.cms-id-26 section#content .content-blocks article.block > * {
        width: 100%;
        padding: 15px;
    }
    #cms.cms-id-24 section#content .content-blocks article.block h2, #cms.cms-id-25 section#content .content-blocks article.block h2, #cms.cms-id-26 section#content .content-blocks article.block h2 {
        margin-top: 0;
        font-size: 32px;
    }
    #cms.cms-id-24 section#content .content-blocks article.block.blue.map .image, #cms.cms-id-25 section#content .content-blocks article.block.blue.map .image, #cms.cms-id-26 section#content .content-blocks article.block.blue.map .image,
    #cms.cms-id-24 section#content .content-blocks article.block.blue.map .text, #cms.cms-id-25 section#content .content-blocks article.block.blue.map .text, #cms.cms-id-26 section#content .content-blocks article.block.blue.map .text {
        width: 100%;
    }
}