#about-container{width:95vw;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin:40px auto 20px;padding:15px;box-sizing:border-box;border-radius:10px}.titleAbout{font-size:25px}.description{font-size:20px}#about-container>img{justify-self:center;align-self:center;width:70%;height:auto;mix-blend-mode:multiply}.benefit-container{margin-top:15px;grid-column:1/3;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.benefit-container>.benefit{background:linear-gradient(270deg,rgb(244,236,212),rgba(240,236,223));border-radius:15px;padding:25px;display:flex;flex-direction:column}.benefit>span:first-child{font-size:25px}.container>.button{margin-top:10px;width:30%;height:40px;background-color:rgb(224,209,164);position:relative}.container>.button,.container>.button:before{border-radius:5px;display:flex;justify-content:center;align-items:center}.container>.button:before{content:"";width:0;height:100%;position:absolute;background-color:rgb(214,196,140);transition:.3s;right:0}.container>.button:hover:before{content:"";width:100%;height:100%}.container>.button>span{z-index:3}.container>.button:hover{cursor:pointer}@media only screen and (max-width:1065px) and (min-width:552px){.benefit-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}#about-container{grid-template-columns:1fr 1fr;grid-template-rows:.5fr .4fr}.container{grid-column:1/3}#about-container>img{width:100%;height:auto;grid-column:1/3}}@media only screen and (max-width:552px){.benefit-container{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,1fr)}.container{grid-column:1/3}#about-container{grid-template-columns:1fr 1fr;grid-template-rows:1fr .4fr}#about-container>img{width:100%;height:auto;grid-column:1/3}.container>.button{width:100%}}