@media (max-width: 550px) {
     .title {
         margin: 20px 0 15px;
         font-weight: 900;
         font-size: 20px;
         color: #2F2E2E;
         line-height: 40px;
         font-family: Roboto, Roboto;
     }

     .sec {
         width: 90%;
         padding-left: 5%;
     }

     .sec-main {
         margin-bottom: 60px;
     }

     .all h3 {
         font-weight: bold;
         font-size: 16px;
         color: #2F2E2E;
         line-height: 26px;
         margin: 0px 0 15px 0;
         font-family: Roboto, Roboto;
     }

     .all p {
         font-size: 16px;
         color: #666;
         margin-top: -5px;
         font-family: Roboto, Roboto;
         line-height: 25px;
     }
 }

 @media (min-width: 551px) {
     .title {
         margin: 70px 0 50px;
         font-weight: 900;
         font-size: 47px;
         color: #2F2E2E;
         line-height: 60px;
         font-family: Roboto, Roboto;
     }

     .sec {
         width: 80%;
         padding-left: 10%;
         margin-left: 10px;
     }


     .sec-main {
         margin-bottom: 120px;
     }


     .all h3 {
         font-weight: bold;
         font-size: 25px;
         color: #2F2E2E;
         line-height: 40px;
         margin: 25px 0 25px;
         font-family: Roboto, Roboto;
     }

     .all p {
         font-size: 20px;
         color: #666;
         font-family: Roboto, Roboto;
         line-height: 32px;
     }

 }