.title-shop{height:300px}
.title-shop .title{font-size: 30px;}

.sec h1{font-size: 30px;line-height: 40px;}
.sec p{font-size: 16px;line-height: 21px;padding-bottom:25px;color:#222222}
.sec span{font-weight: 800;}
.sec1{margin-top:70px;text-align: center;margin-bottom:138px}
.sec1 h1{padding-bottom:40px}

.sec2 .content{display:grid; grid-template-columns: 255px auto;padding-top:40px}
.content .right{margin-left:60px;display: grid; grid-template-columns: auto 1fr;}
.content .left{width: 255px; background: #E7E7E7; font-size: 20px;display: grid;justify-items: center;align-items: center;margin-bottom:30px}
.content .sm{font-size:14px;justify-self: start;padding-left:20px;padding-top:10px}

.content .right .first{grid-column: 1/3;}
.sec2 h1{text-align: center;}
.sec2 .left p{font-size: 14px;margin:0;letter-spacing: 3px;text-align: center;}
.sec2 .left h2{font-size: 20px;margin:0;text-align: center;}
.sec2 .right img{padding-bottom:30px}
.prefooter{margin:0 auto;text-align: center; max-width: 1000px; display: grid; grid-template-columns: auto auto;margin-top:25vh; }
.prefooter h1{padding-bottom:42px}
#cert{max-width: 620px;}

@media only screen and (max-width: 1200px) {
    #cert{max-width: 100%;}
}

@media only screen and (max-width: 800px) {
    .content .left{ max-width: 140px}
    
    .sec2 .content{
        display: grid;
        grid-template-columns: 140px auto;
        padding-top: 40px;
    }
    .sec2 .left h2{font-size: 16px}
    .content .right {
        margin-left: 20px;}
        .content .right {
            grid-template-columns: auto auto;
        }
        .content .sm{margin-left:0!important}
}

@media only screen and (max-width: 500px) {

    .sec1 h1 {
      font-size:26px
    }
    .prefooter h1{font-size:26px}
    .sec2 .content{
        display: grid;
        grid-template-columns: 100px auto;
     
    }
    .content .left{ max-width: 100px}
    .sec p{font-size:14px}
    .sm{font-size: 12px;}
    .sec2 .left p{font-size: 12px;}
}