*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}@media only screen and (max-width:1170px){html{font-size:50%}}@media only screen and (max-width:420px){html{font-size:40%}}body{font-family:Montserrat,sans-serif;font-weight:400;color:#f5f5f5;font-size:1.6rem;background-color:#f5f5f5}.container{display:grid;grid-template-rows:80vh -webkit-min-content 40vw repeat(3,-webkit-min-content);grid-template-rows:80vh min-content 40vw repeat(3,min-content);grid-template-columns:[sidebar-start] 8rem [sidebar-end full-start] minmax(6rem,1fr) [center-start] repeat(8,[col-start] minmax(-webkit-min-content,14rem) [col-end]) [center-end] minmax(6rem,1fr) [full-end];grid-template-columns:[sidebar-start] 8rem [sidebar-end full-start] minmax(6rem,1fr) [center-start] repeat(8,[col-start] minmax(min-content,14rem) [col-end]) [center-end] minmax(6rem,1fr) [full-end]}@media only screen and (max-width:1170px){.container{grid-template-rows:6rem 80vh -webkit-min-content 40vw repeat(3,-webkit-min-content);grid-template-rows:6rem 80vh min-content 40vw repeat(3,min-content);grid-template-columns:[full-start] minmax(6rem,1fr) [center-start] repeat(8,[col-start] minmax(-webkit-min-content,14rem) [col-end]) [center-end] minmax(6rem,1fr) [full-end];grid-template-columns:[full-start] minmax(6rem,1fr) [center-start] repeat(8,[col-start] minmax(min-content,14rem) [col-end]) [center-end] minmax(6rem,1fr) [full-end]}}@media only screen and (max-width:830px){.container{grid-template-rows:6rem calc(100vh - 6rem) -webkit-min-content -webkit-min-content -webkit-min-content 50vw repeat(3,-webkit-min-content);grid-template-rows:6rem calc(100vh - 6rem) min-content min-content min-content 50vw repeat(3,min-content)}}.title-1{font-size:4.5rem;font-weight:700;color:#fff}.title-2{font-size:4rem;font-weight:700;color:#f5f5f5;line-height:100%}.title-3{font-size:1.9rem;font-weight:700;color:#425844}.title-3_white{color:#fff}.title-3_green-light{color:#61a568}.title-4{font-size:1.4rem;font-weight:300;color:#61a568}.cards{background-color:#f5f5f5;grid-column:center-start/center-end;display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));grid-gap:4rem 6rem;padding:15rem 0}@media only screen and (max-width:420px){.cards{padding:5rem 0}}.card{background-color:#101d2c;display:grid;grid-template-columns:repeat(2,1fr);grid-row-gap:4.5rem}.card__img{width:100%;grid-column:1/-1;grid-row:1/2}.card__title{grid-column:1/-1;grid-row:1/2;padding:1.5rem 0;background-color:#425844;font-size:1.6rem;font-weight:700;text-align:center;color:#f5f5f5;width:80%;justify-self:center;align-self:end;z-index:2;transform:translateY(50%)}.card__svg{width:2rem;height:2rem;margin-right:1rem}.card__btn{grid-column:1/-1}.content{margin-left:2.5rem;display:flex}.content p{font-size:1.6rem;color:#f5f5f5;font-weight:300}.header{background-color:#101d2c;grid-column:full-start/col-end 6;padding:5rem 5rem 5rem 6rem;display:grid;grid-template-rows:1fr -webkit-min-content minmax(10rem,-webkit-min-content) 1fr;grid-template-rows:1fr min-content minmax(10rem,min-content) 1fr;background:url(../icons/header-bg.png) center/cover no-repeat}@media only screen and (max-width:830px){.header{grid-column:full-start/full-end}}.header__btn{align-self:start;justify-self:start}.header__line-text{font-size:1.6rem;color:#aaa;font-weight:700;display:grid;grid-template-columns:1fr -webkit-max-content 1fr;grid-template-columns:1fr max-content 1fr;grid-column-gap:2rem;align-items:center;margin-bottom:1rem}.header__line-text::after,.header__line-text::before{content:"";height:.1rem;display:block;background-color:#aaa}.header__img{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;grid-gap:2rem}.header__img img{height:2.5rem;-webkit-filter:brightness(70%);filter:brightness(70%)}.logo{display:block;margin-bottom:8rem}.logo__img{display:block;margin:0 auto}.feathures{padding:15rem 0;background-color:#f5f5f5;grid-column:center-start/center-end;display:grid;grid-template-columns:repeat(auto-fit,minmax(28rem,1fr));grid-gap:3rem 4rem;align-items:start}@media only screen and (max-width:420px){.feathures{padding:5rem 0}}.feature{display:grid;grid-template-columns:-webkit-min-content 1fr;grid-template-columns:min-content 1fr;grid-gap:1.5rem 2.5rem}.feature__icon{width:4.5rem;height:4.5rem;grid-row:1/span 2;transform:translateY(-1rem)}.feature__text{font-size:1.6rem;font-weight:400;line-height:113%;color:#425844}.gamers{background-color:#101d2c;grid-column:col-start 7/full-end;display:grid;grid-template-columns:-webkit-max-content;grid-template-columns:max-content;grid-gap:4rem 2rem;align-content:center;justify-content:center}@media only screen and (max-width:830px){.gamers{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));justify-items:center;padding:5rem 0}}@media only screen and (max-width:420px){.gamers{grid-template-columns:-webkit-min-content;grid-template-columns:min-content;justify-items:start}}.gamers__box{display:grid;grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content;grid-column-gap:2rem}.gamers__title{grid-column:1/-1;justify-self:center}.gamers__img{width:7rem}.gamers__text{align-self:center}.gamers__score{font-size:1.6rem;color:#aaa;font-weight:300}.banner-img{background-color:#101d2c;grid-column:full-start/col-end 4;display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(24,1fr);background:url(../img/bacground.png) center/cover no-repeat}@media only screen and (max-width:830px){.banner-img{grid-column:1/-1}}.banner-img__img-1{width:100%;grid-column:3/15;grid-row:3/12}@media only screen and (max-width:830px){.banner-img__img-1{grid-column:2/10}}.banner-img__img-2{width:100%;grid-column:5/-1;grid-row:10/23;transform:translateX(3.5rem)}@media only screen and (max-width:830px){.banner-img__img-2{grid-column:8/15}}.banner-text{background-color:#101d2c;grid-column:col-start 5/full-end;padding:4rem;display:grid;align-content:center;justify-items:start}@media only screen and (max-width:830px){.banner-text{grid-column:1/-1;grid-row:5/6}}.banner-text__text{margin-bottom:4rem}.sidebar{background-color:#425844;grid-column:sidebar-start/sidebar-end;grid-row:1/-1;padding-top:3.7rem;display:flex;justify-content:start}@media only screen and (max-width:1170px){.sidebar{grid-row:1/2;grid-column:1/-1}}.navigation__toggle{display:none}.navigation__button{background-color:#425844;height:8rem;width:8rem;position:fixed;top:0rem;z-index:200;text-align:center;cursor:pointer}@media only screen and (max-width:1170px){.navigation__button{align-content:center;justify-self:end;height:6rem;width:6rem;right:5rem;background-color:rgba(66,88,68,.368627451)}}.navigation__background{width:6rem;height:6rem;border-radius:20%;background:#425844;position:fixed;left:0rem;top:0rem;z-index:100;opacity:70%;transition:all .7s}@media only screen and (max-width:1170px){.navigation__background{width:4rem;height:4rem;left:100%}}.navigation__nav{height:100vh;width:0;position:fixed;top:0;right:0;z-index:150;opacity:0;transition:all .3s cubic-bezier(.68,-.6,.32,1.6)}.navigation__list{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);list-style:none;width:100%}.navigation__item{text-align:center}.navigation__item:not(:last-child){margin-bottom:5rem}.navigation__link:link,.navigation__link:visited{font-size:2.5rem;color:#f5f5f5;letter-spacing:.5rem;line-height:150%;text-decoration:none;text-transform:uppercase;background:linear-gradient(120deg,transparent 0,transparent 50%,#61a568 50%);background-size:220%;padding:.5rem 2rem;transition:all .4s;display:inline-block}@media only screen and (max-width:830px){.navigation__link:link,.navigation__link:visited{font-size:2rem;line-height:130%}}@media only screen and (max-width:420px){.navigation__link:link,.navigation__link:visited{font-size:1.8rem;line-height:120%}}.navigation__link:active,.navigation__link:hover{background-position:100%;color:#101d2c;transform:translateX(1rem)}.navigation__toggle:checked~.navigation__background{transform:scale(80)}.navigation__toggle:checked~.navigation__nav{width:100%;opacity:1}.navigation__icon{position:relative;margin-top:3.7rem}.navigation__icon,.navigation__icon::after,.navigation__icon::before{width:3rem;height:.2rem;background:#f5f5f5;display:inline-block;transition:all .2s}.navigation__icon::after,.navigation__icon::before{content:"";position:absolute;left:0}.navigation__icon::before{top:-.8rem}.navigation__icon::after{top:.8rem}@media only screen and (max-width:1170px){.navigation__icon{margin-top:0rem}}.navigation__button:hover .navigation__icon::before{top:-1rem}.navigation__button:hover .navigation__icon::after{top:1rem}.navigation__toggle:checked+.navigation__button .navigation__icon{background:rgba(0,0,0,0)}.navigation__toggle:checked+.navigation__button .navigation__icon::before{top:0;transform:rotate(135deg)}.navigation__toggle:checked+.navigation__button .navigation__icon::after{top:0;transform:rotate(-135deg)}.gallery{background-color:#101d2c;grid-column:full-start/full-end;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(7,5vw);grid-gap:1.5rem;padding:1.5rem}.gallery__item-1{grid-column:1/3;grid-row:1/3}.gallery__item-2{grid-column:3/span 3;grid-row:1/span 3}.gallery__item-3{grid-column:6/span 1;grid-row:1/span 2}.gallery__item-4{grid-column:7/-1;grid-row:1/span 2}.gallery__item-5{grid-column:1/span 2;grid-row:3/span 3}.gallery__item-6{grid-column:3/span 2;grid-row:4/span 2}.gallery__item-7{grid-column:5/6;grid-row:4/5}.gallery__item-8{grid-column:6/span 2;grid-row:3/span 2}.gallery__item-9{grid-column:8/-1;grid-row:3/span 3}.gallery__item-10{grid-column:1/2;grid-row:6/span 2}.gallery__item-11{grid-column:2/span 2;grid-row:6/span 2}.gallery__item-12{grid-column:4/5;grid-row:6/span 2}.gallery__item-13{grid-column:5/span 3;grid-row:5/span 3}.gallery__item-14{grid-column:8/-1;grid-row:6/span 2}.gallery__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.footer{background-color:#101d2c;grid-column:full-start/full-end;padding:8rem 3rem;border-top:solid .3rem #f5f5f5}.nav__list{list-style-type:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));justify-items:center;grid-gap:3.5rem}.nav__link:link,.nav__link:visited{font-size:1.6rem;font-weight:300;text-transform:uppercase;color:#f5f5f5;text-decoration:none;text-align:center;transition:.3 all;display:inline-block}.nav__link:active,.nav__link:hover{color:#425844;transform:translateY(-.3rem)}.btn{font-size:1.6rem;font-weight:700;text-transform:uppercase;color:#f5f5f5;background-color:#61a568;border:0;padding:1.5rem 3rem}.btn:hover{background:#425844}.mb-sm{margin-bottom:3rem}