*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
body{
  background-color:#3559e6;
  font-family:'Nunito Sans', sans-serif;
  color:#fff;
}
.main-wrapper{
  width:1170px;
  padding:20px;
  max-width:100%;
  margin:auto;
}
@media screen and (max-width: 767px){
.main-wrapper{
    width:499px;
    padding-bottom:0
}
  }
.header-wrapper{
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  position:relative;
}
@media screen and (min-width: 767px){
.header-wrapper{
    margin-top:20px;
    -webkit-justify-content:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-flex-direction:column;
        -ms-flex-direction:column;
            flex-direction:column
}
  }
@media screen and (max-width: 767px){
      .header-wrapper img{
          width:60px;
      }
  }
.header-wrapper:before{
    content:"";
    position:absolute;
    border-radius:30px;
    border-bottom:12px solid #4271ea;
    width:220px;
    bottom:6px;
    z-index:1;
  }
@media screen and (max-width: 767px){
.header-wrapper:before{
      width:110px;
      bottom:-5px
  }
  }
.header-wrapper__inner{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
    position:relative;
    z-index:2;
  }
@media screen and (max-width: 767px){
.header-wrapper__inner{
      -webkit-justify-content:flex-start;
          -ms-flex-pack:start;
              justify-content:flex-start
  }
    }
.header-wrapper__text{
    margin-left:12px;
    font-size:58px;
  }
@media screen and (max-width: 767px){
.header-wrapper__text{
      font-size:30px;
      margin-left:6px
  }
  }
.site-select-text{
  margin-top:50px;
  margin-bottom:40px;
  text-align:center;
  font-size:22px;
}
@media screen and (max-width: 767px){
.site-select-text{
    text-align:left;
    margin-top:28px;
    margin-bottom:24px
}
  }
.cards-row{
  margin-left:auto;
  margin-right:auto;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
}
.card-thumbnail{
  background-color:#f6f2d3;
  border-radius:15px;
  width:100%;
  height:140px;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.card-text{
  font-size:14px;
  font-weight:bold;
  margin-top:8px;
}
.card{
  width:22%;
  background-color:#fff;
  border-radius:15px;
  padding:16px;
  margin-left:14px;
  margin-right:14px;
  color:#000;
  text-decoration:none;
  cursor:pointer;
  margin-bottom:20px;
  box-shadow:0 3px 15px rgba(116, 127, 149, 0.24);
}
.card:hover{
    -webkit-transform:scale(1.03);
            transform:scale(1.03);
    text-decoration:none;
    transition:all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
@media screen and (max-width: 1100px){
.card{
    width:48%
}
  }
@media screen and (max-width: 767px){
.card{
    width:100%
}
  }
.card img{
    max-width:140px;
    max-height:100px;
  }
.card__title{
    font-size:40px;
  }
@media screen and (max-width: 767px){
.card__title{
      font-size:24px
  }
    }
.card__sub-title{
    font-size:22px;
  }
@media screen and (max-width: 767px){
.card__sub-title{
      font-size:16px
  }
    }
.card__img-wrapper{
    text-align:right;
  }
@media screen and (max-width: 767px){
.card__img-wrapper img{

        max-height:120px

    }
    }
.footer{
  max-width:69% !important;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  margin:auto;
}
@media screen and (max-width: 499px){
.footer{
  max-width:80% !important
}

  }