@font-face {
    font-family: 'Pragmatica';
    src: url('fonts/PragmaticaPlain.eot');
    src: local('Pragmatica Plain:001.001'), local('PragmaticaPlain'),
        url('fonts/PragmaticaPlain.eot?#iefix') format('embedded-opentype'),
        url('fonts/PragmaticaPlain.woff2') format('woff2'),
        url('fonts/PragmaticaPlain.woff') format('woff'),
        url('fonts/PragmaticaPlain.ttf') format('truetype'),
        url('fonts/PragmaticaPlain.svg#PragmaticaPlain') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: url('fonts/Pragmatica.eot');
    src: local('Pragmatica'),
        url('fonts/Pragmatica.eot?#iefix') format('embedded-opentype'),
        url('fonts/Pragmatica.woff2') format('woff2'),
        url('fonts/Pragmatica.woff') format('woff'),
        url('fonts/Pragmatica.ttf') format('truetype'),
        url('fonts/Pragmatica.svg#Pragmatica') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: url('fonts/PragmaticaBoldCyrillic.eot');
    src: local('Pragmatica Bold Cyrillic'), local('PragmaticaBoldCyrillic'),
        url('fonts/PragmaticaBoldCyrillic.eot?#iefix') format('embedded-opentype'),
        url('fonts/PragmaticaBoldCyrillic.woff2') format('woff2'),
        url('fonts/PragmaticaBoldCyrillic.woff') format('woff'),
        url('fonts/PragmaticaBoldCyrillic.ttf') format('truetype'),
        url('fonts/PragmaticaBoldCyrillic.svg#PragmaticaBoldCyrillic') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* reset */


* {padding: 0;margin: 0}
body {font-size: 16px;font-family: 'Pragmatica';}


/* reset */



/* grid */

.set {display: flex;align-items: center;justify-content: center;align-content: center;width: 100%;height: 100vh;background: #fff;}

.set-block {background: #fff url(back.png) repeat center center / auto auto;display: flex;position: relative;
-webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.15);
box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.15);}

/* grid */




.set-p {width: 100%;padding: 20px 0}

.set-title span {text-transform: uppercase}
.set-title {font-weight: 600; color: #445366;text-align: center;line-height: 120%;text-transform: none}



.set-head {margin: 0 0 20px 0;text-align: center}
.set-text-block {margin: 0 0 20px 0}

.set-text,.set-text a {font-size: 1rem;font-weight: 300; text-align: center;color: #445366;line-height: 100%;text-decoration: none}



.set-column {display: block;width: 100%;overflow: auto}
.set-column-item {width: 50%;float: left}


.set-item img {width: 70%;height: auto}
.set-item {text-align: left;color: #445366;font-size: .75rem;margin: 0 0 7px 0}
.set-item:last-child {margin: 0}
.set-item a {text-decoration: none;color: #445366;}










@media only screen and (orientation: landscape) {

.set-block {width: 126mm;height: 70mm; max-width: none;}
    
.set-head {margin: 0 0 15px 0;text-align: center}

.set-title {font-size: 1.5rem;}
    
.set-text-block {display: flex;justify-content: center}
    
    
.set-column-left .set-item {text-align: center}
    
    
.panel-block {bottom: 0;right: 15px; height: 240px;left:auto;flex-wrap: wrap;transform: translateY(-50%);top: 50%;padding: 0;display: block;align-content: flex-start}

                    
}



@media only screen and (orientation: portrait) {
    
.set-p {padding: 36px 0 0 0}
    
.set-block {width: 70mm;/*max-width: 350px;*/ height: 126mm}
    
.set-title {font-size: 1.5rem;}
    
.set-text-block,.set-head,.set-column-left {margin: 0 0 36px 0}
    
.set-column-item {width: 100%}

    
.set-item {padding: 0 16px}
    
.set-column-left .set-item {text-align: center}
  
    
}