.breakpoint {
    background: #ff7777;
    border-radius: 12px;
    bottom: 24px;
    color: #fff;
    display: none;
    font-size: 16px;
    letter-spacing: 4px;
    line-height: 24px !important;
    opacity: .75;
    padding: 0 10px 2px;
    position: fixed;
    right: 24px;
    text-align: center;
    width: auto;
    z-index: 1000;
}

.breakpoint:before { content: "min 320" }

@media only screen and (min-width: 480px) {
    .breakpoint { background: #fc0; }
    .breakpoint:before { content: "min 480" }

    h2 { font-size: 37px; }
    .font-size--xxl { font-size: 71px; }
    .font-size--l--info { font-size: 27px; }

	/* gallery*/
    .ce-gallery .ce-column { margin-right: 4%; }
	.ce-gallery .ce-column:last-child { margin-right: 0; }
	.ce-gallery[data-ce-columns="1"] .ce-column { width: 100%; }
	.ce-gallery[data-ce-columns="2"] .ce-column { width: 48%; }
	.ce-gallery[data-ce-columns="3"] .ce-column { width: 30.666666667%; }
	.ce-gallery[data-ce-columns="4"] .ce-column { width: 22%; }

	/* ext: news */
	.news-list-view h2 { font-size: 37px; }
}

@media only screen and (min-width: 768px) {
    .breakpoint { background: #fc0; }
    .breakpoint:before { content: "min 768" }

    html { font-size: 19px; }
    h2 { font-size: 47px; }
    h3 { font-size: 19px; }
    .font-size--xxl { font-size: 90px; }
    .font-size--l { font-size: 34px; }
    .font-size--l--info { font-size: 34px; }

	/* ext: news */
	.news-list-view h2 { font-size: 47px; }
}

@media only screen and (min-width: 960px) {
    .breakpoint { background: #fc0; }
    .breakpoint:before { content: "min 960" }

    html { font-size: 21px; }
    h2 { font-size: 52px; }
    h3 { font-size: 21px; }
    .font-size--xxl { font-size: 100px; }
    .font-size--l { font-size: 37px; }
    .font-size--l--info { font-size: 37px; }

	/* ext: news */
	.news-list-view h2 { font-size: 52px; }
}


@media only screen and (min-width: 1024px) {
    .breakpoint { background: #0c0; }
    .breakpoint:before { content: "min 1024" }

    /* columns */
    .column--66 { width: 65.666666667%; }
	.column--50 { width: 48.5%; }
	.column--33 { width: 31.333333333%; }
	.column--25 { width: 22.75%; }
}


@media only screen and (min-width: 1440px) {
    .breakpoint { background: #f30; }
    .breakpoint:before { content: "> 1440" }

    html {font-size: 24px; }
    h2 { font-size: 60px; }
    h3 { font-size: 24px; }
    .font-size--xxl { font-size: 115px; }
    .font-size--l { font-size: 43px; }
    .font-size--l--info { font-size: 43px; }

	/* ext: news */
	.news-list-view h2 { font-size: 60px; }
}

@media print,
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 1.25dppx),
	(min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */
}

/* ==========================================================================
	 Print styles.
	 Inlined to avoid the additional HTTP request:
	 https://www.phpied.com/delay-loading-your-print-css/
	 ========================================================================== */

@media print {
	*,
	*:before,
	*:after {
		background: transparent !important;
		color: #000 !important;
		/* Black prints faster */
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	/*
		 * Don't show links that are fragment identifiers,
		 * or use the `javascript:` pseudo protocol
		 */
	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}
	pre {
		white-space: pre-wrap !important;
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	/*
		 * Printing Tables:
		 * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
		 */
	thead {
		display: table-header-group;
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
}