@media screen and (min-width: 1140px) {
	/*vision-black-and-white*/

	.vision-black-and-white img {
		filter: grayscale(1); }
	.vision-black-and-white.home-page header {
		background: none;
		color: #000;
		background-image: none !important;
		background-color: #fff; }
	.vision-black-and-white.home-page header a {
		color: #000; }
	.vision-black-and-white.home-page header #vaccination-link {
		color: #000; }
	.vision-black-and-white.home-page header .lang-switcher li.lang-active a {
		color: #000; }
	.vision-black-and-white header .lang-switcher li a {
		color: #000; }
	.vision-black-and-white header .lang-switcher li a:hover {
		color: #000;
		text-decoration: underline; }
	.vision-black-and-white.home-page header  a.button, 
	.vision-black-and-white.home-page header  a.mod-articles-category-title {
		color: #fff;}
	.vision-black-and-white header .header-right {
		color: #000;
		white-space: nowrap; }
	.vision-black-and-white.home-page .microbe-blurred,
	.vision-black-and-white.home-page .microbe {
		display:none; }
		
	.vision-black-and-white .light-box,
	.vision-black-and-white .light-pink-box,
	.vision-black-and-white .blue-box {
		background: #f9f9f9; }
	.vision-black-and-white .module-image {
		filter: grayscale(1); }
		
	.vision-black-and-white .article-body a {
		text-decoration: underline;
		color: #000; }
		
	.vision-black-and-white.home-page header .top-row .logo svg * {
		fill: #000; }
		
	/*vision-bigger-font*/
	

	:root {
		--increase-font: 2px; }	
		
	body.vision-bigger-font {
		font-size: calc(16px + var(--increase-font))}
	.vision-bigger-font .color-box {
	font-size: calc(36px + var(--increase-font))}
	.vision-bigger-font a.mod-articles-category-title {
	font-size: calc(16px + var(--increase-font))}
	.vision-bigger-font .box-list .mod-list a.mod-articles-category-title {
	font-size: calc(32px + var(--increase-font))}
	.vision-bigger-font h3 {
	font-size: calc(28px + var(--increase-font))}
	.vision-bigger-font header #vaccination-link{
	font-size: calc(18px + var(--increase-font))}
	.vision-bigger-font header .lang-switcher li a {
	font-size: calc(18px + var(--increase-font))}
	.vision-bigger-font header .header-right {
	font-size: calc(12px + var(--increase-font))}
	.vision-bigger-font .header-right a {
	font-size: calc(18px + var(--increase-font))}
	.vision-bigger-font .header-title p {
	font-size: calc(24px + var(--increase-font))}
	.vision-bigger-font .box-list .field-value > ul > li  {
	font-size: calc(28px + var(--increase-font))}
	.vision-bigger-font .box-list .field-value > ul > li > ul {
	font-size: calc(16px + var(--increase-font))}
	.vision-bigger-font .full-width-fild > * {
	font-size: calc(25px + var(--increase-font))}
	.vision-bigger-font .short-description {
	font-size: calc(20px + var(--increase-font))}
	.vision-bigger-font .list-with-count .field-value > ul > li {
	font-size: calc(28px + var(--increase-font))}
	.vision-bigger-font .list-with-count .field-value > ul > li > ul {
	font-size: calc(16px + var(--increase-font))}
	.vision-bigger-font .list-with-count .field-value > ul > li:before {
	font-size: calc(14px + var(--increase-font))}
	.vision-bigger-font .full-width-list .field-value > ul > li {
	font-size: calc(28px + var(--increase-font))}
	.vision-bigger-font .full-width-list .field-value > ul > li > * {
	font-size: calc(16px + var(--increase-font))}
	.vision-bigger-font .info-box {
	font-size: calc(22px + var(--increase-font))}
	.vision-bigger-font .info-box button {
	font-size: calc(16px + var(--increase-font))}
	.vision-bigger-font .pink-box p:last-of-type {
	font-size: calc(20px + var(--increase-font))}
	.vision-bigger-font .article-title {
	font-size: calc(28px + var(--increase-font))}
	.vision-bigger-font .sources-info button {
	font-size: calc(16px + var(--increase-font))}
	.vision-bigger-font footer {
	font-size: calc(14px + var(--increase-font))}
	.vision-bigger-font footer .copyright p:last-of-type {
	font-size: calc(12px + var(--increase-font))}
	.vision-bigger-font ul.breadcrumb {
	font-size: calc(11px + var(--increase-font))}
	.vision-bigger-font .sidebar ul.nav > li {
	font-size: calc(16px + var(--increase-font))}
	.vision-bigger-font .sidebar ul.nav-child {
	font-size: calc(13px + var(--increase-font))}
	.vision-bigger-font .sources-info .field-value .contact-box ul {
	font-size: calc(14px + var(--increase-font))}
	.vision-bigger-font .sources-info .field-value .contact-box div > ul > li {
	font-size: calc(28px + var(--increase-font))}
	.vision-bigger-font .slide-list .field-value > div > ul.slide-heading li {
	font-size: calc(28px + var(--increase-font))}
	.vision-bigger-font .slide-list .field-value div.slide-content > ul {
	font-size: calc(20px + var(--increase-font))}
	.vision-bigger-font ul.file-list.collapsible button {
		font-size: calc(14px + var(--increase-font))}
	.vision-bigger-font .quarantine-box {
	font-size: calc(14px + var(--increase-font))}
	.vision-bigger-font .quarantine-box .quar-title {
	font-size: calc(20px + var(--increase-font))}
	
	
}

@media screen and (max-width: 1140px) {

    body {
        font-size: 14px;
    }

    .home-page h1 {
        font-size: 46px;
        line-height: 60px;
        padding-bottom: 20px;
    }

    img.microbe-blurred {
        width: 280px;
    }

    .fields:first-of-type {
        margin: 60px auto;
    }

    h2 {
        font-size: 40px;
        margin-bottom: 60px;
        max-width: 100%;
    }

    .info-count div {
        font-size: 60px;
    }

    .box-list .field-value > ul {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .box-list .field-value > ul > li {
        font-size: 22px;
    }

    .box-list .field-value > ul > li > ul {
        font-size: 14px;
    }

    .last-item {
        padding-bottom: 60px;
    }

    .first-item {
        padding-top: 60px;
    }

    .color-box {
        padding: 60px 0;
        font-size: 26px;
    }

    .field-with-module.risk-group .field-value div.moduletable {
        width: 48%;
    }

    .list-with-count .field-value > ul {
        grid-template-columns: 1fr 1fr;
    }

    ul.category-module.mod-list {
        grid-gap: 40px;
    }

    .article-title {
        font-size: 18px;
        line-height: 22px;
        padding: 20px 0;
    }

    a.button, a.mod-articles-category-title {
        padding: 15px 32px;
        font-size: 13px;
    }

    .sources-info .field-value div {
        grid-gap: 50px 100px;
        margin-top: 50px;
    }

    .news-cat {
        max-width: 756px;
        flex-wrap: wrap;
    }

    .news-cat .sidebar {
        max-width: 756px;
        width: 100%;
    }

    .box-list ul.category-module.mod-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 60px 40px;
    }
	
	.vision-disabilities {
		display: none; }
}

@media screen and (max-width: 960px) {
    header #vaccination-link {
        right: 15px;
    }

    .fields:first-of-type > div {
        width: 48%;
        margin-bottom: 40px;
    }

    .box-list .field-value > ul {
        grid-template-columns: 1fr 1fr;
    }

    .field-with-module .field-value > *,
    .field-with-module .field-value div.moduletable {
        width: 100%;
    }

    .short-description {
        font-size: 16px;
    }

    .field-with-module .module-image {
        width: 80px;
        height: 80px;
    }

    .field-with-module .moduletable {
        margin-top: 34px;
    }

    h3 {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 20px;
        line-height: 22px;
    }

    .full-width-list .field-value > ul > li {
        font-size: 18px;
        line-height: 22px;
        padding-bottom: 20px;
        margin-top: 20px;
        flex-wrap: wrap;
    }

    .full-width-list .field-value > ul > li > * {
        width: 100%;
        margin-left: 0;
        font-size: 14px;
        margin-top: 20px;
    }

    .field-with-module.risk-group .field-value div.moduletable {
        width: 100%;
    }

    .list-with-count .field-value > ul > li {
        font-size: 18px;
        line-height: 22px;
        margin-top: 0;
    }

    .list-with-count .field-value > ul > li > ul {
        font-size: 14px;
    }

    .footer-top .module-content {
        padding: 40px 0;
        flex-wrap: wrap;
    }

    /*.news-cat .after-title .fields {
        grid-template-columns: 1fr 1fr; }
    .news-cat .after-title .fields > div {
        margin-bottom: 0; }*/
    .news-cat .after-title .fields > div.info-count {
        width: 49%;
    }

    .one-field.light-box.info-count.not-bg {
        display: none;
    }

    .news-cat .main-section {
        margin-right: 0;
    }

    .sources-info .field-value .link-box {
        width: 100%;
    }

    .sources-info .field-value .phone-box {
        width: 100%;
    }

    .sources-info .field-value .contact-box div > ul > li {
        font-size: 18px;
        line-height: 22px;
    }

    .sources-info .field-value .contact-box ul {
        font-size: 12px;
        line-height: 16px;
    }

    .slide-list .field-value > div > ul.slide-heading li {
        font-size: 20px;
        line-height: 24px;
    }

    .slide-list .field-value div.slide-content > ul > li div {
        padding: 8px 18px;
    }

    .slide-list .field-value div.slide-content > ul > li:nth-child(odd) ul li {
        padding: 8px 18px;
        margin-right: 8px;
        margin-bottom: 10px;
    }

    .slide-list .field-value div.slide-content > ul > li:nth-child(even) ul li {
        padding: 8px 18px;
        margin-right: 8px;
        margin-bottom: 10px;
    }

    .slide-list .field-value div.slide-content > ul > li {
        margin-bottom: 40px;
    }

    .slide-list .field-value > div > ul.slide-heading li.active {
        padding-right: 70px;
    }

    .fields .info-count.flex-w-30 {
        width: 49%;
    }

    .info-count div {
        font-size: 45px;
    }
}

@media screen and (max-width: 768px) {
    header .header-center {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    header #vaccination-link {
        position: relative;
        justify-content: center;
        right: auto;
        top: auto;
        margin-top: 20px;
        display: flex;
        text-align: center;
    }

    header #vaccination-link span {
        display: contents;
    }
}

@media screen and (max-width: 650px) {
    .home-page h1 {
        font-size: 30px;
        line-height: 36px;
        padding-bottom: 10px;
    }

    .header-title p {
        width: 385px;
        margin: 0;
        font-size: 14px;
    }

    header .top-row .logo svg {
        width: 150px;
        max-height: 93px;
    }

    .header-right a {
        font-size: 14px;
    }

    header .header-right {
        font-size: 10px;
        line-height: 150%;
    }

    img.microbe-blurred {
        width: 230px;
    }

    .header-right {
        display: none;
    }

    .home-page .header-right {
        display: block;
    }

    header .lang-switcher.desktop-only {
        position: static;
        transform: none;
    }

    h2 {
        font-size: 26px;
        line-height: 31px;
        margin-bottom: 24px;
    }

    .list-with-count .field-value > ul {
        grid-template-columns: 1fr;
    }

    ul.category-module.mod-list {
        grid-template-columns: 1fr;
    }

    .sources-info .field-value div {
        grid-template-columns: 1fr 1fr;
    }

    .footer-top .module-content > div:first-of-type {
        order: 2;
    }

    footer {
        padding-top: 0;
        font-size: 12px;
    }

    .footer-top .module-content > div:first-of-type {
        order: 2;
        width: 100%;
        padding-top: 40px;
    }

    .footer-top .module-content > div:last-of-type {
        align-items: self-start;
        font-size: 14px;
    }

    h1 {
        font-size: 26px;
        line-height: 31px;
        padding-bottom: 40px;
        /*margin-bottom: 0;*/
    }

    .box-list ul.category-module.mod-list {
        grid-template-columns: 1fr;
        grid-gap: 40px;
    }

    /*.news-cat .after-title .fields {
        grid-template-columns: 1fr; }*/
    .news-cat .after-title .fields > div.info-count {
        width: 100%;
    }

    .slide-list .field-value div.slide-content > ul > li {
        flex-direction: column;
    }

    .slide-list .field-value div.slide-content > ul ul {
        width: 100%;
    }

    .slide-list .field-value div.slide-content > ul > li div {
        margin-bottom: 10px;
        font-size: 11px;
    }

    .slide-list .field-value div.slide-content > ul > li:nth-child(odd) ul li {
        margin-bottom: 7px;
        font-size: 11px;
    }

    .slide-list .field-value div.slide-content > ul > li:nth-child(even) ul li {
        margin-bottom: 7px;
        font-size: 11px;
    }

    .slide-list .field-value div.slide-content > ul > li {
        margin-bottom: 20px;
    }

    .slide-list .field-value > div > ul.slide-heading li {
        font-size: 14px;
        line-height: 17px;
    }

    .slide-list .field-value > div > ul.slide-heading li.active {
        padding-right: 15px;
    }

    ul.file-list {
        font-size: 13px;
    }

    .quarantine-box .quar-title {
        width: 100%;
        margin-bottom: 15px;
    }

    .quarantine-box .quar-subtitle {
        width: 100%;
    }
}

@media screen and (max-width: 500px) {

    .home-page header {
        background: url(/images/bg_mob.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        background-attachment: fixed;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

    .home-page h1 {
        width: 85%;
    }

    .header-title p {
        width: 230px;
    }

    img.microbe {
        max-width: 70%;
    }

    img.microbe-blurred {
        width: 151px;
        left: 75%;
        transform: translate(-75%, -35%);
    }

    .home-page header .lang-switcher.mobile-only {
        display: flex;
        position: absolute;
        bottom: 40px;
        left: 10px;
    }

    .home-page header .lang-switcher.desktop-only {
        display: none;
    }

    .home-page header .top-row {
        padding-top: 30px;
    }

    .home-page header .top-row {
        position: static;
    }

    .home-page .header-title {
        height: auto;
    }

    .header-title .custom {
        position: static;
        margin-top: 45px;
        transform: none;
    }

    .fields:first-of-type > div {
        width: 100%;
        margin-bottom: 18px;
    }

    .info-count {
        padding: 20px;
    }

    .info-count div {
        font-size: 72px;
        line-height: 86px;
    }

    a.button, a.mod-articles-category-title {
        padding: 10px 32px;
        font-size: 13px;
    }

    .box-list .field-value > ul {
        grid-template-columns: 1fr;
        grid-gap: 34px;
    }

    .color-box {
        font-size: 20px;
    }

    .sources-info .field-value div {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .sources-info img {
        max-height: 100px;
        max-width: 80%;
    }

    .fields .info-count.flex-w-50 {
        width: 100%;
    }

    .fields .info-count.flex-w-30 {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .slide-list .field-value .slide-heading .an-arrow {
        display: flex;
    }

    .slide-list .field-value .slide-heading {
        overflow: hidden;
    }

    ul.file-list {
        font-size: 12px;
    }
}