/* CSS Document */
body{
	font-family:'DisneyPark';
	font-size:20px;
}
.popup-inner a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    color: #fc8d0b;
}
/* POPUP START */
.popup {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.75);
    text-align: center;
    z-index: 999;
    overflow: hidden;
    overflow-y: auto;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}

.popup::-webkit-scrollbar {
    width: 0 !important;
}

.popup:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -4px;
    vertical-align: middle;
}

.popup-inner {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    position: relative;
    width: 55%;
    padding: 5px;
    -webkit-box-shadow: 0px 2px 20px 20px #fc8d0b;
    box-shadow: 0px 2px 20px 20px #fc8d0b;
    border-radius: 1em;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    margin: 3em 0;
    word-wrap: break-word;
    color: #c4c4c4;
    font-family: 'DINPro-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.3em;
}

.modal-content{
    background-color: #000;
}
/* POPUP END */

.cardtext {
	font-family: 'Karton';
	width: 45vw;
	text-align: center;
	font-size: 1.9em;
}
.terms__btn {
margin-top: 1.5em;
margin-bottom: 1.2em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 1.9em;
}
.pizza__btn {
	margin-top: 0.9em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.9em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}

.logo {
    width: 9vw !important;
    height: auto;
    position: relative;
    z-index: 100;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
	
}
/* konkurs section start */
.contestblock{
	display: block;
	margin-bottom: 40.5%;
}
.costesttitle{
	font-family: 'DisneyPark' !important;
	text-align: center !important;
	color: #bf832a !important;
	font-size: 2.2em;
	margin-top: -1.1%;
    line-height: 1em;
	margin-bottom: 1.5%;
}
.contesttext{
	font-family: 'DisneyPark';
	width: 36% !important;
	padding-left: 0.5em;
	margin-left: auto;
    margin-right: auto;
	font-size: 1.6em;
    line-height: 0.8em;
}
.contesttext p{
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}

.gifts{
	
}
.podarki{
	width: 40vw !important;
    height: auto;
    position: absolute;
    top: 74.5%;
    left: 30.5%;
    z-index: 1;
	animation-name: myanim;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    animation-fill-mode: none;
}
.korobka{
	width: 70vw !important;
    height: auto;
    position: absolute;
    top: 70%;
    left: 16%;
    z-index: 0;
}

/* konkurs section end */

@keyframes myanim {
from {transform: translate(0px, 5px);}
to {transform: translate(0px, -5px);}
}

@media screen and (max-width: 501px) {
.logo {
    /*top: 0 !important;
    left: 16% !important;
    width: 30vw !important;
    /* margin: 3% auto !important; 
    height: auto;
    position: relative;
    z-index: 100;
    transform: translate(50%, 50%);*/
	 position: relative !important;
    width: 30% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7%;
	margin-bottom: -1%;
	left: 0;
}
}

.banner{
	top: -50px;
}

.footer {
    margin-top: 65px;
    
    text-transform: uppercase;
    padding: 10px 0 2px;
}

.wrapper {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 15px;
}

.footer__copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	
    font-size: 11px;
	color: #eee;
	margin-top: 4px;
}

.kv-notepad {
  position: relative;
  /*z-index: -1;*/
}



.title-bloknot{
    position: absolute;
	width: 100%;
	color: #e00f0b;
	margin-top: 190px;
	rotate: -7deg;
}

.history-bloknot{
	position: absolute;
	width: 100%;
	color: #6c7184;
	margin-top: 222px;
	margin-left: auto;
	margin-right: auto;
}

.history-bloknot-mob, .title-bloknot-mob{
	display:none;
}

/*.laki:hover + .laki-title {text-shadow: 4px 3px 0px #7A7A7A; rotate: -33deg !important;}
.laki:hover {rotate: -25deg;}*/

/*.laki:hover + .laki-title, .laki-title:hover {
    background: linear-gradient(273deg, #ff0000, #000000, #000000, #000000, #000000, #ff0000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: gradient 3s ease infinite;
    -moz-animation: gradient 3s ease infinite;
    -o-animation: gradient 3s ease infinite;
    animation: gradient 3s ease infinite;
    background-size: 50%;
    color: #f00;
}



.cpu:hover + .cpu-title, .cpu-title:hover {
   background: linear-gradient(273deg, #ff0000, #000000, #000000, #000000, #000000, #ff0000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: gradient 3s ease infinite;
    -moz-animation: gradient 3s ease infinite;
    -o-animation: gradient 3s ease infinite;
    animation: gradient 3s ease infinite;
    background-size: 50%;
    color: #f00;
}
.cup:hover + .cup-title, .cup-title:hover {
   background: linear-gradient(273deg, #ff0000, #000000, #000000, #000000, #000000, #ff0000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: gradient 3s ease infinite;
    -moz-animation: gradient 3s ease infinite;
    -o-animation: gradient 3s ease infinite;
    animation: gradient 3s ease infinite;
    background-size: 50%;
    color: #f00;
}
.skill:hover + .skill-title, .skill-title:hover {
    background: linear-gradient(273deg, #ff0000, #000000, #000000, #000000, #000000, #ff0000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: gradient 3s ease infinite;
    -moz-animation: gradient 3s ease infinite;
    -o-animation: gradient 3s ease infinite;
    animation: gradient 3s ease infinite;
    background-size: 50%;
    color: #f00;
}

@-webkit-keyframes gradient {
        0%{background-position:0% 51%}
        50%{background-position:100% 50%}
        100%{background-position:0% 51%}
    }
    @-moz-keyframes gradient {
        0%{background-position:0% 51%}
        50%{background-position:100% 50%}
        100%{background-position:0% 51%}
    }
    @-o-keyframes gradient {
        0%{background-position:0% 51%}
        50%{background-position:100% 50%}
        100%{background-position:0% 51%}
    }
    @keyframes gradient {
        0%{background-position:0% 51%}
        50%{background-position:100% 50%}
        100%{background-position:0% 51%}
    }*/

/*  laki */
.laki-title{
        width: 33vw !important;
    height: auto;
    position: absolute;
    font-family: 'Karton';
    font-size: 1.1em !important;
    transform: rotate(-4deg) translate(41em, -19em) !important;
    text-align: right;
    line-height: 1.5em;
}
.foto-title span {
	font-size: 1.3em;
}
.laki {
    width: 49vw;
    height: auto;
    position: relative;
    z-index: 100;
    transform: rotate(-4deg) translate(29em, 15em);
}


/*  /laki */


/*  cpu  */
.cpu-title{
        width: 23vw !important;
    height: auto;
    position: absolute;
    font-family: 'Karton';
    font-size: 1.1em !important;
    transform: rotate(6deg) translate(16em, -51em) !important;
    text-align: left;
    line-height: 1.5em;
}

.cpu {
    width: 49vw;
    height: auto;
    position: relative;
    z-index: 100;
        transform: rotate(6deg) translate(19em, -18em);
}






/*  cup  */
.cup-title{
    width: 32vw !important;
    height: auto;
    position: absolute;
    font-family: 'Karton';
    font-size: 1.1em !important;
    transform: rotate(-4deg) translate(41em, -52em) !important;
    text-align: left;
    line-height: 1.5em;
}

.cup {
    width: 64vw;
    height: auto;
    position: relative;
    z-index: 100;
    transform: rotate(-2deg) translate(22em, -1em);
}


/*  /cup  */

/*  skill */
.parentcard1 {
	transform: rotate(-2deg) translate(0.5em, -9em) !important;
	    
}
.parentcard2 {
transform: rotate(-2deg) translate(0.5em, -16em) !important;
	   
}
.parentcard3 {
	    transform: rotate(-2deg) translate(0.5em, -71em) !important;
    z-index: 2;
    position: relative;  
}
.parentcard4 {
	    transform: rotate(-3deg) translate(2.5em, -95em) !important;
    margin-bottom: -174em;
    z-index: 1;
    position: relative;
}
.skill-title{
width: 30vw !important;
    height: auto;
    position: absolute;
    font-family: 'Karton';
    font-size: 1.9em !important;
    transform: rotate(1deg) translate(19em, -45em) !important;
    text-align: left;
    line-height: 1.5em;
}

.skill {
    width: 49vw;
    height: auto;
    position: relative;
    z-index: 100;
    transform: rotate(1deg) translate(28em, -5em);
}
.card5 {
	display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transform: rotate(1deg) translate(2.5em, -79em);
    z-index: 100;
    flex-direction: column;
}
.card4 {
	    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
         transform: rotate(1deg) translate(2.5em, -84em);
    z-index: 100;
}
.pr1 a, .pr2 a, .pr3 a, .pr4 a {color: #000000;}
.pr1 a:hover {
	text-decoration: none;
}
.pr2 a:hover {
	text-decoration: none;
}
.pr3 a:hover {
	text-decoration: none;
}
.pr4 a:hover {
	text-decoration: none;
}
.pr1:hover {
	transform: scale(1.02);
}
.pr2:hover {
	transform: scale(1.02);
}
.pr3:hover {
	transform: scale(1.02);
}
.pr4:hover {
	transform: scale(1.02);
}
.pr1name {
	font-size: 1.5em;
    text-align: center;
    font-family: 'Karton';
	
}
.pr2name {
	font-size: 1.5em;
    text-align: center;
    font-family: 'Karton';
	text-decoration: none;
}
.pr3name {
	font-size: 1.5em;
    text-align: center;
    font-family: 'Karton';
	text-decoration: none;
}
.pr4name {
	font-size: 1.5em;
    text-align: center;
    font-family: 'Karton';
	text-decoration: none;
}

.pr1 {
	width: 9em;
}
.pr2 {
	width: 9em;
}
.pr3 {
	width: 9em;
}
.pr4 {
	width: 9em;
}
.pr1pic, .pr2pic, .pr3pic, .pr4pic{
    text-align: center;
}
.footer {
	background: url(../images/sea-footer1.png) bottom center no-repeat;
	background-size: cover;
	position: relative;
	height: 33em;
    display: flex;
    align-items: flex-end;
    justify-content: center;
	    margin-top: 9em;
}





@keyframes myanim {
from {transform: translate(0px, 5px);}
to {transform: translate(0px, -5px);}

}

.model__pdBox fadein {
	width: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	
}

.offer-title{
    position: relative;
    overflow: hidden;
    background: url(../images/dodo.jpg) center center no-repeat;
    background-size: cover;
    height: 53em;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-93em);
    z-index: 1;
}

.offerbutton a {text-decoration: none !important;}
.contest__btn:hover {
	transform: scale(0.99);
	box-shadow: 0px 0px 0px #000000;
}
.contest__btn {
	    position: relative;
        display: block;
        padding-top: 13px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 50px;
        text-align: center;
        color: #000000;
        text-decoration: none;
        font-family: 'Bebas';
        font-size: 1.7em;
        box-sizing: border-box;
        background: #ff6900;
        background-size: 400%;
        border-radius: 10px;
        z-index: 1;
		margin-top: 11em;
		margin-left: 1em;
		margin-right: 1em;
		box-shadow: 3px 2px 1px #000000;
}
.bloknot{
	 text-align:left !important; 
	 font-family: 'DisneyPark'; 
	 font-size: 1.2em;
     line-height: 1em;	 
	 margin-top: -34px; 
	 margin-bottom:0px; 
	 font-weight: 100;
	 margin-left: 65px;
}

.col-lg-2, .prod{
	margin: 1% !important;
	width: 60%;
	height:auto;
	
}
.col-lg-2{
	/*height: 100%;*/
	position: relative;
	
}

.flex-column{
	width: 100%;
    position: absolute;
}

.align-items-center{
	bottom:0;
}

.offer__title {
	font-family: 'EuclidCircularA-Regular';
	font-size: 15px;
    margin-bottom: 7px;
	color: #000000;
}

.offer__descr, .list-reset {
	font-family: 'EuclidCircularA-Regular';
	font-size: 22px;
	margin-top: 0px;
	color: #000000;
}
.offer__button, .btn-mod, .btn-reset {
	font-family: 'EuclidCircularA-Regular';
	width: 60%;
	font-size: 15px;
	height: 36px;
	border-radius: 7px;
	border-color: #ff0000;
    border-style: solid;
	background-color: #ffffff;
	color: #ff0000;
}

.btn-reset:hover {
	border-color: #ff0000;
    background-color: #ff0000;
	color: #ffffff;
	cursor: pointer;
}

.top-title{
	width: 70%;
	margin-bottom: 0px !important;
}

.desctop{
	width: 90%; 
	margin-bottom: 138px; 
	margin-left: -36px; 
	z-index: -10;
	position: relative;
	padding-top: 13px;
}

.monitor1{
	width: 100%; 
	margin-bottom: 148px; 
	margin-left: 40px; 
	z-index: 100;
}

.monitor2{
	width: 100%; 
	margin-bottom: 201px;
	margin-top: 25px;
}

.aio {
	width: 100% !important; 
	margin-bottom: 150px;
}

.offer__block-pro{
	width: 113%;
}

.footer__copyright .footer-image{
	width: 50px; 
	margin-right: 10px; 
	margin-bottom: 10px;
}

.my-history-title{
	font-family: 'DisneyPark'; 
	font-size: 64px; 
	margin-top: -79px; 
	margin-bottom:0px; 
	font-weight: 100;
}

.second-top-title{
	color: #6c7184; 
	font-family: 'DisneyPark'; 
	font-size: 5em; 
	margin-top: -47px; 
	margin-bottom:0px; 
	font-weight: 100;
}

.first-top-title{
	font-size: 9em !important;
}



.logo-picture{
	border:0px;
}
@media (max-width: 5120px) and (min-width: 4901px) {
	.kvbg {
    transform: translateY(-9em) !important;
}
	.laki-title {
               width: 29vw !important;
        font-size: 2.6em !important;
        transform: rotate(-4deg) translate(31em, -28em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
        transform: rotate(-2deg) translate(34.5em, 117em) !important;
}
       .cpu-title {
                width: 19vw !important;
        font-size: 2.6em !important;
        transform: rotate(6deg) translate(7em, -45em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard2 {
      transform: rotate(-2deg) translate(35.5em, 62em) !important;
}
     .cup-title {
                width: 32vw !important;
        font-size: 2.6em !important;
        transform: rotate(-4deg) translate(33em, -56em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
                 transform: rotate(-2deg) translate(21.5em, -56em) !important;
        z-index: 2;
        position: relative;
    }
.contest__btn {
	            margin-top: 6em;
        font-size: 10.7em;
        border-radius: 0.2em;
}
    .offer-title {
        height: 139em;
        transform: translateY(-104em);
        z-index: 1;
    }
.skill-title {
          width: 34vw !important;
        font-size: 5em !important;
        transform: rotate(1deg) translate(8.9em, -43em) !important;
        line-height: 1.5em;
}
.contest__btn {
    box-shadow: 10px 10px 5px #000000;
}
        .parentcard4 {
               transform: rotate(-4deg) translate(54.5em, -112em) !important;
        margin-bottom: -275em;
    }
    .card4 {
                 transform: rotate(1deg) translate(-40.5em, -205em);
    }
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 3.5em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 23em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 22em;
    }
	
	.card5 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
                 transform: rotate(1deg) translate(-40.5em, -187em);
    z-index: 100;
    flex-direction: column;
}
.cardtext {
    font-family: 'Karton';
    width: 45vw;
    font-size: 5em;
}	
.terms__btn {
    margin-top: 2.5em;
    margin-bottom: 2.2em;
}
.terms__btn a {
    font-size: 3.5em;
}	
.pizza__btn a {
    font-size: 5em;
}
.popup-inner {
    width: 40%;
    font-size: 3em;
}
	.footer {
            height: 95em;
        margin-top: 1em;
}
}
@media (max-width: 4900px) and (min-width: 4701px) {
	.kvbg {
    transform: translateY(-8em) !important;
}
	.laki-title {
               width: 29vw !important;
        font-size: 2.5em !important;
        transform: rotate(-4deg) translate(31em, -28em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
        transform: rotate(-2deg) translate(26.5em, 108em) !important;
}
       .cpu-title {
                width: 19vw !important;
        font-size: 2.5em !important;
        transform: rotate(6deg) translate(7em, -45em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard2 {
        transform: rotate(-2deg) translate(31.5em, 58em) !important;
}
     .cup-title {
                width: 32vw !important;
        font-size: 2.5em !important;
        transform: rotate(-4deg) translate(33em, -56em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
                 transform: rotate(-2deg) translate(21.5em, -56em) !important;
        z-index: 2;
        position: relative;
    }
.contest__btn {
	            margin-top: 6em;
        font-size: 6.7em;
        border-radius: 0.2em;
		  box-shadow: 10px 10px 5px #000000;
}
    .offer-title {
                height: 136em;
        transform: translateY(-104em);
        z-index: 1;
    }
.skill-title {
                    width: 40vw !important;
        font-size: 5em !important;
        transform: rotate(1deg) translate(7.5em, -41em) !important;
        line-height: 1.5em;
}
        .parentcard4 {
                     transform: rotate(-2deg) translate(43.5em, -114em) !important;
        margin-bottom: -249em;
    }
    .card4 {
              transform: rotate(1deg) translate(-37.5em, -195em);
    }
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 3.5em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 22em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 21em;
    }

		.card5 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
                 transform: rotate(1deg) translate(-38.5em, -177em);
    z-index: 100;
    flex-direction: column;
}
.cardtext {
    font-family: 'Karton';
    width: 45vw;
    font-size: 5em;
}	
.terms__btn {
    margin-top: 2.5em;
    margin-bottom: 2.2em;
}
.terms__btn a {
    font-size: 3.5em;
}	
.pizza__btn a {
    font-size: 5em;
}
.popup-inner {
    width: 40%;
    font-size: 3em;
}
	
	
	.footer {
            height: 89em;
        margin-top: 1em;
}
}
@media (max-width: 4700px) and (min-width: 4501px) {
		.kvbg {
    transform: translateY(-8em) !important;
}
	.laki-title {
        width: 29vw !important;
        font-size: 2.4em !important;
        transform: rotate(-4deg) translate(32em, -27em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
        transform: rotate(-2deg) translate(26.5em, 100em) !important;
}
       .cpu-title {
                width: 19vw !important;
        font-size: 2.4em !important;
        transform: rotate(6deg) translate(7em, -46em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard2 {
        transform: rotate(-2deg) translate(31.5em, 53em) !important;
}
     .cup-title {
                width: 32vw !important;
        font-size: 2.4em !important;
        transform: rotate(-4deg) translate(33em, -56em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
                 transform: rotate(-2deg) translate(21.5em, -56em) !important;
        z-index: 2;
        position: relative;
    }
.contest__btn {
	            margin-top: 6em;
        font-size: 6.7em;
        border-radius: 0.2em;
		  box-shadow: 10px 10px 5px #000000;
}
    .offer-title {
        height: 118em;
        transform: translateY(-104em);
        z-index: 1;
    }
.skill-title {
                width: 40vw !important;
        font-size: 4.7em !important;
               transform: rotate(1deg) translate(7.9em, -41em) !important;
        line-height: 1.5em;
}
        .parentcard4 {
              transform: rotate(-2deg) translate(36.5em, -110em) !important;
        margin-bottom: -254em;
    }
    .card4 {
               transform: rotate(1deg) translate(-34.5em, -186em);
    }
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 2.5em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 21em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 20em;
    }
	
		.card5 {
             transform: rotate(1deg) translate(-34.5em, -172em);
        }
.cardtext {
    font-family: 'Karton';
    width: 45vw;
    font-size: 5em;
}	
.terms__btn {
    margin-top: 2.5em;
    margin-bottom: 2.2em;
}
.terms__btn a {
    font-size: 3.5em;
}	
.pizza__btn a {
    font-size: 5em;
}
.popup-inner {
    width: 40%;
    font-size: 3em;
}	
	
	.footer {
            height: 88em;
        margin-top: 1em;
}
}
@media (max-width: 4500px) and (min-width: 4301px) {
	.laki-title {
                width: 29vw !important;
        font-size: 2.3em !important;
        transform: rotate(-4deg) translate(33em, -27em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
        transform: rotate(-2deg) translate(26.5em, 91em) !important;
}
       .cpu-title {
                width: 19vw !important;
        font-size: 2.3em !important;
        transform: rotate(6deg) translate(8em, -46em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard2 {
                    transform: rotate(-2deg) translate(27.5em, 45em) !important;
}
     .cup-title {
                width: 32vw !important;
        font-size: 2.3em !important;
        transform: rotate(-4deg) translate(33em, -56em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
                    transform: rotate(-2deg) translate(9.5em, -60em) !important;
        z-index: 2;
        position: relative;
    }
.contest__btn {
	            margin-top: 6em;
        font-size: 6.7em;
        border-radius: 0.2em;
		  box-shadow: 10px 10px 5px #000000;
}
    .offer-title {
        height: 118em;
        transform: translateY(-104em);
        z-index: 1;
    }
.skill-title {
                width: 40vw !important;
        font-size: 4.5em !important;
          transform: rotate(1deg) translate(7.9em, -41em) !important;
        line-height: 1.5em;
}
        .parentcard4 {
                  transform: rotate(-2deg) translate(36.5em, -110em) !important;
        margin-bottom: -258em;
    }
    .card4 {
                transform: rotate(1deg) translate(-31.5em, -179em);
    }
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 2.5em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 20em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 19em;
    }
	
	.kvbg {
    transform: translateY(-8em) !important;
    }
	.card5 {
                    transform: rotate(1deg) translate(-31.5em, -166em);
    }
	.cardtext {
		font-family: 'Karton';
		width: 45vw;
		font-size: 5em;
	}	
	.terms__btn {
		margin-top: 2.5em;
		margin-bottom: 2.2em;
	}
	.terms__btn a {
		font-size: 3.5em;
	}	
	.pizza__btn a {
		font-size: 5em;
	}
	.popup-inner {
		width: 40%;
		font-size: 3em;
	}
	
	.footer {
            height: 84em;
        margin-top: 1em;
}
}
@media (max-width: 4300px) and (min-width: 4101px) {
	.laki-title {
                width: 29vw !important;
        font-size: 2.2em !important;
        transform: rotate(-4deg) translate(33em, -27em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
         transform: rotate(-2deg) translate(26.5em, 83em) !important;
}
       .cpu-title {
                width: 19vw !important;
        font-size: 2.2em !important;
        transform: rotate(6deg) translate(9em, -46em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard2 {
              transform: rotate(-2deg) translate(22.5em, 41em) !important;
}
     .cup-title {
                width: 32vw !important;
        font-size: 2.2em !important;
        transform: rotate(-4deg) translate(34em, -56em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
                    transform: rotate(-2deg) translate(9.5em, -60em) !important;
        z-index: 2;
        position: relative;
    }
.contest__btn {
	            margin-top: 6em;
        font-size: 6.7em;
        border-radius: 0.2em;
		 box-shadow: 10px 10px 5px #000000;
}
    .offer-title {
        height: 112em;
        transform: translateY(-104em);
        z-index: 1;
    }
.skill-title {
               width: 40vw !important;
        font-size: 4.5em !important;
         transform: rotate(1deg) translate(7.9em, -41em) !important;
        line-height: 1.5em;
}
        .parentcard4 {
                  transform: rotate(-2deg) translate(36.5em, -110em) !important;
        margin-bottom: -263em;
    }
    .card4 {
             transform: rotate(1deg) translate(-28.5em, -180em);
    }
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 2.5em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 19em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 18em;
    }
	
	.kvbg {
    transform: translateY(-8em) !important;
    }
	.card5 {
		   transform: rotate(1deg) translate(-28.5em, -166em);
    }
	.cardtext {
		font-family: 'Karton';
		width: 45vw;
		font-size: 5em;
	}	
	.terms__btn {
		margin-top: 2.5em;
		margin-bottom: 2.2em;
	}
	.terms__btn a {
		font-size: 3.5em;
	}	
	.pizza__btn a {
		font-size: 5em;
	}
	.popup-inner {
		width: 40%;
		font-size: 3em;
	}	
	
	
	.footer {
            height: 84em;
        margin-top: 1em;
}
}
@media (max-width: 4100px) and (min-width: 3901px) {
	.laki-title {
                width: 29vw !important;
        font-size: 2.1em !important;
        transform: rotate(-4deg) translate(34em, -26em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
            transform: rotate(-2deg) translate(18.5em, 76em) !important;
}
     .cpu-title {
        width: 23vw !important;
        font-size: 2.1em !important;
        transform: rotate(6deg) translate(9em, -43em) !important;
        text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard2 {
           transform: rotate(-2deg) translate(15.5em, 36em) !important;
}
     .cup-title {
                width: 32vw !important;
        font-size: 2.1em !important;
        transform: rotate(-4deg) translate(34em, -56em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
                transform: rotate(-2deg) translate(9.5em, -62em) !important;
        z-index: 2;
        position: relative;
    }
.contest__btn {
	            margin-top: 6em;
        font-size: 6.7em;
        border-radius: 0.2em;
		box-shadow: 10px 10px 5px #000000;
}
    .offer-title {
        height: 100em;
        transform: translateY(-104em);
        z-index: 1;
    }
.skill-title {
               width: 40vw !important;
        font-size: 4.5em !important;
        transform: rotate(1deg) translate(7.9em, -39em) !important;
        line-height: 1.5em;
}
        .parentcard4 {
                 transform: rotate(-2deg) translate(24.5em, -110em) !important;
        margin-bottom: -260em;
    }
    .card4 {
               transform: rotate(1deg) translate(-27.5em, -171em);
    }
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 2.5em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 18em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 17em;
    }
	
	.kvbg {
    transform: translateY(-8em) !important;
    }
	.card5 {
		   transform: rotate(1deg) translate(-28.5em, -166em);
    }
	.cardtext {
		font-family: 'Karton';
		width: 45vw;
		font-size: 5em;
	}	
	.terms__btn {
		margin-top: 2.5em;
		margin-bottom: 2.2em;
	}
	.terms__btn a {
		font-size: 3.5em;
	}	
	.pizza__btn a {
		font-size: 5em;
	}
	.popup-inner {
		width: 40%;
		font-size: 3em;
	}		
	
	.footer {
    height: 76em;
    margin-top: 1em;
}
}
@media (max-width: 3900px) and (min-width: 3701px) {
	.laki-title {
        width: 29vw !important;
        font-size: 2em !important;
        transform: rotate(-4deg) translate(35em, -26em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
    transform: rotate(-2deg) translate(18.5em, 68em) !important;
}
       .cpu-title {
         width: 19vw !important;
        font-size: 2em !important;
        transform: rotate(6deg) translate(10em, -47em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard2 {
                  transform: rotate(-2deg) translate(9.5em, 29em) !important;
}
     .cup-title {
        width: 32vw !important;
        font-size: 2em !important;
        transform: rotate(-4deg) translate(35em, -56em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
        transform: rotate(-2deg) translate(0.5em, -65em) !important;
        z-index: 2;
        position: relative;
    }
.contest__btn {
	    margin-top: 7em;
		    font-size: 3.7em;
			box-shadow: 10px 10px 5px #000000;
}
    .offer-title {
        height: 100em;
        transform: translateY(-104em);
        z-index: 1;
    }
.skill-title {
                width: 40vw !important;
        font-size: 4em !important;
                transform: rotate(1deg) translate(8.9em, -42em) !important;
        line-height: 1.5em;
}
        .parentcard4 {
                 transform: rotate(-2deg) translate(24.5em, -110em) !important;
        margin-bottom: -238em;
    }
    .card4 {
    transform: rotate(1deg) translate(-24.5em, -163em);
    }
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 2.5em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 17em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 16em;
    }
	
	.kvbg {
    transform: translateY(-8em) !important;
    }
	.card5 {
	        transform: rotate(1deg) translate(-23.5em, -153em);
    }
	.cardtext {
		font-family: 'Karton';
		width: 45vw;
		font-size: 4em;
	}	
	.terms__btn {
		margin-top: 2.5em;
		margin-bottom: 2.2em;
	}
	.terms__btn a {
		font-size: 3.5em;
	}	
	.pizza__btn a {
		font-size: 5em;
	}
	.popup-inner {
		width: 55%;
		font-size: 3em;
	}		
	
	.footer {
    height: 76em;
    margin-top: 1em;
}
}
@media (max-width: 3700px) and (min-width: 3501px) {
	.laki-title {
        width: 29vw !important;
        font-size: 1.9em !important;
               transform: rotate(-4deg) translate(34em, -26em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
                    transform: rotate(-2deg) translate(7.5em, 61em) !important;
}
       .cpu-title {
              width: 23vw !important;
        font-size: 1.9em !important;
        transform: rotate(6deg) translate(10em, -44em) !important;
        text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard2 {
                  transform: rotate(-2deg) translate(9.5em, 29em) !important;
}
     .cup-title {
        width: 35vw !important;
        font-size: 1.9em !important;
        transform: rotate(-4deg) translate(33em, -55em) !important;
        line-height: 1.5em;
        text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
        transform: rotate(-2deg) translate(0.5em, -45em) !important;
        z-index: 2;
        position: relative;
    }
.contest__btn {
	    margin-top: 7em;
		    font-size: 3.7em;
			box-shadow: 10px 10px 5px #000000;
}
    .offer-title {
                height: 102em;
        transform: translateY(-83em);
        z-index: 1;
    }
.skill-title {
             width: 40vw !important;
        font-size: 4em !important;
        transform: rotate(1deg) translate(8.9em, -39em) !important;
        line-height: 1.5em;
}
        .parentcard4 {
               transform: rotate(-2deg) translate(24.5em, -98em) !important;
        margin-bottom: -225em;
    }
    .card4 {
              transform: rotate(1deg) translate(-21.5em, -150em);
    }
	.pr1, .pr2, .pr3, .pr4 {
	width: 16em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 15em;
    }
	
	.kvbg {
    transform: translateY(-8em) !important;
    }
	.card5 {
	               transform: rotate(1deg) translate(-21.5em, -139em);
    }
	.cardtext {
		font-family: 'Karton';
		width: 45vw;
		font-size: 4em;
	}	
	.terms__btn {
		margin-top: 2.5em;
		margin-bottom: 2.2em;
	}
	.terms__btn a {
		font-size: 3.5em;
	}	
	.pizza__btn a {
		font-size: 5em;
	}
	.popup-inner {
		width: 55%;
		font-size: 3em;
	}		
	
	.footer {
    height: 76em;
    margin-top: 1em;
}
}
@media (max-width: 3500px) and (min-width: 3301px) {
	.laki-title {
        width: 29vw !important;
        font-size: 1.8em !important;
        transform: rotate(-4deg) translate(36em, -26em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
            transform: rotate(-2deg) translate(7.5em, 52em) !important;
}
       .cpu-title {
                width: 19vw !important;
        font-size: 1.8em !important;
        transform: rotate(6deg) translate(10em, -48em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard2 {
                   transform: rotate(-2deg) translate(0.5em, 22em) !important;
}
          .cup-title {
        width: 32vw !important;
        font-size: 1.8em !important;
        transform: rotate(-4deg) translate(36em, -56em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
        transform: rotate(-2deg) translate(0.5em, -64em) !important;
        z-index: 2;
        position: relative;
    }
.contest__btn {
	    margin-top: 7em;
		    font-size: 3.7em;
			box-shadow: 10px 10px 5px #000000;
}
    .offer-title {
        height: 94em;
        transform: translateY(-104em);
        z-index: 1;
    }
.skill-title {
        width: 40vw !important;
        font-size: 3.5em !important;
              transform: rotate(1deg) translate(9.9em, -43em) !important;
        line-height: 1.5em;
}
        .parentcard4 {
                 transform: rotate(-2deg) translate(24.5em, -110em) !important;
        margin-bottom: -230em;
    }
    .card4 {
                 transform: rotate(1deg) translate(-19.8em, -147em);
    }
	.pr1, .pr2, .pr3, .pr4 {
	width: 15em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 14em;
    }
	
	.kvbg {
    transform: translateY(-8em) !important;
    }
	.card5 {
	  transform: rotate(1deg) translate(-18.5em, -139em);
    }
	.cardtext {
		font-family: 'Karton';
		width: 45vw;
		font-size: 3.5em;
	}	
	.terms__btn {
		margin-top: 2.5em;
		margin-bottom: 2.2em;
	}
	.terms__btn a {
		font-size: 2.5em;
	}	
	.pizza__btn a {
		font-size: 3.5em;
	}
	.popup-inner {
		width: 55%;
		font-size: 3em;
	}		
	
		.footer {
    height: 80em;
    margin-top: 1em;
}
}
@media (max-width: 3300px) and (min-width: 3101px) {
	.laki-title {
                width: 31vw !important;
        font-size: 1.7em !important;
        transform: rotate(-4deg) translate(33em, -25em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
    .parentcard1 {
        transform: rotate(-2deg) translate(7.5em, 45em) !important;
    }
       .cpu-title {
        width: 25vw !important;
        font-size: 1.7em !important;
        transform: rotate(6deg) translate(11em, -44em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard2 {
           transform: rotate(-2deg) translate(0.5em, 20em) !important;
}
          .cup-title {
                 width: 32vw !important;
        font-size: 1.7em !important;
        transform: rotate(-4deg) translate(36em, -55em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
        transform: rotate(-2deg) translate(0.5em, -51em) !important;
        z-index: 2;
        position: relative;
    }
.contest__btn {
	    margin-top: 7em;
		    font-size: 3.7em;
			box-shadow: 10px 10px 5px #000000;
}
    .offer-title {
        height: 86em;
        transform: translateY(-84em);
        z-index: 1;
    }
.skill-title {
        width: 40vw !important;
        font-size: 3.5em !important;
        transform: rotate(1deg) translate(9.9em, -40em) !important;
        line-height: 1.5em;
}
        .parentcard4 {
                 transform: rotate(-2deg) translate(18.5em, -91em) !important;
        margin-bottom: -227em;
    }
    .card4 {
                  transform: rotate(1deg) translate(-15.8em, -136em);
    }
	.pr1, .pr2, .pr3, .pr4 {
	width: 14em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 13em;
    }
	
		.kvbg {
    transform: translateY(-8em) !important;
    }
	.card5 {
	         transform: rotate(1deg) translate(-15.5em, -128em);
    }
	.cardtext {
		font-family: 'Karton';
		width: 45vw;
		font-size: 3.5em;
	}	
	.terms__btn {
		margin-top: 2.5em;
		margin-bottom: 2.2em;
	}
	.terms__btn a {
		font-size: 2.5em;
	}	
	.pizza__btn a {
		font-size: 3.5em;
	}
	.popup-inner {
		width: 55%;
		font-size: 2em;
	}
	
		.footer {
    height: 80em;
    margin-top: 1em;
}
}
@media (max-width: 3100px) and (min-width: 2901px) {
	.laki-title {
                width: 32vw !important;
        font-size: 1.6em !important;
        transform: rotate(-4deg) translate(34em, -24em) !important;
        line-height: 1.5em;
        text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    
   }
	.parentcard1 {
    transform: rotate(-2deg) translate(0.5em, 37em) !important;
}
       .cpu-title {
        width: 23vw !important;
        font-size: 1.6em !important;
        transform: rotate(6deg) translate(12em, -46em) !important;
        text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard2 {
            transform: rotate(-2deg) translate(0.5em, 14em) !important;
}
          .cup-title {
                width: 36vw !important;
        font-size: 1.6em !important;
        transform: rotate(-4deg) translate(34em, -55em) !important;
        line-height: 1.5em;
        text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
        transform: rotate(-2deg) translate(0.5em, -55em) !important;
        z-index: 2;
        position: relative;
    }
.contest__btn {
	    margin-top: 7em;
		    font-size: 3.7em;
			box-shadow: 10px 10px 5px #000000;
}
    .offer-title {
                height: 85em;
        transform: translateY(-86em);
        z-index: 1;
    }
.skill-title {
        width: 40vw !important;
        font-size: 3.5em !important;
        transform: rotate(1deg) translate(9.9em, -37em) !important;
        line-height: 1.5em;
}
        .parentcard4 {
               transform: rotate(-2deg) translate(18.5em, -101em) !important;
        margin-bottom: -233em;
    }
    .card4 {
                 transform: rotate(1deg) translate(-13.8em, -127em);
    }
	.pr1, .pr2, .pr3, .pr4 {
	width: 14em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 13em;
    }
	
		.kvbg {
    transform: translateY(-8em) !important;
    }
	.card5 {
	          transform: rotate(1deg) translate(-13.5em, -119em);
    }
	.cardtext {
		font-family: 'Karton';
		width: 45vw;
		font-size: 3.5em;
	}	
	.terms__btn {
		margin-top: 2.5em;
		margin-bottom: 2.2em;
	}
	.terms__btn a {
		font-size: 2.5em;
	}	
	.pizza__btn a {
		font-size: 3.5em;
	}
	.popup-inner {
		width: 55%;
		font-size: 2em;
	}
	
		.footer {
    height: 88em;
    margin-top: 1em;
}
}
@media (max-width: 2900px) and (min-width: 2701px) {
	.laki-title {
        width: 34vw !important;
        font-size: 1.6em !important;
        transform: rotate(-4deg) translate(30em, -22em) !important;
        line-height: 1.5em;
        text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
    transform: rotate(-2deg) translate(0.5em, 29em) !important;
}
       .cpu-title {
        width: 23vw !important;
        font-size: 1.5em !important;
        transform: rotate(6deg) translate(13em, -45em) !important;
        text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard2 {
    transform: rotate(-2deg) translate(0.5em, 9em) !important;
}
          .cup-title {
       width: 32vw !important;
        font-size: 1.5em !important;
        transform: rotate(-4deg) translate(38em, -55em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
        transform: rotate(-2deg) translate(0.5em, -54em) !important;
        z-index: 2;
        position: relative;
    }
.contest__btn {
	    margin-top: 7em;
		    font-size: 3.7em;
			box-shadow: 10px 10px 5px #000000;
}
    .offer-title {
       height: 81em;
        transform: translateY(-87em);
        z-index: 1;
    }
.skill-title {
                width: 40vw !important;
        font-size: 3em !important;
        transform: rotate(1deg) translate(11.5em, -42em) !important;
        line-height: 1.5em;
}
        .parentcard4 {
        transform: rotate(-4deg) translate(19.5em, -99em) !important;
        margin-bottom: -185em;
    }
    .card4 {
                   transform: rotate(1deg) translate(-8.8em, -122em);
    }
	.pr1, .pr2, .pr3, .pr4 {
	width: 13em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 12em;
    }
	
.card5 {
	display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(1deg) translate(-9.5em, -115em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	font-family: 'Karton';
	width: 45vw;
	text-align: center;
	font-size: 2.9em;
}
.terms__btn {
margin-top: 1.5em;
margin-bottom: 1.2em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 2.1em;
}
.pizza__btn {
	margin-top: 0.9em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 2.9em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 2em;
	}	
		.footer {
    height: 51em;
    margin-top: 1em;
}
}
@media (max-width: 2700px) and (min-width: 2593px) {
	.laki-title {
        width: 32vw !important;
        font-size: 1.4em !important;
        transform: rotate(-4deg) translate(36em, -22em) !important;
        line-height: 1.5em;
        text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
	.parentcard1 {
    transform: rotate(-2deg) translate(0.5em, 21em) !important;
}
       .cpu-title {
        width: 23vw !important;
        font-size: 1.4em !important;
        transform: rotate(6deg) translate(14em, -47em) !important;
        text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
    .parentcard2 {
        transform: rotate(-2deg) translate(0.5em, 8em) !important;
    }
          .cup-title {
        width: 35vw !important;
        font-size: 1.4em !important;
        transform: rotate(-4deg) translate(38em, -54em) !important;
        line-height: 1.5em;
        text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
        transform: rotate(-2deg) translate(0.5em, -68em) !important;
        z-index: 2;
        position: relative;
    }
.contest__btn {
	    margin-top: 7em;
		    font-size: 3.7em;
			box-shadow: 10px 10px 5px #000000;
}
    .offer-title {
        height: 62em;
        transform: translateY(-96em);
        z-index: 1;
    }
.skill-title {
           width: 40vw !important;
        font-size: 3em !important;
        transform: rotate(1deg) translate(11em, -38em) !important;
        line-height: 1.5em;
}
        .parentcard4 {
               transform: rotate(-2deg) translate(10.5em, -98em) !important;
        margin-bottom: -199em;
    }
    .card4 {
                       transform: rotate(1deg) translate(-7.8em, -111em);
    }
	.pr1, .pr2, .pr3, .pr4 {
	width: 13em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 12em;
    }
	
	.card5 {
	        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(1deg) translate(-7.5em, -104em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	font-family: 'Karton';
	width: 45vw;
	text-align: center;
	font-size: 2.9em;
}
.terms__btn {
margin-top: 1.5em;
margin-bottom: 1.2em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 2.1em;
}
.pizza__btn {
	margin-top: 0.9em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 2.9em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 2em;
	}	
	
		.footer {
    height: 56em;
    margin-top: 1em;
}
}
@media (max-width: 2592px) and (min-width: 2512px) {
	.laki-title {
        width: 32vw !important;
        font-size: 1.4em !important;
        transform: rotate(-4deg) translate(36em, -22em) !important;
        line-height: 1.5em;
   }
	.parentcard1 {
    transform: rotate(-2deg) translate(0.5em, 21em) !important;
}
       .cpu-title {
        width: 22vw !important;
        font-size: 1.4em !important;
        transform: rotate(6deg) translate(14em, -47em) !important;
    }
.parentcard2 {
    transform: rotate(-2deg) translate(0.5em, 4em) !important;
}
          .cup-title {
        width: 32vw !important;
        font-size: 1.4em !important;
        transform: rotate(-4deg) translate(39em, -56em) !important;
        line-height: 1.5em;
    }
.parentcard3 {
               transform: rotate(-2deg) translate(0.5em, -59em) !important;
        z-index: 2;
        position: relative;
    }
.contest__btn {
	    margin-top: 7em;
		    font-size: 3.7em;
			        box-shadow: 6px 5px 1px #000000 !important;
}
.contest__btn:hover {
	    margin-top: 7em;
		    font-size: 3.7em;
			        box-shadow: 0px 0px 0px #000000 !important;
}
    .offer-title {
        height: 72em;
        transform: translateY(-88em);
        z-index: 1;
    }
.skill-title {
    width: 40vw !important;
        font-size: 3em !important;
                transform: rotate(1deg) translate(10.9em, -37em) !important;
        line-height: 1.5em;
}
    .cup-title {
        width: 32vw !important;
        font-size: 1.4em !important;
        transform: rotate(-4deg) translate(37em, -53em) !important;
        line-height: 1.5em;
    }
        .parentcard4 {
                transform: rotate(-2deg) translate(10.5em, -90em) !important;
        margin-bottom: -188em;
    }
    .card4 {
               transform: rotate(1deg) translate(-6.8em, -107em);
    }
	.pr1, .pr2, .pr3, .pr4 {
	width: 12em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 11em;
    }
	
	.card5 {
	display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
             transform: rotate(1deg) translate(-6em, -100em);
    z-index: 100;
    flex-direction: column;
}
.cardtext {
	font-family: 'Karton';
	width: 47vw;
	text-align: center;
	font-size: 2.9em;
}
.terms__btn {
margin-top: 1.5em;
margin-bottom: 1.2em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 2.2em;
}
.pizza__btn {
	margin-top: 0.9em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 2.9em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
	.popup-inner {
		width: 55%;
		font-size: 2em;
	}
		.footer {
    height: 46em;
    margin-top: 1em;
}
}
@media (max-width: 2511px) and (min-width: 2501px) {
	.laki-title {
        width: 32vw !important;
        font-size: 1.4em !important;
        transform: rotate(-4deg) translate(36em, -22em) !important;
        line-height: 1.5em;
   }
	.parentcard1 {
    transform: rotate(-2deg) translate(0.5em, 21em) !important;
}
       .cpu-title {
        width: 22vw !important;
        font-size: 1.4em !important;
        transform: rotate(6deg) translate(14em, -47em) !important;
    }
.parentcard2 {
    transform: rotate(-2deg) translate(0.5em, 4em) !important;
}
          .cup-title {
        width: 32vw !important;
        font-size: 1.4em !important;
        transform: rotate(-4deg) translate(39em, -56em) !important;
        line-height: 1.5em;
    }
.parentcard3 {
               transform: rotate(-2deg) translate(0.5em, -59em) !important;
        z-index: 2;
        position: relative;
    }
.contest__btn {
	    margin-top: 7em;
		    font-size: 3.7em;
			        box-shadow: 6px 5px 1px #000000 !important;
}
.contest__btn:hover {
	    margin-top: 7em;
		    font-size: 3.7em;
			        box-shadow: 0px 0px 0px #000000 !important;
}
    .offer-title {
        height: 72em;
        transform: translateY(-88em);
        z-index: 1;
    }
.skill-title {
    width: 40vw !important;
        font-size: 3em !important;
                transform: rotate(1deg) translate(10.9em, -37em) !important;
        line-height: 1.5em;
}
    .cup-title {
        width: 32vw !important;
        font-size: 1.4em !important;
        transform: rotate(-4deg) translate(37em, -53em) !important;
        line-height: 1.5em;
    }
        .parentcard4 {
                transform: rotate(-2deg) translate(10.5em, -90em) !important;
        margin-bottom: -183em;
    }
    .card4 {
               transform: rotate(1deg) translate(-6.8em, -107em);
    }
	.pr1, .pr2, .pr3, .pr4 {
	width: 12em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 11em;
    }
	
	.card5 {
	display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
             transform: rotate(1deg) translate(-6em, -100em);
    z-index: 100;
    flex-direction: column;
}
.cardtext {
	font-family: 'Karton';
	width: 47vw;
	text-align: center;
	font-size: 2.9em;
}
.terms__btn {
margin-top: 1.5em;
margin-bottom: 1.2em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 2.2em;
}
.pizza__btn {
	margin-top: 0.9em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 2.9em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 2em;
	}	
		.footer {
    height: 40em;
    margin-top: 1em;
}
}
@media (max-width: 2500px) and (min-width: 2301px) {
	.laki-title {
               width: 33vw !important;
        font-size: 1.3em !important;
        transform: rotate(-4deg) translate(36em, -20em) !important;
        line-height: 1.5em;
        text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
    transform: rotate(-2deg) translate(0.5em, 13em) !important;
}
     .cpu-title {
        width: 23vw !important;
        font-size: 1.3em !important;
        transform: rotate(6deg) translate(14em, -48em) !important;
        text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard2 {
    transform: rotate(-2deg) translate(0.5em, 4em) !important;
}
        .cup-title {
        width: 34vw !important;
        font-size: 1.3em !important;
        transform: rotate(-4deg) translate(39em, -54em) !important;
        line-height: 1.5em;
        text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
               transform: rotate(-2deg) translate(0.5em, -52em) !important;
        z-index: 2;
        position: relative;
    }
.contest__btn {
	    margin-top: 7em;
		    font-size: 3.7em;
			   box-shadow: 6px 5px 1px #000000 !important;
}
    .offer-title {
        height: 62em;
        transform: translateY(-76em);
        z-index: 1;
    }
.skill-title {
          width: 40vw !important;
        font-size: 2.5em !important;
        transform: rotate(1deg) translate(13em, -43em) !important;
        line-height: 1.5em;
}
        .parentcard4 {
                transform: rotate(-2deg) translate(10.5em, -77em) !important;
        margin-bottom: -161em;
    }
    .card4 {
             transform: rotate(1deg) translate(-5.8em, -105em);
    }
	.pr1, .pr2, .pr3, .pr4 {
	width: 11em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 10em;
    }
		
	.card5 {
	display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
             transform: rotate(1deg) translate(-6em, -100em);
    z-index: 100;
    flex-direction: column;
}
.cardtext {
	font-family: 'Karton';
	width: 47vw;
	text-align: center;
	font-size: 2.5em;
}
.terms__btn {
margin-top: 1.5em;
margin-bottom: 1.2em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 2.2em;
}
.pizza__btn {
	margin-top: 0.9em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 2.9em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 2em;
	}

		.footer {
    height: 46em;
    margin-top: 1em;
}
}
@media (max-width: 2300px) and (min-width: 2101px) {
	    .laki-title {
        width: 32vw !important;
        font-size: 1.1em !important;
        transform: rotate(-4deg) translate(43em, -21em) !important;
        line-height: 1.5em;
        text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
	.parentcard1 {
            transform: rotate(-2deg) translate(-0.5em, -1em) !important;
}
.cpu-title {
        width: 21vw !important;
        font-size: 1.1em !important;
        transform: rotate(6deg) translate(17em, -53em) !important;
		 text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard2 {
            transform: rotate(-2deg) translate(0.5em, -8em) !important;
}
    .cup-title {
                width: 32vw !important;
        font-size: 1.1em !important;
        transform: rotate(-4deg) translate(43em, -56em) !important;
        line-height: 1.5em;
		 text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
              transform: rotate(-2deg) translate(0.5em, -63em) !important;
        z-index: 2;
        position: relative;
    }
.offer-title {
    height: 63em;
    transform: translateY(-85em);
    z-index: 1;
}
.skill-title {
         width: 35vw !important;
        font-size: 2.2em !important;
        transform: rotate(1deg) translate(16em, -44em) !important;
        line-height: 1.5em;
}
.parentcard4 {
            transform: rotate(-2deg) translate(4.5em, -87em) !important;
        margin-bottom: -162em;
}
    .card4 {
                transform: rotate(1deg) translate(-1.8em, -98em);
    }
	.pr1, .pr2, .pr3, .pr4 {
	width: 10em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 9em;
    }
				.footer {
    height: 33em;
    margin-top: 1em;
}
	.card5 {
	        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(1deg) translate(31em, -92em);
        z-index: 100;
        flex-direction: column;
        width: 42vw;
}
.cardtext {
	font-family: 'Karton';
	width: 47vw;
	text-align: center;
	font-size: 2.2em;
}
.terms__btn {
margin-top: 1.5em;
margin-bottom: 1.2em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 1.9em;
}
.pizza__btn {
	margin-top: 0.9em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 2.9em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 2em;
	}

		.footer {
    height: 46em;
    margin-top: 1em;
}

}
@media (max-width: 2100px) and (min-width: 2028px) {
	.laki-title {
		    width: 27vw !important;
           font-size: 1em !important;
        transform: rotate(-4deg) translate(52em, -22em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
   .cpu-title {
        width: 21vw !important;
        font-size: 1.1em !important;
        transform: rotate(6deg) translate(17em, -53em) !important;
		 text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
	.parentcard1 {
            transform: rotate(-2deg) translate(0.5em, -3em) !important;
}
.parentcard2 {
    transform: rotate(-2deg) translate(0.5em, -6em) !important;
}
.cup-title {
    width: 32vw !important;
    font-size: 1.1em !important;
    transform: rotate(-4deg) translate(43em, -56em) !important;
	text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
}
.parentcard3 {
    transform: rotate(-2deg) translate(0.5em, -58em) !important;
    z-index: 2;
    position: relative;
}
.offer-title {
    height: 53em;
    transform: translateY(-81em);
    z-index: 1;
}
.skill-title {
    width: 30vw !important;
    font-size: 1.9em !important;
    transform: rotate(1deg) translate(20em, -47em) !important;
}
.parentcard4 {
                   transform: rotate(-2deg) translate(4.5em, -83em) !important;
        margin-bottom: -154em;
}
    .card4 {
        transform: rotate(1deg) translate(0.5em, -87em);
    }
				.footer {
    height: 34em;
    margin-top: 1em;
}
.card5 {
	        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
               transform: rotate(1deg) translate(31em, -82em);
        z-index: 100;
        flex-direction: column;
        width: 42vw;
}
.cardtext {
	font-family: 'Karton';
	width: 47vw;
	text-align: center;
	font-size: 1.9em;
}
.terms__btn {
margin-top: 1.5em;
margin-bottom: 1.2em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 1.2em;
}
.pizza__btn {
	margin-top: 0.9em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.9em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
    .popup-inner {
        width: 55%;
        font-size: 1em;
    }

		.footer {
    height: 46em;
    margin-top: 1em;
}
}
@media (max-width: 2027px) and (min-width: 1921px) {
	.laki-title {
		        width: 28vw !important;
        font-size: 1em !important;
        transform: rotate(-4deg) translate(50em, -20em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
            transform: rotate(-2deg) translate(0.5em, -3em) !important;
}
.cpu-title {
    width: 23vw !important;    
    font-size: 1.1em !important;
    transform: rotate(6deg) translate(17em, -51em) !important;
    line-height: 1.5em;
	text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
}
.parentcard2 {
    transform: rotate(-2deg) translate(0.5em, -6em) !important;
}
.cup-title {
    width: 32vw !important;
        font-size: 1.1em !important;
        transform: rotate(-4deg) translate(41em, -53em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
}
.parentcard3 {
    transform: rotate(-2deg) translate(0.5em, -58em) !important;
    z-index: 2;
    position: relative;
}
.offer-title {
    height: 53em;
    transform: translateY(-81em);
    z-index: 1;
}
    .skill-title {
        width: 32vw !important;
        font-size: 1.9em !important;
        transform: rotate(1deg) translate(19em, -47em) !important;
        line-height: 1.5em;
    }
.parentcard4 {
                transform: rotate(-2deg) translate(4.5em, -83em) !important;
        margin-bottom: -155em;
}
.card4 {
          transform: rotate(1deg) translate(1.5em, -87em);  
}
				.footer {
    height: 34em;
    margin-top: 1em;
}
.card5 {
	        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
               transform: rotate(1deg) translate(31em, -82em);
        z-index: 100;
        flex-direction: column;
        width: 42vw;
}
.cardtext {
	font-family: 'Karton';
	width: 47vw;
	text-align: center;
	font-size: 1.9em;
}
.terms__btn {
margin-top: 1.5em;
margin-bottom: 1.2em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 1.2em;
}
.pizza__btn {
	margin-top: 0.9em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.9em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
    .popup-inner {
        width: 55%;
        font-size: 1em;
    }

		.footer {
    height: 46em;
    margin-top: 1em;
}
}
@media (max-width: 1919px) and (min-width: 1701px) {
	.laki-title {
		 width: 27vw !important;
        font-size: 0.9em !important;
        transform: rotate(-4deg) translate(55em, -19em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
                transform: rotate(-2deg) translate(-4.5em, -13em) !important;
}
.cpu-title {
               width: 19vw !important;
        font-size: 0.9em !important;
        transform: rotate(6deg) translate(20em, -58em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard2 {
                    transform: rotate(-2deg) translate(0.5em, -15em) !important;
}
  .cup-title {
       width: 32vw !important;
        font-size: 0.9em !important;
        transform: rotate(-4deg) translate(49em, -58em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
                transform: rotate(-2deg) translate(-4.5em, -64em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
           height: 50em;
        transform: translateY(-84em);
        z-index: 1;
}
.skill-title {
       width: 31vw !important;
        font-size: 1.7em !important;
        transform: rotate(1deg) translate(21.5em, -48em) !important;
        line-height: 1.5em;
}
.parentcard4 {
                 transform: rotate(-2deg) translate(0.5em, -86em) !important;
        margin-bottom: -155em;
}
.card4 {
                    transform: rotate(1deg) translate(2.5em, -79em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 1.1em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 8em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 7em;
    }

				.footer {
    height: 34em;
    margin-top: 1em;
}
.card5 {
	            display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(1deg) translate(30em, -74em);
        z-index: 100;
        flex-direction: column;
        width: 42vw;
}
.cardtext {
	font-family: 'Karton';
	width: 47vw;
	text-align: center;
	font-size: 1.9em;
}
.terms__btn {
margin-top: 1.5em;
margin-bottom: 1.2em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 1.2em;
}
.pizza__btn {
	margin-top: 0.9em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.9em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
    .popup-inner {
        width: 55%;
        font-size: 1em;
    }

		.footer {
          height: 38em;
        margin-top: 1em;
}
}
@media (max-width: 1700px) and (min-width: 1581px) {
	.laki-title {
		         width: 30vw !important;
        font-size: 0.8em !important;
        transform: rotate(-4deg) translate(54em, -16em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
        transform: rotate(-2deg) translate(-8.5em, -19em) !important;
}
.cpu-title {
                    width: 19vw !important;
        font-size: 0.8em !important;
        transform: rotate(6deg) translate(23em, -60em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard2 {
                 transform: rotate(-2deg) translate(-2.5em, -15em) !important;
}
  .cup-title {
                width: 32vw !important;
        font-size: 0.8em !important;
        transform: rotate(-4deg) translate(52em, -59em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
               transform: rotate(-2deg) translate(-7.5em, -60em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
            height: 45em;
        transform: translateY(-77em);
        z-index: 1;
}
.skill-title {
               width: 31vw !important;
        font-size: 1.5em !important;
        transform: rotate(-2deg) translate(24.5em, -33em) !important;
        line-height: 1.5em;
}
    .skill-title {
        width: 31vw !important;
        font-size: 1.5em !important;
        transform: rotate(1deg) translate(23.5em, -49em) !important;
        line-height: 1.5em;
    }
.parentcard4 {
                transform: rotate(-2deg) translate(-3.5em, -78em) !important;
        margin-bottom: -135em;
}
.card4 {
            transform: rotate(1deg) translate(5.5em, -72em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 1.1em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 7em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 6em;
    }
.card5 {
	            display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(1deg) translate(30em, -69em);
        z-index: 100;
        flex-direction: column;
        width: 42vw;
}
.cardtext {
	font-family: 'Karton';
	width: 47vw;
	text-align: center;
	font-size: 1.5em;
}
.terms__btn {
margin-top: 1.5em;
margin-bottom: 1.2em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 1.2em;
}
.pizza__btn {
	margin-top: 0.9em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.9em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
    .popup-inner {
        width: 55%;
        font-size: 1em;
    }

		.footer {
    height: 32em;
    margin-top: 1em;
}
}
@media (max-width: 1580px) and (min-width: 1500px) {
	.laki-title {
		         width: 30vw !important;
        font-size: 0.8em !important;
        transform: rotate(-4deg) translate(54em, -16em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
        transform: rotate(-2deg) translate(-8.5em, -22em) !important;
}
.cpu-title {
                    width: 19vw !important;
        font-size: 0.8em !important;
        transform: rotate(6deg) translate(23em, -60em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard2 {
                 transform: rotate(-2deg) translate(-2.5em, -19em) !important;
}
  .cup-title {
                width: 32vw !important;
        font-size: 0.8em !important;
        transform: rotate(-4deg) translate(52em, -56em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
               transform: rotate(-2deg) translate(-7.5em, -64em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
         height: 43em;
        transform: translateY(-82em);
        z-index: 1;
}
.skill-title {
                width: 32vw !important;
        font-size: 1.5em !important;
        transform: rotate(1deg) translate(22.9em, -46em) !important;
        line-height: 1.5em;
}
.parentcard4 {
                transform: rotate(-2deg) translate(-3.5em, -82em) !important;
        margin-bottom: -138em;
}
.card4 {
                 transform: rotate(1deg) translate(6.5em, -66em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 1.1em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 7em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 6em;
    }
	
	.card5 {
	            align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(1deg) translate(29.9em, -61em);
        z-index: 100;
        flex-direction: column;
        width: 42vw;
}
.cardtext {
	font-family: 'Karton';
	width: 47vw;
	text-align: center;
	font-size: 1.5em;
}
.terms__btn {
margin-top: 1.5em;
margin-bottom: 1.2em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 1.2em;
}
.pizza__btn {
	margin-top: 0.9em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.5em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
    .popup-inner {
        width: 55%;
        font-size: 1em;
    }
	
.footer {
           height: 29em;
        margin-top: 1em;
}
}
@media (max-width: 1499px) and (min-width: 1420px) {
	.laki-title {
		           width: 30vw !important;
        font-size: 0.8em !important;
        transform: rotate(-4deg) translate(54em, -15em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
               transform: rotate(-2deg) translate(-8.5em, -26em) !important;
}
.cpu-title {
                width: 23vw !important;
        font-size: 0.8em !important;
        transform: rotate(6deg) translate(23em, -57em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard2 {
                  transform: rotate(-2deg) translate(-2.5em, -24em) !important;
}
  .cup-title {
                width: 32vw !important;
        font-size: 0.8em !important;
        transform: rotate(-4deg) translate(50em, -54em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
            transform: rotate(-2deg) translate(-7.5em, -66em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
                height: 41em;
        transform: translateY(-84em);
        z-index: 1;
}
.skill-title {
                width: 32vw !important;
        font-size: 1.2em !important;
        transform: rotate(1deg) translate(27.9em, -54em) !important;
        line-height: 1.5em;
}
.parentcard4 {
                     transform: rotate(-2deg) translate(-3.5em, -84em) !important;
        margin-bottom: -130em;
}
.card4 {
               transform: rotate(1deg) translate(8.7em, -61em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 1.1em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 7em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 6em;
    }
	
	.card5 {
	         align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(1deg) translate(29.9em, -56em);
        z-index: 100;
        flex-direction: column;
        width: 42vw;
}
.cardtext {
	font-family: 'Karton';
	width: 47vw;
	text-align: center;
	font-size: 1.2em;
}
.terms__btn {
margin-top: 1.5em;
margin-bottom: 1.2em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 1.2em;
}
.pizza__btn {
	margin-top: 0.9em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.2em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
    .popup-inner {
        width: 55%;
        font-size: 1em;
    }
	
.footer {
    height: 26em;
    margin-top: 1em;
}
}
@media (max-width: 1419px) and (min-width: 1389px) {
	.laki-title {
		          width: 28vw !important;
        font-size: 0.7em !important;
        transform: rotate(-4deg) translate(62em, -15em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
             transform: rotate(-2deg) translate(-8.5em, -29em) !important;
}
.cpu-title {
      width: 20vw !important;
        font-size: 0.7em !important;
        transform: rotate(6deg) translate(28em, -63em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard2 {
                 transform: rotate(-2deg) translate(-1.5em, -23em) !important;
}
  .cup-title {
                width: 32vw !important;
        font-size: 0.7em !important;
        transform: rotate(-4deg) translate(56em, -58em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
                transform: rotate(-2deg) translate(-7.5em, -63em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
  height: 41em;
        transform: translateY(-79em);
        z-index: 1;
}
.skill-title {
             width: 32vw !important;
        font-size: 1.2em !important;
        transform: rotate(1deg) translate(27.5em, -49em) !important;
        line-height: 1.5em;
}
    .parentcard4 {
                 transform: rotate(-2deg) translate(-6.5em, -80em) !important;
        margin-bottom: -125em;
    }
    .card4 {
                  transform: rotate(1deg) translate(9.6em, -55em);
    }
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 1em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 6.5em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 5.5em;
    }
	
	.card5 {
	   align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(1deg) translate(29em, -50em);
        z-index: 100;
        flex-direction: column;
        width: 42vw;
}
.cardtext {
	font-family: 'Karton';
	width: 47vw;
	text-align: center;
	font-size: 1.2em;
}
.terms__btn {
margin-top: 1.5em;
margin-bottom: 1.2em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 1.2em;
}
.pizza__btn {
	margin-top: 0.9em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.2em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
    .popup-inner {
        width: 55%;
        font-size: 1em;
    }
	
.footer {
    height: 26em;
    margin-top: 1em;
}
}
@media (max-width: 1388px) and (min-width: 1329px) {
	.laki-title {
		          width: 28vw !important;
        font-size: 0.7em !important;
        transform: rotate(-4deg) translate(62em, -15em) !important;
        line-height: 1.5em;
			text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
                   transform: rotate(-2deg) translate(-8.5em, -30em) !important;
}
.cpu-title {
      width: 20vw !important;
        font-size: 0.7em !important;
        transform: rotate(6deg) translate(28em, -63em) !important;
			text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard2 {
                 transform: rotate(-2deg) translate(-1.5em, -25em) !important;
}
  .cup-title {
                width: 32vw !important;
        font-size: 0.7em !important;
        transform: rotate(-4deg) translate(56em, -58em) !important;
        line-height: 1.5em;
			text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
                transform: rotate(-2deg) translate(-7.5em, -66em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
         height: 37em;
        transform: translateY(-83em);
        z-index: 1;
}
.skill-title {
             width: 32vw !important;
        font-size: 1.2em !important;
        transform: rotate(1deg) translate(27.5em, -49em) !important;
        line-height: 1.5em;
}
    .parentcard4 {
                transform: rotate(-2deg) translate(-6.5em, -83em) !important;
        margin-bottom: -129em;
    }
    .card4 {
                  transform: rotate(1deg) translate(10em, -55em);
    }
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 1em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 6.5em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 5.5em;
    }
	
	.card5 {
	   align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(1deg) translate(29em, -50em);
        z-index: 100;
        flex-direction: column;
        width: 42vw;
}
.cardtext {
	font-family: 'Karton';
	width: 47vw;
	text-align: center;
	font-size: 1.2em;
}
.terms__btn {
margin-top: 1.5em;
margin-bottom: 1.2em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 1.2em;
}
.pizza__btn {
	margin-top: 0.9em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.2em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
    .popup-inner {
        width: 55%;
        font-size: 1em;
    }
	
.footer {
    height: 24em;
    margin-top: 1em;
}
}
@media (max-width: 1328px) and (min-width: 1301px) {
	.laki-title {
	        width: 31vw !important;
        font-size: 0.7em !important;
        transform: rotate(-4deg) translate(58em, -12em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
                     transform: rotate(-2deg) translate(-8.5em, -32em) !important;
}
.cpu-title {
              width: 23vw !important;
        font-size: 0.7em !important;
        transform: rotate(6deg) translate(27em, -61em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard2 {
                 transform: rotate(-2deg) translate(-1.5em, -27em) !important;
}
  .cup-title {
                width: 32vw !important;
        font-size: 0.7em !important;
        transform: rotate(-4deg) translate(54em, -55em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
                transform: rotate(-2deg) translate(-7.5em, -65em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
               height: 35em;
        transform: translateY(-81em);
        z-index: 1;
}
.skill-title {
              width: 32vw !important;
        font-size: 1.2em !important;
        transform: rotate(1deg) translate(27.5em, -49em) !important;
        line-height: 1.5em;
}
    .parentcard4 {
                 transform: rotate(-2deg) translate(-6.5em, -80em) !important;
        margin-bottom: -126em;
    }
    .card4 {
                   transform: rotate(1deg) translate(10em, -55em);
    }
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 1em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 6.5em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 5.5em;
    }
	
	.card5 {
	   align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(1deg) translate(29em, -50em);
        z-index: 100;
        flex-direction: column;
        width: 42vw;
}
.cardtext {
	font-family: 'Karton';
	width: 47vw;
	text-align: center;
	font-size: 1.2em;
}
.terms__btn {
margin-top: 1.5em;
margin-bottom: 1.2em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 1.2em;
}
.pizza__btn {
	margin-top: 0.9em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.2em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
    .popup-inner {
        width: 55% !important;
        font-size: 1em;
    }
	
.footer {
    height: 24em;
    margin-top: 1em;
}
}
@media (max-width: 1300px) and (min-width: 1216px) {
	.laki-title {
		width: 26vw !important;
        font-size: 0.6em !important;
        transform: rotate(-4deg) translate(71em, -11em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
                      transform: rotate(-2deg) translate(-10.5em, -34em) !important;
}
.cpu-title {
         width: 21vw !important;
        font-size: 0.6em !important;
        transform: rotate(6deg) translate(32em, -67em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
	
.parentcard2 {
    transform: rotate(-2deg) translate(-3.5em, -26em) !important;
}
  .cup-title {
                 width: 32vw !important;
        font-size: 0.6em !important;
        transform: rotate(-4deg) translate(62em, -61em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
                transform: rotate(-2deg) translate(-9.5em, -61em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
                height: 34em;
        transform: translateY(-74em);
        z-index: 1;
}
.skill-title {
         width: 32vw !important;
        font-size: 1.2em !important;
        transform: rotate(1deg) translate(27.5em, -45em) !important;
        line-height: 1.5em;
}
.parentcard4 {
         transform: rotate(-2deg) translate(-7.5em, -73em) !important;
        margin-bottom: -117em;
}
.card4 {
                   transform: rotate(1deg) translate(11em, -53em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.8em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 6em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 5em;
    }
	
	.card5 {
	   align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(1deg) translate(29em, -50em);
        z-index: 100;
        flex-direction: column;
        width: 42vw;
}
.cardtext {
	font-family: 'Karton';
	width: 47vw;
	text-align: center;
	font-size: 1.2em;
}
.terms__btn {
margin-top: 1.5em;
margin-bottom: 1.2em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 1.2em;
}
.pizza__btn {
	margin-top: 0.9em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.2em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
    .popup-inner {
        width: 55%;
        font-size: 1em;
    }
	
.footer {
    height: 22em;
    margin-top: 1em;
}
}
@media (max-width: 1215px) and (min-width: 1150px) {
	.laki-title {
	            width: 30vw !important;
        font-size: 0.6em !important;
        transform: rotate(-4deg) translate(67em, -9em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
                      transform: rotate(-2deg) translate(-10.5em, -37em) !important;
}
.cpu-title {
         width: 21vw !important;
        font-size: 0.6em !important;
        transform: rotate(6deg) translate(32em, -67em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;

    }
.parentcard2 {
    transform: rotate(-2deg) translate(-3.5em, -28em) !important;
}
  .cup-title {
                 width: 32vw !important;
        font-size: 0.6em !important;
        transform: rotate(-4deg) translate(60em, -58em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
                transform: rotate(-2deg) translate(-9.5em, -64em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
          height: 31em;
        transform: translateY(-78em);
        z-index: 1;
}
.skill-title {
        width: 32vw !important;
        font-size: 1.2em !important;
        transform: rotate(1deg) translate(27.5em, -45em) !important;
        line-height: 1.5em;
    }

.parentcard4 {
               transform: rotate(-2deg) translate(-8.5em, -77em) !important;
        margin-bottom: -133em;
}
.card4 {
                    transform: rotate(1deg) translate(11.9em, -53em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.8em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 6em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 5em;
    }
.card5 {
	   align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(1deg) translate(29em, -50em);
        z-index: 100;
        flex-direction: column;
        width: 42vw;
}
.cardtext {
	font-family: 'Karton';
	width: 47vw;
	text-align: center;
	font-size: 1.2em;
}
.terms__btn {
margin-top: 1.5em;
margin-bottom: 1.2em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 1.2em;
}
.pizza__btn {
	margin-top: 0.9em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.2em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
    .popup-inner {
        width: 55%;
        font-size: 1em;
    }

		.footer {
    height: 46em;
    margin-top: 1em;
}
}
@media (max-width: 1149px) and (min-width: 1078px) {
	.laki-title {
	             width: 30vw !important;
        font-size: 0.6em !important;
        transform: rotate(-4deg) translate(66em, -9em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
                    transform: rotate(-2deg) translate(-13.5em, -40em) !important;
}
.cpu-title {
                width: 22vw !important;
        font-size: 0.6em !important;
        transform: rotate(6deg) translate(32em, -65em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;

    }
.parentcard2 {
    transform: rotate(-2deg) translate(-3.5em, -31em) !important;
}
  .cup-title {
                  width: 32vw !important;
        font-size: 0.6em !important;
        transform: rotate(-4deg) translate(59em, -55em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
                transform: rotate(-2deg) translate(-9.5em, -67em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
       height: 29em;
        transform: translateY(-80em);
        z-index: 1;
}
.skill-title {
                width: 42vw !important;
        font-size: 1.1em !important;
        transform: rotate(1deg) translate(26.9em, -46.5em) !important;
        line-height: 1.5em;
}
.parentcard4 {
		transform: rotate(-2deg) translate(-9.5em, -77em) !important;
        margin-bottom: -113em;
}
.card4 {
		        transform: rotate(1deg) translate(12.8em, -49em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.8em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 5.5em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 4.5em;
    }
	
	.card5 {
	           display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(1deg) translate(12.5em, -45.1em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	     font-family: 'Karton';
        width: 45vw;
        text-align: center;
        font-size: 1.1em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.9em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.1em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 1em;
	}
	
.footer {
    height: 20em;
    margin-top: 1em;
}
}
@media (max-width: 1077px) and (min-width: 1025px) {
	.laki-title {
	     width: 32vw !important;
        font-size: 0.6em !important;
        transform: rotate(-4deg) translate(63em, -8em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
		 transform: rotate(-2deg) translate(-14.5em, -43em) !important;
}
.cpu-title {
                 width: 25vw !important;
        font-size: 0.6em !important;
        transform: rotate(6deg) translate(31em, -63em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;

    }
.parentcard2 {
           transform: rotate(-2deg) translate(-6.5em, -34em) !important;
}
  .cup-title {
               width: 32vw !important;
        font-size: 0.6em !important;
        transform: rotate(-4deg) translate(58em, -52em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
                transform: rotate(-2deg) translate(-9.5em, -68em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
       height: 29em;
        transform: translateY(-80em);
        z-index: 1;
}
.skill-title {
               width: 42vw !important;
        font-size: 1.1em !important;
        transform: rotate(1deg) translate(26.7em, -43.5em) !important;
        line-height: 1.5em;
}
.parentcard4 {
		        transform: rotate(-2deg) translate(-9.5em, -76em) !important;
        margin-bottom: -113em;
}
.card4 {
		        transform: rotate(1deg) translate(13.9em, -46em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.8em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 5em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 4em;
    }
	
	.card5 {
	           display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(1deg) translate(13.5em, -43.1em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	     font-family: 'Karton';
        width: 45vw;
        text-align: center;
        font-size: 1.1em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.9em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.1em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 1em;
	}
	
.footer {
    height: 20em;
    margin-top: 1em;
}
}
@media (max-width: 1024px) and (min-width: 992px) {
	.laki-title {
	         width: 33vw !important;
        font-size: 0.6em !important;
        transform: rotate(-4deg) translate(63em, -7em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
		        transform: rotate(-2deg) translate(-14.5em, -45em) !important;
}
.cpu-title {
                 width: 25vw !important;
        font-size: 0.6em !important;
        transform: rotate(6deg) translate(31em, -63em) !important;
text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard2 {
           transform: rotate(-2deg) translate(-6.5em, -36em) !important;
}
  .cup-title {
                width: 32vw !important;
        font-size: 0.6em !important;
        transform: rotate(-4deg) translate(57em, -50em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
                transform: rotate(-2deg) translate(-9.5em, -71em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
             height: 27em;
        transform: translateY(-83em);
        z-index: 1;
}
.skill-title {
               width: 42vw !important;
        font-size: 1.1em !important;
        transform: rotate(1deg) translate(26.7em, -43.5em) !important;
        line-height: 1.5em;
}
.parentcard4 {
		transform: rotate(-2deg) translate(-11.5em, -79em) !important;
        margin-bottom: -114em;
}
.card4 {
	transform: rotate(1deg) translate(14.5em, -46em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.8em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 5em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 4em;
    }
	
	.card5 {
	          display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(1deg) translate(14.5em, -43.1em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	     font-family: 'Karton';
        width: 45vw;
        text-align: center;
        font-size: 1.1em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.9em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.1em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 1em;
	}
	
.footer {
    height: 18em;
    margin-top: 1em;
}
}
@media (max-width: 991px) and (min-width: 935px) {
	.laki-title {
	            width: 32vw !important;
        font-size: 0.5em !important;
        transform: rotate(-4deg) translate(74em, -4em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
		             transform: rotate(-2deg) translate(-14.5em, -49em) !important;
}
.cpu-title {
                width: 23vw !important;
        font-size: 0.5em !important;
        transform: rotate(6deg) translate(37em, -71em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;

    }
.parentcard2 {
                         transform: rotate(-2deg) translate(-8.5em, -37em) !important;
}
  .cup-title {
        width: 32vw !important;
        font-size: 0.5em !important;
        transform: rotate(-4deg) translate(67em, -56em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
                   transform: rotate(-2deg) translate(-11.5em, -68em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
        height: 24em;
        transform: translateY(-79em);
        z-index: 1;
    }

.skill-title {
       width: 42vw !important;
        font-size: 1.1em !important;
        transform: rotate(1deg) translate(26.5em, -40.5em) !important;
        line-height: 1.5em;
}
.parentcard4 {
		        transform: rotate(-2deg) translate(-11.5em, -78em) !important;
        margin-bottom: -114em;
}
.card4 {
	        transform: rotate(1deg) translate(14.5em, -43em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.7em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 4.5em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 3.5em;
    }
	
	.card5 {
	   display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(1deg) translate(14.5em, -40.1em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	     font-family: 'Karton';
        width: 45vw;
        text-align: center;
        font-size: 1.1em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.9em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.1em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 1em;
	}
	
.footer {
    height: 18em;
    margin-top: 1em;
}
.contest__btn {
	margin-top: 6em;
}
}
@media (max-width: 934px) and (min-width: 888px) {
	.kvbg {
    transform: translateY(-4em) !important;
}
	.laki-title {
	            width: 32vw !important;
        font-size: 0.5em !important;
        transform: rotate(-4deg) translate(74em, -4em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
		             transform: rotate(-2deg) translate(-14.5em, -49em) !important;
}
.cpu-title {
		width: 23vw !important;
        font-size: 0.5em !important;
        transform: rotate(6deg) translate(37em, -70em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
}
.parentcard2 {
                         transform: rotate(-2deg) translate(-8.5em, -37em) !important;
}
  .cup-title {
       width: 32vw !important;
        font-size: 0.5em !important;
        transform: rotate(-4deg) translate(66em, -54em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
                   transform: rotate(-2deg) translate(-11.5em, -68em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
        height: 24em;
        transform: translateY(-79em);
        z-index: 1;
    }

.skill-title {
        width: 42vw !important;
        font-size: 1.1em !important;
        transform: rotate(1deg) translate(26.5em, -40.5em) !important;
        line-height: 1.5em;
}
.parentcard4 {
		       transform: rotate(-2deg) translate(-11.5em, -78em) !important;
    margin-bottom: -120em;
}
.card4 {
	             transform: rotate(1deg) translate(15.3em, -44em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.75em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 4.5em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 3.5em;
    }
	
	.card5 {
	           display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(1deg) translate(15.5em, -42.1em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	     font-family: 'Karton';
        width: 45vw;
        text-align: center;
        font-size: 1.1em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.9em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.1em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 1em;
	}
	
.footer {
    height: 19em;
    margin-top: 1em;
}
.contest__btn {
	margin-top: 6em;
}
}
@media (max-width: 887px) and (min-width: 836px) {
	.laki, .cpu {
		 width: 65vw;
		 transform: none;
	}
	.kvbg {
    transform: translateY(-4em) !important;
}
	.laki-title {
	            width: 38vw !important;
        font-size: 0.6em !important;
        transform: rotate(0deg) translate(16em, -35em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
		         transform: rotate(-2deg) translate(10.5em, -37em) !important;
}
.cpu-title {
		        width: 28vw !important;
        font-size: 0.6em !important;
        transform: rotate(0deg) translate(3em, -34em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
}
.parentcard2 {
                     transform: rotate(5deg) translate(0.5em, -57em) !important;
}
.cup {
	width: 84vw;
	transform: none;
}
  .cup-title {
              width: 40vw !important;
        font-size: 0.6em !important;
        transform: rotate(-3deg) translate(24em, -56em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
              transform: rotate(-2deg) translate(5.5em, -79em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
                height: 22em;
        transform: translateY(-90em);
        z-index: 1;
    }

.skill-title {
                 width: 56vw !important;
        font-size: 1.1em !important;
        transform: rotate(0deg) translate(5.5em, -52.5em) !important;
        line-height: 1.5em;
}
.skill {
	width: 79vw;
	transform: none;
}
.parentcard4 {
	        transform: rotate(-2deg) translate(8.5em, -92em) !important;
        margin-bottom: -127em;
}
.card4 {
  transform: rotate(0deg) translate(-4.7em, -57em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.8em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 7em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 6em;
    }
	
	.card5 {
	            display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(0deg) translate(-4.1em, -54.1em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	        font-family: 'Karton';
        width: 93vw;
        text-align: center;
                font-size: 1.1em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.9em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.1em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 1em;
	}
	
.footer {
    height: 14em;
    margin-top: 1em;
}
.contest__btn {
	margin-top: 6em;
}
}
@media (max-width: 835px) and (min-width: 795px) {
	.laki, .cpu {
		 width: 65vw;
		 transform: none;
	}
	.kvbg {
    transform: translateY(-4em) !important;
}
	.laki-title {
		width: 41vw !important;
        font-size: 0.6em !important;
        transform: rotate(0deg) translate(14em, -33em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
		             transform: rotate(-2deg) translate(10.5em, -39em) !important;
}
.cpu-title {
		width: 30vw !important;
        font-size: 0.6em !important;
        transform: rotate(0deg) translate(3em, -33em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
}
.parentcard2 {
            transform: rotate(5deg) translate(0.5em, -59em) !important;
}
.cup {
	width: 84vw;
	transform: none;
}
  .cup-title {
        width: 40vw !important;
        font-size: 0.6em !important;
        transform: rotate(-3deg) translate(22em, -53em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
     transform: rotate(-2deg) translate(5.5em, -81em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
        height: 23em;
        transform: translateY(-92em);
        z-index: 1;
    }

.skill-title {
               width: 56vw !important;
        font-size: 1.1em !important;
        transform: rotate(0deg) translate(4.5em, -48.5em) !important;
        line-height: 1.5em;
}
.skill {
	width: 79vw;
	transform: none;
}
.parentcard4 {
	            transform: rotate(-2deg) translate(8.5em, -94em) !important;
        margin-bottom: -123em;
}
.card4 {
                transform: rotate(0deg) translate(-3.7em, -52em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.8em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 6em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 5em;
    }
	
	.card5 {
	            display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(0deg) translate(-4.1em, -49.1em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	        font-family: 'Karton';
        width: 93vw;
        text-align: center;
                font-size: 1.1em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.9em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.1em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 1em;
	}
	
.footer {
    height: 14em;
    margin-top: 1em;
}
.contest__btn {
	margin-top: 6em;
}
}
@media (max-width: 794px) and (min-width: 758px) {
	.laki, .cpu {
		 width: 65vw;
		 transform: none;
	}
	.kvbg {
    transform: translateY(-4em) !important;
}
	.laki-title {
		        width: 41vw !important;
        font-size: 0.5em !important;
        transform: rotate(0deg) translate(15em, -35em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
		                 transform: rotate(-2deg) translate(10.5em, -41em) !important;
}
.cpu-title {
		width: 34vw !important;
        font-size: 0.5em !important;
        transform: rotate(0deg) translate(4em, -33em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
}
.parentcard2 {
                   transform: rotate(5deg) translate(0.5em, -56em) !important;
}
.cup {
	width: 84vw;
	transform: none;
}
  .cup-title {
        width: 40vw !important;
        font-size: 0.5em !important;
        transform: rotate(-3deg) translate(25em, -59em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
            transform: rotate(-2deg) translate(5.5em, -72em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
        height: 22em;
        transform: translateY(-82em);
        z-index: 1;
    }

.skill-title {
                width: 56vw !important;
        font-size: 1.1em !important;
        transform: rotate(0deg) translate(4.5em, -46.5em) !important;
        line-height: 1.5em;
}
.skill {
	width: 79vw;
	transform: none;
}
.parentcard4 {
		        transform: rotate(-2deg) translate(8.5em, -83em) !important;
        margin-bottom: -116em;
}
.card4 {
              transform: rotate(0deg) translate(-3.7em, -50em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.8em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 6em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 5em;
    }
	
	.card5 {
	           display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(0deg) translate(-4.1em, -47.1em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	        font-family: 'Karton';
        width: 93vw;
        text-align: center;
                font-size: 1.1em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.9em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.1em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 1em;
	}
	
.footer {
    height: 15em;
    margin-top: 1em;
}
.contest__btn {
	margin-top: 6em;
}
}
@media (max-width: 757px) and (min-width: 700px) {
	.laki, .cpu {
		 width: 65vw;
		 transform: none;
	}
	.kvbg {
    transform: translateY(-4em) !important;
}
	.laki-title {
		        width: 41vw !important;
        font-size: 0.5em !important;
        transform: rotate(0deg) translate(15em, -35em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
		                 transform: rotate(-2deg) translate(10.5em, -41em) !important;
}
.cpu-title {
		width: 34vw !important;
        font-size: 0.5em !important;
        transform: rotate(0deg) translate(4em, -33em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
}
.parentcard2 {
                   transform: rotate(5deg) translate(0.5em, -56em) !important;
}
.cup {
	width: 84vw;
	transform: none;
}
  .cup-title {
              width: 40vw !important;
        font-size: 0.5em !important;
        transform: rotate(-3deg) translate(24em, -56em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
            transform: rotate(-2deg) translate(5.5em, -72em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
        height: 20em;
        transform: translateY(-82em);
        z-index: 1;
    }

.skill-title {
              width: 56vw !important;
        font-size: 1.1em !important;
        transform: rotate(0deg) translate(4.5em, -44.5em) !important;
        line-height: 1.5em;
}
.skill {
	width: 79vw;
	transform: none;
}
.parentcard4 {
		        transform: rotate(-2deg) translate(8.5em, -83em) !important;
        margin-bottom: -115em;
}
.card4 {
               transform: rotate(0deg) translate(-3.8em, -48em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.8em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 6em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 5em;
    }
	
	.card5 {
	           display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(0deg) translate(-4.1em, -45.1em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	        font-family: 'Karton';
        width: 93vw;
        text-align: center;
                font-size: 1.1em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.9em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.1em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 1em;
	}
	
.footer {
    height: 13em;
    margin-top: 1em;
}
.contest__btn {
	margin-top: 6em;
}
}
@media (max-width: 699px) and (min-width: 659px) {
	.laki, .cpu {
		 width: 65vw;
		 transform: none;
	}
	.kvbg {
    transform: translateY(-4em) !important;
}
	.laki-title {
		        width: 41vw !important;
        font-size: 0.5em !important;
        transform: rotate(0deg) translate(15em, -34em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
	transform: rotate(-2deg) translate(10.5em, -44em) !important;
    }
.cpu-title {
		width: 34vw !important;
        font-size: 0.5em !important;
        transform: rotate(0deg) translate(4em, -33em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
}
.parentcard2 {
                   transform: rotate(5deg) translate(0.5em, -61em) !important;
}
.cup {
	width: 84vw;
	transform: none;
}
  .cup-title {
		width: 40vw !important;
        font-size: 0.5em !important;
        transform: rotate(-3deg) translate(22em, -53em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
            transform: rotate(-2deg) translate(5.5em, -79em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
        height: 19em;
        transform: translateY(-88em);
        z-index: 1;
    }

.skill-title {
		        width: 56vw !important;
        font-size: 1.1em !important;
        transform: rotate(0deg) translate(3.5em, -41.5em) !important;
        line-height: 1.5em;
}
.skill {
	width: 79vw;
	transform: none;
}
.parentcard4 {
		        transform: rotate(-2deg) translate(8.5em, -89em) !important;
        margin-bottom: -122em;
}
.card4 {
                   transform: rotate(0deg) translate(-3.8em, -45em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.8em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 5.2em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 4.2em;
    }
	
	.card5 {
	            display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(0deg) translate(-3.1em, -42.1em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	        font-family: 'Karton';
        width: 93vw;
        text-align: center;
                font-size: 1.1em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.9em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.1em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 1em;
	}
	
.footer {
    height: 13em;
    margin-top: 1em;
}
.contest__btn {
	margin-top: 6em;
}
}
@media (max-width: 658px) and (min-width: 606px) {
	.laki, .cpu {
		 width: 73vw;
		 transform: none;
	}
	.kvbg {
    transform: translateY(-4em) !important;
}
	.laki-title {
		        width: 44vw !important;
        font-size: 0.5em !important;
        transform: rotate(0deg) translate(15em, -35em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
	        transform: rotate(-2deg) translate(6.5em, -46em) !important;
    }
.cpu-title {
		width: 34vw !important;
        font-size: 0.5em !important;
        transform: rotate(0deg) translate(4em, -33em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
}
.parentcard2 {
                    transform: rotate(5deg) translate(-3.5em, -63em) !important;
}
.cup {
	width: 92vw;
	transform: none;
}
  .cup-title {
		        width: 49vw !important;
        font-size: 0.5em !important;
        transform: rotate(-2.5deg) translate(21em, -53em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
               transform: rotate(-2deg) translate(3.5em, -81em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
        height: 18em;
        transform: translateY(-89em);
        z-index: 1;
    }

.skill-title {
		 width: 56vw !important;
        font-size: 1.1em !important;
        transform: rotate(0deg) translate(3.5em, -39.5em) !important;
        line-height: 1.5em;
}
.skill {
	width: 79vw;
	transform: none;
}
.parentcard4 {
	           transform: rotate(-1deg) translate(5.5em, -90em) !important;
        margin-bottom: -123em;
}
.card4 {
                  transform: rotate(0deg) translate(-3.7em, -42em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.8em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 5.2em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 4.2em;
    }
	
	.card5 {
	            display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(0deg) translate(-3.1em, -39.1em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	        font-family: 'Karton';
        width: 93vw;
        text-align: center;
                font-size: 1.1em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.9em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 1.1em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 1em;
	}
	
.footer {
    height: 13em;
    margin-top: 1em;
}
.contest__btn {
	margin-top: 6em;
}
}
@media (max-width: 605px) and (min-width: 549px) {
	.laki, .cpu {
		 width: 73vw;
		 transform: none;
	}
	.kvbg {
    transform: translateY(-4em) !important;
}
	.laki-title {
		        width: 43vw !important;
        font-size: 0.45em !important;
        transform: rotate(0deg) translate(16em, -35em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
	        transform: rotate(-2deg) translate(6.5em, -48em) !important;
    }
.cpu-title {
		        width: 34vw !important;
        font-size: 0.45em !important;
        transform: rotate(0deg) translate(4em, -34em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
}
.parentcard2 {
                    transform: rotate(5deg) translate(-3.5em, -63em) !important;
}
.cup {
	width: 92vw;
	transform: none;
}
  .cup-title {
		        width: 49vw !important;
        font-size: 0.45em !important;
        transform: rotate(-2.5deg) translate(21em, -54em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
               transform: rotate(-2deg) translate(3.5em, -79em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
               height: 16em;
        transform: translateY(-86em);
        z-index: 1;
    }

.skill-title {
		        width: 67vw !important;
        font-size: 0.7em !important;
        transform: rotate(0deg) translate(2.1em, -51em) !important;
        line-height: 1.5em;
}
.skill {
	width: 79vw;
	transform: none;
}
.parentcard4 {
	            transform: rotate(-1deg) translate(3.5em, -85em) !important;
        margin-bottom: -106em;
}
.card4 {
	        transform: rotate(0deg) translate(-3.5em, -35em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.7em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 4.5em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 3.5em;
    }
	
	.card5 {
	           display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(0deg) translate(-2.8em, -33.1em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	        font-family: 'Karton';
        width: 93vw;
        text-align: center;
        font-size: 0.7em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.6em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 0.7em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 0.4em;
	}
	
.footer {
    height: 10em;
    margin-top: 1em;
}
.contest__btn {
	margin-top: 6em;
	    font-size: 1.2em;
}
}
@media (max-width: 548px) and (min-width: 516px) {
	.laki, .cpu {
		 width: 73vw;
		 transform: none;
	}
	.kvbg {
    transform: translateY(-4em) !important;
}
	.laki-title {
		        width: 47vw !important;
        font-size: 0.45em !important;
        transform: rotate(0deg) translate(13em, -34em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
	        transform: rotate(-2deg) translate(6.5em, -50em) !important;
    }
.cpu-title {
		        width: 34vw !important;
        font-size: 0.45em !important;
        transform: rotate(0deg) translate(4em, -34em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
}
.parentcard2 {
                    transform: rotate(5deg) translate(-3.5em, -65em) !important;
}
.cup {
	width: 92vw;
	transform: none;
}
  .cup-title {
		        width: 49vw !important;
        font-size: 0.45em !important;
        transform: rotate(-2.5deg) translate(19em, -51em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
               transform: rotate(-2deg) translate(3.5em, -81em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
                 height: 15em;
        transform: translateY(-89em);
        z-index: 1;
    }

.skill-title {
		        width: 67vw !important;
        font-size: 0.7em !important;
        transform: rotate(0deg) translate(2.1em, -51em) !important;
        line-height: 1.5em;
}
.skill {
	width: 79vw;
	transform: none;
}
.parentcard4 {
	               transform: rotate(-1deg) translate(3.5em, -88em) !important;
              margin-bottom: -108em;
}
.card4 {
		         transform: rotate(0deg) translate(-2.5em, -35em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.6em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 4.2em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 3.2em;
    }
	
	.card5 {
	           display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(0deg) translate(-2.8em, -33.1em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	        font-family: 'Karton';
        width: 93vw;
        text-align: center;
        font-size: 0.7em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.6em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 0.7em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 0.4em;
	}
	
.footer {
    height: 10em;
    margin-top: 1em;
}
.contest__btn {
	margin-top: 6em;
	    font-size: 1em;
}
}
@media (max-width: 515px) and (min-width: 480px) {
	.laki, .cpu {
		 width: 83vw;
		 transform: none;
	}
	.kvbg {
    transform: translateY(-3em) !important;
}
.logo {
    margin-top: 1em;
}
	.laki-title {
		        width: 50vw !important;
        font-size: 0.45em !important;
        transform: rotate(0deg) translate(16em, -35em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
	             transform: rotate(-2deg) translate(4.5em, -50em) !important;
    }
.cpu-title {
		        width: 38vw !important;
        font-size: 0.45em !important;
        transform: rotate(0deg) translate(4em, -34em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
}
.parentcard2 {
                  transform: rotate(5deg) translate(-3.5em, -65em) !important;
}
.cup {
	width: 102vw;
	transform: none;
}
  .cup-title {
		width: 56vw !important;
        font-size: 0.45em !important;
        transform: rotate(-2.5deg) translate(19em, -51em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
              transform: rotate(-2deg) translate(1.5em, -80em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
        height: 14em;
        transform: translateY(-87em);
        z-index: 1;
    }

.skill-title {
		         width: 67vw !important;
        font-size: 0.7em !important;
        transform: rotate(0deg) translate(4.1em, -51em) !important;
        line-height: 1.5em;
}
.skill {
        width: 88vw;
        transform: none;
}
.parentcard4 {
	             transform: rotate(-1deg) translate(2.9em, -85em) !important;
        margin-bottom: -105em;
}
.card4 {
		              transform: rotate(0deg) translate(-1.2em, -35em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.6em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 4.2em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 3.2em;
    }
	
	.card5 {
	     display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(0deg) translate(-1.8em, -33.1em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	        font-family: 'Karton';
        width: 93vw;
        text-align: center;
        font-size: 0.7em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.6em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 0.7em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 0.4em;
	}
	
.footer {
    height: 10em;
    margin-top: 1em;
}
.contest__btn {
	margin-top: 6em;
	    font-size: 1em;
}
}
@media (max-width: 479px) and (min-width: 453px) {
	.laki, .cpu {
		 width: 83vw;
		 transform: none;
	}
	.kvbg {
    transform: translateY(-3em) !important;
}
.logo {
    margin-top: 1em;
}
	.laki-title {
		        width: 53vw !important;
        font-size: 0.45em !important;
        transform: rotate(0deg) translate(13em, -33em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
	             transform: rotate(-2deg) translate(4.5em, -51em) !important;
    }
.cpu-title {
		        width: 41vw !important;
        font-size: 0.45em !important;
        transform: rotate(0deg) translate(4em, -32em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
}
.parentcard2 {
                transform: rotate(5deg) translate(-5.5em, -66em) !important;
}
.cup {
	width: 102vw;
	transform: none;
}
  .cup-title {
		        width: 61vw !important;
        font-size: 0.45em !important;
        transform: rotate(-2.5deg) translate(16em, -49em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
                transform: rotate(-2deg) translate(1.5em, -82em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
               height: 13em;
        transform: translateY(-88.7em);
        z-index: 1;
    }

.skill-title {
		         width: 67vw !important;
        font-size: 0.7em !important;
        transform: rotate(0deg) translate(4.1em, -51em) !important;
        line-height: 1.5em;
}
.skill {
        width: 88vw;
        transform: none;
}
.parentcard4 {
	             transform: rotate(-1deg) translate(2.9em, -87.5em) !important;
        margin-bottom: -111em;
}
.card4 {
		               transform: rotate(0deg) translate(-0.8em, -35em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.6em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 4.2em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 3.2em;
    }
	
	.card5 {
	           display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(0deg) translate(-0.8em, -33.1em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	        font-family: 'Karton';
        width: 93vw;
        text-align: center;
        font-size: 0.7em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.6em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 0.7em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 0.4em;
	}
	
.footer {
    height: 10em;
    margin-top: 1em;
}
    .footer__copyright {
	font-size: 8px !important;
	}
.contest__btn {
	margin-top: 6em;
	    font-size: 1em;
}
}
@media (max-width: 452px) and (min-width: 440px) {
	.laki, .cpu {
		 width: 83vw;
		 transform: none;
	}
	.kvbg {
    transform: translateY(-1.8em) !important;
}
.logo {
            margin-top: 0.5em;
			        width: 22% !important;
}
	.laki-title {
		        width: 57vw !important;
        font-size: 0.45em !important;
        transform: rotate(0deg) translate(11em, -32em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
	                    transform: rotate(-2deg) translate(4.5em, -51.8em) !important;
    }
.cpu-title {
		        width: 41vw !important;
        font-size: 0.45em !important;
        transform: rotate(0deg) translate(4em, -32em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
}
.parentcard2 {
                transform: rotate(5deg) translate(-5.5em, -66em) !important;
}
.cup {
	width: 102vw;
	transform: none;
}
  .cup-title {
		        width: 64vw !important;
        font-size: 0.45em !important;
        transform: rotate(-2.5deg) translate(14em, -46em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
                transform: rotate(-2deg) translate(1.5em, -82em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
             height: 12em;
        transform: translateY(-88.5em);
        z-index: 1;
    }

.skill-title {
	           width: 67vw !important;
        font-size: 0.7em !important;
        transform: rotate(0deg) translate(4.1em, -47em) !important;
        line-height: 1.5em;
}
.skill {
        width: 88vw;
        transform: none;
}
.parentcard4 {
	                  transform: rotate(-1deg) translate(2.9em, -89.5em) !important;
        margin-bottom: -115em;
}
.card4 {
	             transform: rotate(0deg) translate(-0.8em, -32em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.6em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 4em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 3em;
    }
	
	.card5 {
	          display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(0deg) translate(-0.8em, -30.1em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	        font-family: 'Karton';
        width: 93vw;
        text-align: center;
        font-size: 0.7em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.6em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 0.7em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 0.4em;
	}
	
.footer {
    height: 10em;
    margin-top: 1em;
}
    .footer__copyright {
	font-size: 8px !important;
	}
.contest__btn {
	margin-top: 6em;
	    font-size: 1em;
}
}
@media (max-width: 439px) and (min-width: 400px) {
	.laki, .cpu {
		 width: 93vw;
		 transform: none;
	}
	.kvbg {
    transform: translateY(-1.8em) !important;
}
.logo {
            margin-top: 0.5em;
			        width: 22% !important;
}
	.laki-title {
		         width: 58vw !important;
        font-size: 0.4em !important;
        transform: rotate(0deg) translate(16em, -36em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
	             transform: rotate(-2deg) translate(2.9em, -52.2em) !important;
    }
.cpu-title {
	        width: 41vw !important;
        font-size: 0.4em !important;
        transform: rotate(0deg) translate(4em, -35em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
}
.parentcard2 {
                       transform: rotate(5deg) translate(-5.5em, -64em) !important;
}
.cup {
	width: 100vw;
	transform: none;
}
  .cup-title {
		width: 64vw !important;
        font-size: 0.4em !important;
        transform: rotate(-2.5deg) translate(16em, -49em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
               transform: rotate(-2deg) translate(1.5em, -78em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
              height: 12em;
        transform: translateY(-84.5em);
        z-index: 1;
    }

.skill-title {
	   width: 84vw !important;
        font-size: 0.7em !important;
        transform: rotate(0deg) translate(2.1em, -52em) !important;
        line-height: 1.5em;
}
.skill {
        width: 100vw;
        transform: none;
}
.parentcard4 {
	            transform: rotate(-1deg) translate(1.9em, -83.5em) !important;
        margin-bottom: -103em;
}
.card4 {
	            transform: rotate(0deg) translate(0.2em, -35em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.6em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 4em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 3em;
    }
	
	.card5 {
	           display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(0deg) translate(0.2em, -32.1em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	        font-family: 'Karton';
        width: 93vw;
        text-align: center;
        font-size: 0.7em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.6em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 0.7em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 0.4em;
	}
	
.footer {
    height: 10em;
    margin-top: 1em;
}
    .footer__copyright {
	font-size: 8px !important;
	}
.contest__btn {
	margin-top: 6em;
	    font-size: 1em;
}
}
@media (max-width: 399px) and (min-width: 375px) {
	.laki, .cpu {
		 width: 93vw;
		 transform: none;
	}
	.kvbg {
    transform: translateY(-1.8em) !important;
}
.logo {
            margin-top: 0.5em;
			        width: 22% !important;
}
	.laki-title {
		        width: 58vw !important;
        font-size: 0.4em !important;
        transform: rotate(0deg) translate(15em, -35em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
	           transform: rotate(-2deg) translate(2.9em, -53.9em) !important;
    }
.cpu-title {
	        width: 41vw !important;
        font-size: 0.4em !important;
        transform: rotate(0deg) translate(4em, -35em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
}
.parentcard2 {
                       transform: rotate(5deg) translate(-5.5em, -67em) !important;
}
.cup {
	width: 100vw;
	transform: none;
}
  .cup-title {
		        width: 64vw !important;
        font-size: 0.4em !important;
        transform: rotate(-2.5deg) translate(14em, -46em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
               transform: rotate(-2deg) translate(1.5em, -81em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
                height: 11em;
        transform: translateY(-87.5em);
        z-index: 1;
    }

.skill-title {
	      width: 84vw !important;
        font-size: 0.7em !important;
        transform: rotate(0deg) translate(2.1em, -43em) !important;
        line-height: 1.5em;
}
.skill {
        width: 100vw;
        transform: none;
}
    .parentcard4 {
        transform: rotate(-1deg) translate(1.9em, -85.5em) !important;
        margin-bottom: -109em;
    }
.card4 {
	                 transform: rotate(0deg) translate(-0.1em, -29.5em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.6em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 4em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 3em;
    }
	
	.card5 {
	           display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(0deg) translate(0.2em, -28.1em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	        font-family: 'Karton';
        width: 93vw;
        text-align: center;
        font-size: 0.7em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.6em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 0.7em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 0.4em;
	}
	
.footer {
    height: 10em;
    margin-top: 1em;
}
    .footer__copyright {
	font-size: 8px !important;
	}
.contest__btn {
	margin-top: 6em;
	    font-size: 1em;
}
}
@media (max-width: 374px) and (min-width: 358px) {
	.laki, .cpu {
		 width: 93vw;
		 transform: none;
	}
	.kvbg {
    transform: translateY(-1.8em) !important;
}
.logo {
            margin-top: 0.5em;
			        width: 22% !important;
}
	.laki-title {
		         width: 62vw !important;
        font-size: 0.4em !important;
        transform: rotate(0deg) translate(12em, -33em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
	                  transform: rotate(-2deg) translate(2.9em, -54.9em) !important;
    }
.cpu-title {
	            width: 44vw !important;
        font-size: 0.4em !important;
        transform: rotate(0deg) translate(3em, -33em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
}
.parentcard2 {
                       transform: rotate(5deg) translate(-5.5em, -68em) !important;
}
.cup {
	width: 100vw;
	transform: none;
}
  .cup-title {
		        width: 66vw !important;
        font-size: 0.4em !important;
        transform: rotate(-2.5deg) translate(13em, -44em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
        transform: rotate(-2deg) translate(1.5em, -82em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
        height: 10em;
        transform: translateY(-88.5em);
        z-index: 1;
    }

.skill-title {
	      width: 84vw !important;
        font-size: 0.7em !important;
        transform: rotate(0deg) translate(2.1em, -43em) !important;
        line-height: 1.5em;
}
.skill {
        width: 100vw;
        transform: none;
}
.parentcard4 {
	            transform: rotate(0deg) translate(-0.1em, -86.3em) !important;
        margin-bottom: -108em;
}
.card4 {
		        transform: rotate(0deg) translate(0.3em, -29.1em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.6em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 3.8em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 2.8em;
    }
	
	.card5 {
	            display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(0deg) translate(0.2em, -27.1em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	        font-family: 'Karton';
        width: 93vw;
        text-align: center;
        font-size: 0.7em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.6em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 0.7em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 0.4em;
	}
	
	
.footer {
    height: 10em;
    margin-top: 1em;
}
    .footer__copyright {
	font-size: 8px !important;
	}
.contest__btn {
	margin-top: 6em;
	    font-size: 1em;
}
}
@media (max-width: 357px) and (min-width: 331px) {
	.laki, .cpu {
		 width: 93vw;
		 transform: none;
	}
	.kvbg {
    transform: translateY(-1.8em) !important;
}
.logo {
            margin-top: 0.5em;
			        width: 22% !important;
}
	.laki-title {
		width: 63vw !important;
        font-size: 0.35em !important;
        transform: rotate(0deg) translate(14em, -35em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
			  transform: rotate(-2deg) translate(2.9em, -55.7em) !important;
    }
.cpu-title {
	         width: 51vw !important;
        font-size: 0.35em !important;
        transform: rotate(0deg) translate(3em, -33em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
}
.parentcard2 {
	  transform: rotate(5deg) translate(-5.5em, -65.3em) !important;
}
.cup {
	width: 100vw;
	transform: none;
}
  .cup-title {
		        width: 68vw !important;
        font-size: 0.35em !important;
        transform: rotate(-2.5deg) translate(14em, -46em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
               transform: rotate(-2deg) translate(1.5em, -76.8em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
                height: 10em;
        transform: translateY(-81.5em);
        z-index: 1;
    }

.skill-title {
	    width: 84vw !important;
        font-size: 0.7em !important;
        transform: rotate(0deg) translate(2.1em, -43em) !important;
        line-height: 1.5em;
}
.skill {
        width: 100vw;
        transform: none;
}
.parentcard4 {
	              transform: rotate(0deg) translate(-0.1em, -80.3em) !important;
        margin-bottom: -103em;
}
.card4 {
	        transform: rotate(0deg) translate(0.3em, -30em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.6em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 3.5em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 2.8em;
    }
	
	.card5 {
	            display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(0deg) translate(0.2em, -28.7em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	        font-family: 'Karton';
        width: 93vw;
        text-align: center;
        font-size: 0.7em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.6em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 0.7em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 0.4em;
	}
	
.footer {
    height: 10em;
    margin-top: 1em;
}
    .footer__copyright {
	font-size: 8px !important;
	}
.contest__btn {
	margin-top: 6em;
	    font-size: 1em;
}
}
@media (max-width: 330px) and (min-width: 313px) {
	.laki, .cpu {
		 width: 93vw;
		 transform: none;
	}
	.kvbg {
    transform: translateY(-1.8em) !important;
}
.logo {
            margin-top: 0.5em;
			        width: 22% !important;
}
	.laki-title {
		        width: 64vw !important;
        font-size: 0.35em !important;
        transform: rotate(0deg) translate(11em, -33em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
			  transform: rotate(-2deg) translate(2.9em, -56.7em) !important;
    }
.cpu-title {
	         width: 51vw !important;
        font-size: 0.35em !important;
        transform: rotate(0deg) translate(3em, -33em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
}
.parentcard2 {
	  transform: rotate(5deg) translate(-5.5em, -67.3em) !important;
}
.cup {
	width: 100vw;
	transform: none;
}
  .cup-title {
		        width: 68vw !important;
        font-size: 0.35em !important;
        transform: rotate(-2.5deg) translate(12em, -44em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
               transform: rotate(-2deg) translate(1.5em, -78.8em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
               height: 9em;
        transform: translateY(-83.5em);
        z-index: 1;
    }

.skill-title {
	      width: 84vw !important;
        font-size: 0.7em !important;
        transform: rotate(0deg) translate(2.1em, -41em) !important;
        line-height: 1.5em;
}
.skill {
        width: 100vw;
        transform: none;
}
.parentcard4 {
	     transform: rotate(0deg) translate(-0.1em, -82.3em) !important;
        margin-bottom: -106em;
}
.card4 {
	              transform: rotate(0deg) translate(0.3em, -28.3em);
}
	.pr1name, .pr2name, .pr3name, .pr4name  {
    font-size: 0.5em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 3.3em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 2.8em;
    }
	
	.card5 {
	    display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(0deg) translate(0.2em, -26.7em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	        font-family: 'Karton';
        width: 93vw;
        text-align: center;
        font-size: 0.7em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.6em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 0.7em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 0.4em;
	}
	
.footer {
    height: 10em;
    margin-top: 1em;
}
    .footer__copyright {
	font-size: 6px !important;
	}
.contest__btn {
	margin-top: 6em;
	    font-size: 0.7em;
}
}
@media (max-width: 312px) and (min-width: 301px) {
	.laki, .cpu {
		 width: 93vw;
		 transform: none;
	}
	.kvbg {
    transform: translateY(-1.8em) !important;
}
.logo {
            margin-top: 0.5em;
			        width: 22% !important;
}
	.laki-title {
		        width: 64vw !important;
        font-size: 0.35em !important;
        transform: rotate(0deg) translate(11em, -32em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
	        transform: rotate(-2deg) translate(2.9em, -57.4em) !important;
    }
.cpu-title {
	          width: 51vw !important;
        font-size: 0.35em !important;
        transform: rotate(0deg) translate(3em, -31em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
}
.parentcard2 {
	  transform: rotate(5deg) translate(-5.5em, -68.3em) !important;
}
.cup {
	width: 100vw;
	transform: none;
}
  .cup-title {
		        width: 68vw !important;
        font-size: 0.35em !important;
        transform: rotate(-2.5deg) translate(12em, -42.3em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
               transform: rotate(-2deg) translate(1.5em, -79.8em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
                  height: 9em;
        transform: translateY(-85.5em);
        z-index: 1;
    }

.skill-title {
	         width: 84vw !important;
        font-size: 0.7em !important;
        transform: rotate(0deg) translate(2.1em, -38em) !important;
        line-height: 1.5em;
}
.skill {
        width: 100vw;
        transform: none;
}
.parentcard4 {
	   transform: rotate(0deg) translate(-0.1em, -84.3em) !important;
               margin-bottom: -109em;
}
.card4 {
	           transform: rotate(0deg) translate(0.3em, -26em);
}
	.pr1name, .pr2name, .pr3name, .pr4name {
    font-size: 0.5em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 3.1em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 2.8em;
    }
	
	.card5 {
	          display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(0deg) translate(0em, -24.7em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	        font-family: 'Karton';
        width: 93vw;
        text-align: center;
        font-size: 0.7em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.6em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 0.7em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 0.4em;
	}
	
.footer {
    height: 10em;
    margin-top: 1em;
}
    .footer__copyright {
	font-size: 6px !important;
	}
.contest__btn {
	margin-top: 6em;
	    font-size: 0.7em;
}
}
@media (max-width: 300px) and (min-width: 290px) {
	.laki, .cpu {
		 width: 93vw;
		 transform: none;
	}
	.kvbg {
    transform: translateY(-1.8em) !important;
}
.logo {
            margin-top: 0.5em;
			        width: 22% !important;
}
	.laki-title {
		        width: 66vw !important;
        font-size: 0.35em !important;
        transform: rotate(0deg) translate(10em, -31em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
   }
	.parentcard1 {
	             transform: rotate(-2deg) translate(2.9em, -57.9em) !important;
    }
.cpu-title {
	          width: 51vw !important;
        font-size: 0.35em !important;
        transform: rotate(0deg) translate(3em, -31em) !important;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
}
.parentcard2 {
        transform: rotate(5deg) translate(-5.5em, -68.5em) !important;
}
.cup {
	width: 100vw;
	transform: none;
}
  .cup-title {
		        width: 68vw !important;
        font-size: 0.35em !important;
        transform: rotate(-2.5deg) translate(12em, -41.3em) !important;
        line-height: 1.5em;
		text-shadow: 0.07em 0 beige, 0 0.07em beige, -0.07em 0 beige, 0 -0.07em beige !important;
    }
.parentcard3 {
                 transform: rotate(-2deg) translate(1.5em, -80.1em) !important;
        z-index: 2;
        position: relative;
}
.offer-title {
               height: 8em;
        transform: translateY(-85.1em);
        z-index: 1;
    }

.skill-title {
	          width: 84vw !important;
        font-size: 0.7em !important;
        transform: rotate(0deg) translate(2.1em, -38em) !important;
        line-height: 1.5em;
}
.skill {
        width: 100vw;
        transform: none;
}
.parentcard4 {
	              transform: rotate(0deg) translate(-0.1em, -83.9em) !important;
        margin-bottom: -109em;
}
.card4 {
	             transform: rotate(0deg) translate(0.3em, -26em);
}
	.pr1name, .pr2name, .pr3name, .pr4name {
    font-size: 0.5em;
    text-align: center;
    font-family: 'Karton';
}
	.pr1, .pr2, .pr3, .pr4 {
	width: 3.1em;
}
.pr1pic img, .pr2pic img, .pr3pic img, .pr4pic img {
        width: 2.8em;
    }
	
	.card5 {
	          display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: rotate(0deg) translate(0em, -24.7em);
        z-index: 100;
        flex-direction: column;
}
.cardtext {
	        font-family: 'Karton';
        width: 93vw;
        text-align: center;
        font-size: 0.7em;
}
.terms__btn {
        margin-top: 0.5em;
        margin-bottom: 0.1em;
}
.terms__btn:hover {
	transform: scale(1.1);
	text-decoration: underline;
}
.terms__btn a {
	font-family: 'Karton';
	text-decoration: none !important;
	color: #000000;
	font-size: 0.6em;
}
.pizza__btn {
	margin-top: 0.3em;
}
.pizza__btn:hover {
	transform: scale(1.1);
}
.pizza__btn a {
	background: #fc8d0b;
	font-family: 'Karton';
	font-size: 0.7em;
	text-decoration: none !important;
	color: #000000;
	padding: 0.1em 1em 0.1em 1em;
    border-radius: 1em;
}	
.popup-inner {
		width: 55%;
		font-size: 0.4em;
	}
	
    .footer {
        height: 12em;
        margin-top: 1em;
    }
    .footer__copyright {
	font-size: 6px !important;
	}
.contest__btn {
	margin-top: 6em;
	    font-size: 0.7em;
}
}
@font-face {
	font-family: 'bebas';
	src: url('../fonts/bebas/BebasNeue-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Bebas';
	src: url('../fonts/bebas/BebasNeue-Bold.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Karton';
	src: url('../fonts/Karton.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DisneyPark';
	src: url('../fonts/disney/DisneyPark.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'EuclidCircularA-Regular';
	src: url('../fonts/disney/EuclidCircularA-Regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Exo2-ExtraBold';
	src: url('../fonts/Exo_2/static/Exo2-ExtraBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'American Captain';
	src: url('../fonts/American Captain.eot');
	src: url('../fonts/American Captain.woff') format('woff'), 
		 url('../fonts/American Captain.ttf') format('truetype'), 
		 url('../fonts/American Captain.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'AA_Akashi';
	src: url('../fonts/AA_Akashi.eot');
	src: url('../fonts/AA_Akashi.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/AA_Akashi.woff') format('woff'),
		 url('../fonts/AA_Akashi.ttf') format('truetype'),
		 url('../fonts/AA_Akashi.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'BankGothic_RUSS_Medium';
	src: url('../fonts/BankGothic_RUSS_Medium.eot');
	src: url('../fonts/BankGothic_RUSS_Medium.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/BankGothic_RUSS_Medium.woff') format('woff'),
		 url('../fonts/BankGothic_RUSS_Medium.ttf') format('truetype'),
		 url('../fonts/BankGothic_RUSS_Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'bebas_neue_cyrillicregular';
	src: url('../fonts/bebas_neue_cyrillic-webfont.eot');
	src: url('../fonts/bebas_neue_cyrillic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/bebas_neue_cyrillic-webfont.woff') format('woff'),
		 url('../fonts/bebas_neue_cyrillic-webfont.ttf') format('truetype'),
		 url('../fonts/bebas_neue_cyrillic-webfont.svg#bebas_neue_cyrillicregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_batmanforever';
	src: url('../fonts/batmanforever.eot');
	src: url('../fonts/batmanforever.woff') format('woff'), 
	     url('../fonts/batmanforever.ttf') format('truetype'), 
		 url('../fonts/batmanforever.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'DINBold';
	src: url('../fonts/ff_din_bold-webfont.eot');
	src: url('../fonts/ff_din_bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/ff_din_bold-webfont.woff') format('woff'),
		 url('../fonts/ff_din_bold-webfont.ttf') format('truetype'),
		 url('../fonts/ff_din_bold-webfont.svg#DINBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'DINPro';
	src: url('../fonts/DINPro.otf');
	/*src: url('../fonts/ff_din_bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/ff_din_bold-webfont.woff') format('woff'),
		 url('../fonts/ff_din_bold-webfont.ttf') format('truetype'),
		 url('../fonts/ff_din_bold-webfont.svg#DINBold') format('svg'); */
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'DIN Pro';
	src: url('../fonts/DINPro.otf');
	/*src: url('../fonts/ff_din_bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/ff_din_bold-webfont.woff') format('woff'),
		 url('../fonts/ff_din_bold-webfont.ttf') format('truetype'),
		 url('../fonts/ff_din_bold-webfont.svg#DINBold') format('svg'); */
	font-weight: normal;
	font-style: normal;
} 
@font-face{
	font-family: 'DINPro Black';
	src: url('../fonts/DINPro-Black.otf');
	src: url('../fonts/dinpro-black.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/dinpro-black.woff') format('woff'),
		 url('../fonts/dinpro-black.woff2') format('woff2'),
		 url('../fonts/DINPro-Black.ttf') format('truetype'),
		 url('../fonts/dinpro-black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
} 
@font-face{
	font-family: 'DINPro Black Italic';
	src: url('../fonts/dinpro-blackitalic.otf');
	src: url('../fonts/dinpro-blackitalic.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/dinpro-blackitalic.woff') format('woff'),
		 url('../fonts/dinpro-blackitalic.woff2') format('woff2'),
		 url('../fonts/DINPro-BlackItalic.ttf') format('truetype'),
		 url('../fonts/dinpro-blackitalic.svg') format('svg'); 
	font-weight: normal;
	font-style: normal;
} 
@font-face{
	font-family: 'DINPro Bold';
	src: url('../fonts/dinpro-bold.eot');
	src: url('../fonts/dinpro-bold.eot') format('embedded-opentype'),
		 url('../fonts/dinpro-bold.woff') format('woff'),
		 url('../fonts/dinpro-bold.woff2') format('woff2'),
		 url('../fonts/DINPro-Bold.ttf') format('truetype'),
		 url('../fonts/dinpro-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'DINPro Bold Italic';
	src: url('../fonts/dinpro-bolditalic.eot');
	src: url('../fonts/dinpro-bolditalic.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/dinpro-bolditalic.woff') format('woff'),
		 url('../fonts/dinpro-bolditalic.woff2') format('woff2'),
		 url('../fonts/DINPro-BoldItalic.ttf') format('truetype'),
		 url('../fonts/dinpro-bolditalic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'DINPro-CondBlack';
	src: url('../fonts/DINPro-CondBlack.otf');
	src: url('../fonts/DINPro-CondBlack.eot');
	src: url('../fonts/DINPro-CondBlack.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/DINPro-CondBlack.woff') format('woff'),
		 url('../fonts/DINPro-CondBlack.ttf') format('truetype'),
		 url('../fonts/DINPro-CondBlack.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'DINCondMediumRegular';
	src: url('../fonts/ff_din_condensed_medium-webfont.eot');
	src: url('../fonts/ff_din_condensed_medium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/ff_din_condensed_medium-webfont.woff') format('woff'),
		 url('../fonts/ff_din_condensed_medium-webfont.ttf') format('truetype'),
		 url('../fonts/ff_din_condensed_medium-webfont.svg#DINCondMediumRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Druk Text Wide Cyr Heavy';
	src: url('../fonts/Druk Text Wide Cyr Heavy.eot');
	src: url('../fonts/Druk Text Wide Cyr Heavy.woff') format('woff'), 
	     url('../fonts/Druk Text Wide Cyr Heavy.ttf') format('truetype'), 
		 url('../fonts/Druk Text Wide Cyr Heavy.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'DrukCyr-Bold';
    src: url('DrukCyr-Bold.eot');
    src: url('../fonts/DrukCyr-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DrukCyr-Bold.woff2') format('woff2'),
        url('../fonts/DrukCyr-Bold.woff') format('woff'),
        url('../fonts/DrukCyr-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
/* @font-face {
	font-family: 'Exo2-Black';
	src: url('../fonts/Exo2-Black.eot');
	src: url('../fonts/Exo2-Black.woff') format('woff'), 
		url('../fonts/Exo2-Black.ttf') format('truetype'), 
		url('../fonts/Exo2-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
} */
@font-face {
	font-family: 'Exo2-BlackItalic';
	src: url('../fonts/Exo2-BlackItalic.eot');
	src: url('../fonts/Exo2-BlackItalic.woff') format('woff'), 
		 url('../fonts/Exo2-BlackItalic.ttf') format('truetype'), 
		 url('../fonts/Exo2-BlackItalic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Exo2-Regular';
	src: url('../fonts/Exo2-Regular.eot');
	src: url('../fonts/Exo2-Regular.woff') format('woff'), 
		url('../fonts/Exo2-Regular.ttf') format('truetype'), 
		url('../fonts/Exo2-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'GeForce_Bold_ru';
	src: url('../fonts/GeForce_Bold_Cyrllic.eot');
	src: url('../fonts/GeForce_Bold_Cyrllic.woff') format('woff'), 
	     url('../fonts/GeForce_Bold_Cyrllic.ttf') format('truetype'), 
		 url('../fonts/GeForce_Bold_Cyrllic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Geforce_Light_ru';
	src: url('../fonts/Geforce_Light_Cyrillic.eot');
	src: url('../fonts/Geforce_Light_Cyrillic.woff') format('woff'), 
	     url('../fonts/Geforce_Light_Cyrillic.ttf') format('truetype'), 
		 url('../fonts/Geforce_Light_Cyrillic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lemon Tuesday';
	src: url('../fonts/Lemon Tuesday.eot');
	src: url('../fonts/Lemon Tuesday.woff') format('woff'), 
	     url('../fonts/Lemon Tuesday.ttf') format('truetype'), 
		 url('../fonts/Lemon Tuesday.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat Medium';
	src: url('../fonts/montserrat_medium.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/montserrat_medium.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('../fonts/montserrat_medium.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/montserrat_medium.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('../fonts/montserrat_medium.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/montserrat_medium.svg#montserrat_medium') format('svg'); /* Chrome < 4, Legacy iOS */
}
@font-face {
	font-family: 'PCPaintSmallBold';
	src: url('../fonts/PCPaintSmallBold.eot');
	src: url('../fonts/PCPaintSmallBold.woff') format('woff'), 
	     url('../fonts/PCPaintSmallBold.ttf') format('truetype'), 
		 url('../fonts/PCPaintSmallBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'PTSansBold';
	src: url('../fonts/PTS75F-webfont.eot');
	src: url('../fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/PTS75F-webfont.woff') format('woff'),
		 url('../fonts/PTS75F-webfont.ttf') format('truetype'),
		 url('../fonts/PTS75F-webfont.svg#PTSansBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'PTSansNarrowBold';
	src: url('../fonts/PTN77F-webfont.eot');
	src: url('../fonts/PTN77F-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/PTN77F-webfont.woff') format('woff'),
		 url('../fonts/PTN77F-webfont.ttf') format('truetype'),
		 url('../fonts/PTN77F-webfont.svg#PTSansNarrowBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'PTSansNarrowRegular';
	src: url('../fonts/PTN57F-webfont.eot');
	src: url('../fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/PTN57F-webfont.woff') format('woff'),
		 url('../fonts/PTN57F-webfont.ttf') format('truetype'),
		 url('../fonts/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'SkolSerifa';
	src: url('../fonts/SkolSerifa.eot');
	src: url('../fonts/SkolSerifa.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/SkolSerifa.woff') format('woff'),
		 url('../fonts/SkolSerifa.ttf') format('truetype'),
		 url('../fonts/SkolSerifa.svg#SkolSerifa') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'StalinistOne';
	src: url('../fonts/StalinistOne.eot');
	src: url('../fonts/StalinistOne.woff') format('woff'), 
		 url('../fonts/StalinistOne.ttf') format('truetype'), 
		 url('../fonts/StalinistOne.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'v_DigitalStrip_v1.5';
	src: url('../fonts/v_DigitalStrip_v1.5.eot');
	src: url('../fonts/v_DigitalStrip_v1.5.woff') format('woff'), 
	     url('../fonts/v_DigitalStrip_v1.5.ttf') format('truetype'), 
		 url('../fonts/v_DigitalStrip_v1.5.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_trebuchet_ms_ru';
	src: url('../fonts/trebuchet_ms.eot');
	src: url('../fonts/trebuchet_ms.woff') format('woff'), 
	     url('../fonts/trebuchet_ms.ttf') format('truetype'), 
		 url('../fonts/trebuchet_ms.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SegoeUI-Semilight';
  	src: url('../fonts/Segoe/SegoeUI-Semilight.eot') format('embedded-opentype');
	src: url('../fonts/Segoe/SegoeUI-Semilight.woff') format('woff'), 
	     url('../fonts/Segoe/SegoeUI-Semilight.ttf') format('truetype'), 
		 url('../fonts/Segoe/SegoeUI-Semilight.svg#SegoeUI-Semilight') format('svg');
	font-weight: normal;
	font-style: normal;
}