img.header-image
{
    width: 100%;
    display: none;
}
@media (max-width: 375px)
{
	.header-375 { display: unset !important; }
}
@media (min-width: 376px) and (max-width: 600px)
{
	.header-600 { display: unset !important; }
}
@media (min-width: 601px) and (max-width: 768px)
{
	.header-678 { display: unset !important; }
}
@media (min-width: 769px) and (max-width: 1024px)
{
	.header-1024 { display: unset !important; }
}
@media (min-width: 1025px)
{
	.header-1440 { display: unset !important; }
}
.header-subscribe-image
{
    width: 480px;
    position: absolute;
    top: 140px;
    right: 0px;
    z-index: 100;
    cursor: pointer;
}
.header-subscribe-image img
{
	width: 100%;
}
@media (max-width: 375px)
{
	.header-subscribe-image { width: 170px; top: 60px; }
}
@media (min-width: 376px) and (max-width: 600px)
{
	.header-subscribe-image { width: 170px; top: 60px; }
}
@media (min-width: 601px) and (max-width: 768px)
{
	.header-subscribe-image { width: 200px; top: 100px; }
}
@media (min-width: 769px) and (max-width: 1024px)
{
	.header-subscribe-image { width: 230px; top: 90px; }
}
@media (min-width: 1025px) and (max-width: 1366px)
{
	.header-subscribe-image { width: 260px; top: 100px; }
}
@media (min-width: 1920px)
{
	.header-subscribe-image { right: calc((100% - 1920px) / 2) }
}

.page
{
    min-height: calc(100vh - 70px);
}
.data-pages .page:not(.has-add-button) > .facet-edit
{
    right: 30px;
    bottom: 30px;
}
.data-pages .page .add-facet,
.data-pages .page .facet-edit
{
    position: fixed;
    color: #fff;
    z-index: 1001;
    padding: 15px;
	cursor: pointer;
    transition: 0.2s;
    border-radius: 50%;
    border: 1px solid #fff;
	box-shadow: 0 0 10px -2px #000;
    background-color: var(--pygirls-color-green);
}
.data-pages .page .add-facet:hover,
.data-pages .page .facet-edit:hover
{
    background-color: #fff;
    box-shadow: 0 0 4px 0 #000;
    color: var(--pygirls-color-green);
    border-color: var(--pygirls-color-green);
}