/**
 * Theme Name:     YS89
 * Author:         adzord
 * Template:       kruta
 * Text Domain:	   ys89
 * Description:    YS89 theme.
 */

@font-face {
    font-family: 'Code Pro Black LC';
    src: url('/wp-content/themes/ys89/fonts/Code-Pro-Black-LC.woff2') format('woff2'),
        url('/wp-content/themes/ys89/fonts/Code-Pro-Black-LC.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Code Pro LC';
    src: url('/wp-content/themes/ys89/fonts/Code-Pro-LC.woff2') format('woff2'),
        url('/wp-content/themes/ys89/fonts/Code-Pro-LC.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Code Pro Light LC';
    src: url('/wp-content/themes/ys89/fonts/Code-Pro-Light-LC.woff2') format('woff2'),
        url('/wp-content/themes/ys89/fonts/Code-Pro-Light-LC.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Code Pro';
    src: url('/wp-content/themes/ys89/fonts/Code-Pro-Black.woff2') format('woff2'),
        url('/wp-content/themes/ys89/fonts/Code-Pro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Code Pro Bold LC';
    src: url('/wp-content/themes/ys89/fonts/Code-Pro-Bold-LC.woff2') format('woff2'),
        url('/wp-content/themes/ys89/fonts/Code-Pro-Bold-LC.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Code Pro';
    src: url('/wp-content/themes/ys89/fonts/Code-Pro.woff2') format('woff2'),
        url('/wp-content/themes/ys89/fonts/Code-Pro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Code Pro';
    src: url('/wp-content/themes/ys89/fonts/Code-Pro-Light.woff2') format('woff2'),
        url('/wp-content/themes/ys89/fonts/Code-Pro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Code Pro Demo';
    src: url('/wp-content/themes/ys89/fonts/Code-Pro-Demo.woff2') format('woff2'),
        url('/wp-content/themes/ys89/fonts/Code-Pro-Demo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Code Pro';
    src: url('/wp-content/themes/ys89/fonts/Code-Pro-Bold.woff2') format('woff2'),
        url('/wp-content/themes/ys89/fonts/Code-Pro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Code Pro Light Demo';
    src: url('/wp-content/themes/ys89/fonts/Code-Pro-Light-Demo.woff2') format('woff2'),
        url('/wp-content/themes/ys89/fonts/Code-Pro-Light-Demo.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@media screen and (max-width: 47.9375em){
	.c-loader__title, .c-loader__title-mask {
		text-align: center;
		font-size: 2.5rem !important;
	}
	
	.c-single__bread {
    	padding-bottom: 0 !important;
	}
	
	.o-single-port .c-portfolio__title {
		font-size: 2rem !important;
		margin-top: 1.5rem !important;
	}
	.o-main-container {
    	background: url(/wp-content/uploads/background_m.jpg) !important;

	}
}

@media screen and (min-width: 48em) and (max-width: 64em){
	.c-loader__title, .c-loader__title-mask {
		text-align: center;
		font-size: 2.5rem !important;
	}
	
	.c-single__bread {
    	padding-bottom: 0 !important;
	}
	
	.o-single-port .c-portfolio__title {
		font-size: 2.25rem !important;
		margin-top: 1.5rem !important;
	}
	.o-main-container {
    	background: url(/wp-content/uploads/background_m.jpg) !important;

	}
}

.o-main-container {
    background: url(/wp-content/uploads/background.jpg) fixed !important;
	background-size: cover !important;
	/*background-position: top center !important;*/
}

.header-nav .menu>.menu-item>.sub-menu {
    right: -4px !important;
}

@media screen and (min-width: 1025px){
	.secondary-nav .menu>.menu-item>.sub-menu{
		background-color: rgb(214, 160, 44, 0.7);
	}
}

.wp-block-krutablocks-clients .wp-block-krutablocks-client__image {
    /* filter: grayscale(1); */
    /* opacity: .5; */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.wp-block-krutablocks-clients .wp-block-krutablocks-client__image img {
    max-width: 140px;
}
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HXWSBX7FYS">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-HXWSBX7FYS');
</script>