.kv{
   padding-top: 15rem;
   padding-bottom: 0rem;
}
.kv h1{
   text-align: right;
}
.kv-txtcon{
   width: 65rem;
   justify-self: flex-start;
   margin-top: 0rem;
   margin-bottom: 10rem;
}
.banner{width: 100%;}
.banner img{max-width: 100%;width: 100%;}



.build-list{
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
   flex-wrap: wrap;
   margin-left: -4rem;
   margin-right: -4rem;
   margin-top: 10rem;
}

.build-box{
   width: 43rem;
   margin: 0 4rem 8rem 4rem;
   padding: 2.4rem;
   border: 1px solid #231815;
   height: 66.8rem;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.build-box h4{
    font-size: 4rem;
    margin-bottom: 0;
}
.btn.small{
    width: 13.8rem;
    height: 2.7rem;
    font-size: 1.4rem;
    border-radius: .2rem;
}

.btn.small i{
    width: 4rem;
    border-left: none;
}

.btn.small i::before {
    width: 1rem;
    height: 1rem;
}

@media (max-width: 767px){
   .banner{        width: calc(100% - 11rem);}
   .kv{
      display: flex;
      flex-direction: column-reverse;
   }
   .kv h1{margin-top: 5rem;}
   .kv-txtcon{
      width: 100%;
      margin-top: 10rem;
      margin-bottom: 5rem;
   }
   .build-list{
        margin: 0 auto;
        padding-bottom: 10rem;
        width: calc(31.2rem * 2 + 1.2rem * 2);
    }
    .build-box{width: 31.2rem;height: 49rem;padding: 1.7rem;margin: .6rem;}
    .build-pic{height: 32.9rem;}
    .build-box h4{font-size: 3rem;}

    .btn.small{
        width: 11.9rem;
        height: 2.5rem;
        font-size: 1.3rem;
        padding-left: 1.5em;
        line-height: 2.5rem;
        border-radius: .5rem;
    }

    .btn.small i{
        width: 2.6rem;
        border-left: none;
    }

    .btn.small i::before {
        width: 1rem;
        height: 1rem;
    }
}