.tab {
    overflow: hidden;
    border: 1px solid #e4e4e4;
    background-color: #20bdbe;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: right;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #1f5c5d;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #147d7d;
}

/* Style the tab content */
.tabcontent {
    display: none;
    border: 1px solid #ccc;
    border-top: none;
    flex-flow: wrap;
    position: relative;
    padding: 1%;
    align-items: stretch;
    /*text-align: center;*/
    /*text-align: -webkit-center;*/
}
.wrapper-brochure{
    display: flex;
    flex-flow: row;
    flex-direction: row;
    width: 28%;
    margin: 13px;
    margin-top: 0;
    border: 1px solid #efeded;
    padding: 14px;
    color: #000;
}
.wrapper-brochure .sec-img{
    margin-left: 11px;
}
.wrapper-brochure .sec-content{
    display: flex;
    flex-flow: column;
    margin-top: 9%;
}
.wrapper-brochure .sec-content .brochures-title{
    height: -webkit-fill-available;
}

.wrapper-ask-question{
    width: 100%;
    display: flex;
    flex-flow: column;
}
.wrapper-ask-question .sec-question{
    background: #147d7d;
    width: 100%;
    color: #fff;
    cursor: pointer;
    padding: 6px 10px 6px 6px;
    border-bottom: 1px solid #0d6869;
}
.wrapper-ask-question .sec-content{
    display: inline;
    padding: 10px;
    border: 1px solid #ccc;
    border-top: none;
}

@media only screen and (min-width: 1026px){
    #page, .hfeed{
        overflow-x: overlay;
    }
}