.panel-content .white-text{
    color:white;
    text-align:center;
}

.panel-content .main-header__title.text-left{
    margin-bottom:10px;
}
.panel-content .header-image{
    position: absolute;
    right:0;
}
.panel-content .has-normal-font-size{
    font-size:20px;
}
.panel-content .has-large-font-size{
    font-size:24px;
}
.panel-content .has-extra-large-font-size{
    font-size:40px;
}
.panel-content .has-huge-font-size{
    font-size:96px;
}
.panel-content .has-gigantic-font-size{
    font-size:144px;
}

.panel-content .header.illustration .main-header__title{
    font-size:24px;
    margin-top:300px;
}

.panel-content .header{
    position: relative;
    overflow:hidden;
}
.panel-content .header.illustration .header-image{
    width:600px;
    max-width: none;
    right:50%;
    margin-right:-265px;
    top:0;
}
.panel-content .white-text{
    display:block;
    margin-bottom: 70px;
}

h2.wp-block-heading{
    font-size:24px;
}

@media (min-width: 400px){

    h2.wp-block-heading{
        font-size:28px;
    }

    .panel-content .header.illustration .main-header__title{
        font-size:28px;
        margin-top:350px;
    }
    .panel-content .header{
        min-height: 500px;
    }
    .panel-content .header.illustration .header-image{
        width:700px;
        max-width: none;
        right:50%;
        margin-right:-310px;
        top:-20px;
    }
    .panel-content .white-text{
        display:block;
        margin-bottom: 100px;
    }
}

@media (min-width: 640px){

    .panel-content .header.illustration .main-header__title{
        margin-top:380px;
    }
    .panel-content .header{
        min-height: 500px;
    }
    .panel-content .header.illustration .header-image{
        width:1000px;
        max-width: none;
        right:50%;
        margin-right:-450px;
        top:-100px;
    }

}

@media (min-width: 768px){

    .panel-content .white-text{
        color:white;
        margin-bottom: 0;
    }
    .panel-content .main-header__title.text-left{
        text-align: left;
    }
    .panel-content .header.illustration .main-header__title{
        font-size:36px;
        margin-top:180px;
    }
    .panel-content .header{
        min-height: 500px;
    }
    .panel-content .header.illustration .header-image{
        width:900px;
        max-width: none;
        right:-180px;
        top:-70px;
        margin-right:0;
    }
    .page-panel-content{
        margin-top:-60px;
    }
}

@media (min-width: 1024px){
    h2.wp-block-heading{
        font-size:36px;
    }
    .panel-content .header{
        min-height: 550px;
    }
    .panel-content .header.illustration .header-image{
        width:1200px;
        right:-190px;
        top:-170px;
    }
    .page-panel-content{
        margin-top:-80px;
    }
}
@media (min-width: 1200px){
    .panel-content .header.illustration .main-header__title{
        font-size:48px;
        margin-top:207px;
    }
    .panel-content .header{
        min-height: 600px;
    }
    .panel-content .header.illustration .header-image{
        width:1300px;
        right:-180px;
        top:-170px;
    }
    .page-panel-content{
        margin-top:-100px;
    }
}
@media (min-width: 1440px){
    .panel-content .header{
        min-height: 650px;
    }
    .panel-content .header.illustration .header-image{
        width:1400px;
        right:-80px;
        top:-240px;
    }
    .page-panel-content{
        margin-top:-100px;
    }
}
@media (min-width: 1792px){
    .panel-content .header{
        min-height: 750px;
    }
    .panel-content .header.illustration .header-image{
        width:1600px;
        top:-250px;
    }
    .page-panel-content{
        margin-top:-160px;
    }
}
@media (max-width: 399px) {
    .page-panel-content .panel__wide p, .page-panel-content .panel__wide .wp-block-heading{
        margin-left:26px;
        margin-right:26px;
    }
}