body{
    color: #463c3c;
}
main{
    margin-top: 90px;
}
@media screen and (max-width: 699px){
    main{margin-top: 40px;}
}
main .hero{
    /*background-image: url('../../assets/images/hero\ photo.png');*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right -290px center;
}
.hero .content{
    background-image: url('../../assets/images/place-holder-for-hero-page.png.gif');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 100vh;
}
.content .hero-text{
    max-width: 480px;
    margin: 50px;
    padding: 25px;
    margin-top: 170px;
}
@media screen and (max-width: 799px){
    main .hero{
        margin-top: 99px;
        background-position: center;
    }
    .hero .content{
        background: linear-gradient(to bottom, #fff, #fff, rgba(255, 255, 255, 0.5), transparent);
        height: 100%;
    }
    .content .hero-text{
        max-width: 100vw;
        margin: 10px;
    }
}
.content .hero-text p{
    font-size: 19px;
    margin-top: 30px;
}
.content .btn{
    padding: 10px;
    width: 200px;
    border-radius: 25px;
    font-size: 17px;
    margin-top: 70px;
}
.why-us .item{
    display: grid;
    place-items: center;
    padding: 25px;
    margin: 5px;
    background-color: #e5e2e2;
    border-radius: 20px;
    width: 300px;
    height: 380px
}
.why-us .item-h{
    display: flex;
    font-size: 31px;
    align-items: center;
    font-weight: 600;
    color: var(--theme);
    padding: 17px;
}
.why-us .ico img{
    width: 70px;
    height: 70px;
    object-fit: cover;
    margin: 5px;
}
.why-us .btn{
    padding: 9px;
    border-radius: 20px;
    font-size: 19px;
    width: 180px;
}
.why-us .text{
    display: grid;
    place-items: center;
    font-size: 22px;
    padding: 5px;
    margin-left: 50px;

}

@media screen and (max-width: 799px) {
    .why-us .items{flex-direction: column;}
    .why-us .item{width: 85%;border-radius: 10px;}
    .why-us .text{padding: 10px;}
    .process .binder-b{margin: 15px;}
}

.binder{padding: 20px;}
.binder .items{margin-top: 70px;}
.binder .item{
    margin: 5px;
    border: 1.5px solid #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 24px;
    width: 350px;
    border-radius: 15px;
    padding: 10px;
}
.binder .ico{
    background-color: var(--theme);
    padding: 20px;
    transform: translateY(-70px);
}
.binder .item-h{font-weight: 600;font-size: 26px;padding: 0;margin: 0;}
.binder .item img{
    width: 80px;
    height: 80px;
    object-fit: cover;
}
.binder .text{
    margin-top: 25px;
    display: grid;
    place-items: center;
    margin: 35px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 200;
}
.binder .btn{
    margin: 20px;
    padding: 8px;
    width: 180px;
    border-radius: 20px;
    text-align: center;
}
@media screen and (max-width: 799px) {
    .binder .items{flex-direction: column;}
    .binder .item{margin-bottom: 80px;}
    .binder .item .ico{padding: 5px;transform: translateY(-60px);}
}

.send-files{
    background-image: url('../../assets/images/Working-as-a-paralegal-1536x1025.png');
    background-size: cover;
    background-repeat: no-repeat;
}
.send-files .content{
    background-image: url('../../assets/images/Lets-Simplify-placeholder.png');
    background-repeat: no-repeat;
    height: 100vh;
    width: 70%;
    background-size: cover;
}
.send-files .content .container{
    margin: 20px;
    padding: 20px;
    max-width: 470px;
}
.send-files .l{font-size: 65px;}
.send-files p{font-size: 26px;margin-top: 20px;font-weight: 600;}

@media screen and (max-width: 799px){
    .send-files .content{
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.6);
        background-position: center;
    }
}
.solution{
    max-width: 550px;
    padding: 40px;
}

.process{
    width: 100%;
    background-color: #f6f1f1;
}
.process .line{
    width: 250px;
    height: 3px;
    background-color: var(--theme);
}
.process ul li{
    margin: 24px;
    font-size: 25px;
}
.process ul li::marker{color: var(--theme);}
@media screen and (max-width: 799px){
    .our-solution{display: inline-block;margin-top: 80px;}
    .solution{max-width: 100vw;padding: 0;margin: 7px;}
    .process{padding: 0;margin-top: 40px;height: 350px;display: grid;place-items: center;}
    .process-container div:nth-child(1){margin-top: 65px;}
}
.printing{
    background-image: url('../../assets/images/printing--and-trial--photo.png');
    background-size: cover;
    background-repeat: no-repeat;
}
.printing .content{
    max-width: 550px;
    height: 100vh;
    padding: 60px;
}
@media screen and (max-width: 799px){
    .printing{background-position: -630px;}
    .printing .content{max-width: 100vw;padding: 5px;margin-top: 30px;height: 100%;}
}
.why-us-2 .items .item img{
    width: 100%;
    height: 280px;
    object-fit: cover;
}
.why-us-2 .item{
    width: 390px;
    height: 630px;
    background-color: #f1e8e8;
    margin: 5px;
}
.why-us-2 .b{
    font-size: 30px;
    color: var(--theme);
    font-weight: 1600;
    padding: 20px;
    display: grid;
    place-items: center;
}
.why-us-2 .item p{font-size: 22px;padding: 20px;}

@media screen and (max-width: 799px){
    .why-us-2 .items{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .why-us-2 .item{width: 95%;}
}
.structured-process{margin-top: 60px;}
.structured-process .container{width: 95%}
.structured-process .img img{
    width: 100%;
    height: 350px;
}
.structured-process .items .item{
    padding: 25px;
    margin: 1.5px;
    flex-grow: 1;
    background: #b8b7b7;
    font-size: 17px;
    height: 160px;
    color: #000;
}
.structured-process .item .b{font-size: 19px;}
.structured-process .item p{margin-top: 20px;}

@media screen and (max-width: 799px){
    .structured-process .container{width: 100%;}
    .structured-process .img img{
        height: 240px;
        object-fit: cover;
    }
    .structured-process .items{flex-wrap: wrap;}
    .structured-process .item{flex-grow: 1;}

}