html,body {margin: 0;padding: 0;}
html {font-size: 20px;font-family: "Segoe UI",Helvetica,Roboto,sans-serif;line-height: 1.4285em; overflow: overlay;}
body {}
a {color: inherit;}
.holder {}
.firstscreen {position: relative;width: 100vw;height: 85vh;display: flex;flex-flow: column nowrap;justify-content: space-between;align-items: center;text-shadow: 0 0.25vw 0.25vw rgba(0,0,0,0.5);background: black;color: white;}
.firstscreen .bg {background: url(bg.jpg) no-repeat center;background-size: cover;position: absolute;left: 0;top: 0;width: inherit;height: inherit;z-index: 1;opacity: 0.5;}
.firstscreen .header {z-index: 2;position: relative;}
.firstscreen .middle {z-index: 3;position: relative;text-align: center;}
.firstscreen .middle h1 {margin: 0;font-size: 8vw;line-height: 1em;font-weight: 700;}
.firstscreen .middle p {font-size: 2vw;line-height: 1em;margin: 2vw 0 0 0;}
.firstscreen .footer {z-index: 2;position: relative;text-align: center;font-size: 1vw;line-height: 1em;}

.whatuhavetoknowaboutshilovo {padding: 4rem 0;font-size: 1rem;line-height: 1.4285em;}
.whatuhavetoknowaboutshilovo .wrapper {max-width: 60rem;margin: 0 auto;padding: 0 1rem;}
.whatuhavetoknowaboutshilovo h2 {margin: 0 0 2rem 0;}
.whatuhavetoknowaboutshilovo .item {position: relative;padding: 0 0 0 3rem;margin: 0 0 2rem;}
.whatuhavetoknowaboutshilovo .item .number {position: absolute;left: 0;top: -0.5rem;width: 2.5rem;height: 2.5rem;line-height: 2.5rem;text-align: center;border-radius: 50%;background: rgba(0,0,0,0.1);}

@media all and (orientation: portrait) {
    .firstscreen .middle h1 {font-size: 13vw;}
	.firstscreen .middle p {font-size: 6vw;}
	.firstscreen .footer {font-size: 4vw;}
	.whatuhavetoknowaboutshilovo {font-size: 4vw;padding: 5vh 0;}
}