/*Mayor Initiatives Styles*/
/*Initiatives Header Styles*/
body{
    --media-before-content: 330px !important; 
}
@media screen and (max-width:1600px){
    body{
    --media-before-content: 20.625vw !important; 
}
}
.page__top-media, .page-titles .page-titles__container{
    display:none;
}
.page-titles{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
/*Two Column Initiative Page Styles*/
.page__content .two-col-def{
    display: flex;
    gap: 15px;
    margin-right: -50px;
}
@media screen and (max-width:1280px){
    .page__content .two-col-def{
        margin-right: -15px;
    }
}

@media screen and (max-width:900px){
    .page__content .two-col-def{
        margin-right: 0px;
        display:block;
    }
}

.page__content .two-col-def .two-col-def__child:first-of-type{
    width: calc(100% - 335px);
}

@media screen and (max-width:900px){
    .page__content .two-col-def .two-col-def__child:first-of-type{
        display:block;
        width:auto;
        margin-bottom:15px;
    }
}

.page__content .two-col-def .two-col-def__child:last-of-type{
    background-color: #eeeeee;
    border-radius: 15px 0px 0px 15px;
    padding: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: calc(320px - 30px);
}

@media screen and (max-width:900px){
    .page__content .two-col-def .two-col-def__child:last-of-type{
        display:block;
        border-radius:15px;
        margin-left:auto;
        margin-right:auto;
        width:calc(100% - 30px);
        max-width:calc(320px - 30px);
        padding:15px;
        padding-top:0px;
        padding-bottom:0px;
    }
}