* {
     padding: 0;
     margin: 0;
     box-sizing: border-box;
     list-style-type: none;
 }

 .backgroundHome {
     width: 100vw;
     height: 100vh;
     background-image: url("./assets/newPhoto.jpg");
     background-size: cover;
 }


 .principalMenu {
     display: flex;
     justify-content: space-between;
     margin-left: 120px;
     margin-right: 120px;
 }

 .links {
     display: flex;
     gap: 35px;
     color: #E6D3B3;
     font-family: "Merriweather", serif;
     font-size: 11px;
     font-weight: 300;
     letter-spacing: 3px;
 }


 .link {
     all: unset;
     cursor: pointer;
     margin-top: 15px;
 }

 .logo {
     all: unset;
     cursor: pointer;
     padding-right: 600px;
 }

 .logoInspire {
     width: 220px;
     height: 100px;
     margin-top: 15px;

 }

 .img {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .h1PrincipalText {
     font-size: 80px;
     margin-top: 150px;
     margin-left: 50px;
     font-family: "Merriweather", serif;
     font-weight: 100;
     color: #E6D3B3;
     letter-spacing: 10px;
 }

 .h3PrincipalText {
     width: 700px;
     height: 24px;
     font-size: 20px;
     margin-top: 50px;
     margin-left: 50px;
     font-family: "Merriweather", serif;
     font-weight: 400;
     font-style: italic;
     color: #E6D3B3;
 }

 .whatsBttHome {
     all: unset;
     display: flex;
     width: 230px;
     height: 60px;
     justify-content: center;
     cursor: pointer;
     margin-top: 170px;
     margin-left: 50px;
     border-radius: 50px;
     background-color: #505c45;
     color: #E6D3B3;
     font-family: "Merriweather", serif;
 }

 .btt {
     all: unset;
     cursor: pointer;
     border-radius: 10px;
     font-family: "Roboto", sans-serif;
     font-size: large;
     font-weight: 500;
     color: #E6D3B3;
     margin-top: 20px;
     margin-left: 5px;
 }

 .linkButtonWhatsapp {
     all: unset;
 }

 .inspireCouture {
     all: unset;
     cursor: pointer;
 }

 .textInspireCouture {
     margin-left: 1300px;
     font-family: "Merriweather", serif;
     font-weight: 400;
     color: #E6D3B3;
     letter-spacing: 10px;
     margin-bottom: 10px;
 }

 .logoInspireCouture {
     margin-left: 1350px;
     width: 220px;
     height: 100px;
 }

 .whoWeAre {
     margin-top: 40px;
     margin-bottom: 225px;
     margin-left: 130px;
 }

 .aboutUs {
     width: 100vw;
     height: 100vh;
     display: flex;
     justify-content: center;
     flex-direction: row-reverse;
     gap: 40px;
     padding-top: 160px;
     margin-right: 100px;
     background-color: #505c45;
 }

 .titleAboutUs {
     padding-bottom: 25px;
     font-family: "Merriweather", serif;
     color: #E6D3B3;
     font-weight: 400;
     font-size: 25px;
     letter-spacing: 10px;
 }

 .subtitleAboutUs {
     display: flex;
     width: 650px;
     height: 100px;
     font-family: "Merriweather", serif;
     font-size: 16px;
     font-weight: 300;
     line-height: 1.4;
     font-style: normal;
     letter-spacing: 0.5px;
     color: #E6D3B3;
 }

 .aboutUsPhoto {
     width: 430px;
     height: 660px;
     margin-right: 25px;
     margin-left: 25px;
 }

 .ourServices {
     width: 100vw;
     height: auto;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 20px;
     padding-top: 70px;
     padding-bottom: 200px;
     background-color: #505c45;
 }

 .body {
     background-color: #505c45;
 }

 .servicesText {
     display: flex;
     width: 100vw;
     justify-content: center;
     align-items: center;
     height: 80px;
     color: #E6D3B3;
     font-family: "Merriweather", serif;
     font-weight: 400;
     line-height: 1.5;
     letter-spacing: 10px;
     background-color: #505c45;
     font-size: 25px;
 }

 .titleServices {
     display: flex;
     justify-content: center;
     align-items: center;
     font-family: "Merriweather", serif;
     font-size: 23px;
     letter-spacing: 10px;
     font-weight: 400;
     line-height: 1.5;
     color: #E6D3B3;
 }

 .subtitleServices {
     display: flex;
     justify-content: center;
     align-items: center;
     font-family: "Merriweather", serif;
     font-size: 16px;
     font-weight: 300;
     line-height: 1.4;
     color: #E6D3B3;
     font-style: normal;
     letter-spacing: 0.5px;
     margin-bottom: 10px;
 }

 .buttonServices {
     all: unset;
     cursor: pointer;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 150px;
     height: 44px;
     border-radius: 50px;
     color: #667558;
     background-color: #E6D3B3;
     margin-left: 200px;
     font-family: "Merriweather", serif;
     font-size: 16px;
     font-weight: 300;
     line-height: 1.4;
     font-style: normal;
     letter-spacing: 0.5px;
 }


 .skinCleaningPhoto {
     width: 550px;
     height: 450px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .hotStoneMassagePhoto {
     width: 350px;
     height: 250px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 10px;
 }


 .pindasMassagePhoto {
     width: 550px;
     height: 450px;
     display: flex;
     align-items: center;
     justify-content: center;

 }


 body {
     font-family: "Merriweather", serif;
 }



 .swiper {
     width: 100%;
     padding: 20px;
 }

 .swiper-slide {
     background-color: #505c45;
     border: 1px solid #E6D3B3;
     padding: 15px;
     display: flex;
     flex-direction: column;
 }

 .stars {
     color: gold;
     font-size: 18px;
 }

 .reviewClient {
     height: 140px;
     font-size: 14px;
     margin: 10px;
     color: #E6D3B3;

 }

 .customerInfo {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-top: 10px;
     color: #E6D3B3;
 }

 .customerInfo img {
     width: 50px;
     height: 50px;
     border-radius: 50%;

 }

 .customeInfoText {
     font-size: 14px;
 }


 .textReview {
     display: flex;
     justify-content: center;
     margin-bottom: 100px;
     font-family: "Merriweather", serif;
     color: #E6D3B3;
     font-weight: 400;
     font-size: 25px;
     letter-spacing: 10px;
 }


 .contactUs {
     display: flex;
     width: 100vw;
     height: 100vh;
     justify-content: center;
     padding-top: 150px;
     background-color: #505c45;
     font-family: "Merriweather", serif;
 }

 .contactInfoBox {
     display: flex;
     flex-direction: column;
     width: 500px;
     height: 550px;
     background-color: #E6D3B3;
     font-size: 12px;
     font-family: "Merriweather", serif;
     color: #505c45;
 }

 .contactInfoPhone {
     display: flex;
     flex-direction: column;
     margin-top: 20px;
     margin-left: 30px;
     width: 500px;
     height: 350px;
     background-color: #E6D3B3;
     color: #505c45;
 }

 .contactPhone {
     display: flex;
     align-items: center;
     font-weight: 400;
     font-size: 10px;
     font-family: "Merriweather", serif;
     gap: 15px;
 }

 .contactInfoLocation {
     display: flex;
     flex-direction: column;
     margin-left: 30px;
     width: 500px;
     height: 350px;
     background-color: #E6D3B3;
     color: #505c45;
     margin-bottom: 27px;
 }

 .contactNumber a {
     font-family: "Merriweather", serif;
     font-weight: 400;
     font-size: 10px;
     margin-left: 30px;
     color: #505c45;
 }

 .contactPhone i.ph-phone-call {
     font-size: 30px;
 }

 .contactPhone h3,
 .contactNumber a {
     font-weight: normal;
     font-size: 16px;
     text-decoration: none;
     color: #505c45;
 }

 .contactLocation {
     margin-bottom: 4px;
 }

 .contactLocation h3 {
     font-family: "Merriweather", serif;
     font-weight: 400;
     font-size: 16px;
 }


 .contactLocation i {
     font-size: 30px;
 }

 .contactLocation a {
     display: flex;
     align-items: center;
     text-decoration: none;
     color: #505c45;
     gap: 8px;
 }


 .contactLocation a:hover {
     color: #505c45;
 }

 .contactAddress h3 {
     font-size: 16px;
     font-weight: 400;
     margin: 0;
     margin-top: 6px;
     margin-left: 30px;
     gap: 5px;
 }

 .contactInfoHour {
     display: flex;
     flex-direction: column;
     gap: 12px;
     margin-left: 30px;
     font-family: "Merriweather", serif;
     color: #505c45;
     margin-bottom: 30px;
 }


 .contactClock {
     display: flex;
     align-items: center;
     gap: 15px;
 }

 .contactClock i {
     font-size: 30px;
     line-height: 1;
 }

 .contactClock h3 {
     font-size: 16px;
     font-family: "Merriweather", serif;
     font-weight: 400;
     margin: 0;
 }

 .contactHour {
     display: flex;
     flex-direction: column;
     gap: 6px;

 }

 .contactHour h3 {
     font-size: 16px;
     margin: 0;
     font-weight: normal;
     font-family: "Merriweather", serif;
     margin-left: 30px;
 }

 .contactInfoEmail {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start;
     margin-left: 30px;
     width: 500px;
     background-color: #E6D3B3;
     color: #505c45;
 }

 .contactEmail {
     display: flex;
     align-items: center;
     gap: 8px;
     margin-bottom: 10px;
 }

 .contactEmail i {
     font-size: 30px;
     line-height: 1;
 }

 .contactEmailAdress a {
     text-decoration: none;
     color: #505c45;
     font-size: 16px;
     margin-left: 30px;
 }

 .contactEmailAdress {
     margin-top: 4px;
 }

 .contactEmail h3 {
     font-family: "Merriweather", serif;
     font-weight: 400;
     font-size: 16px;
     margin: 0;
     margin-left: 10px;

 }

 .buttonsSocials {
     all: unset;
     text-decoration: none;
     color: #505c45;
 }

 .buttonsSocials i {
     font-size: 30px;
 }

 .buttonsSocials:hover {
     transform: scale(1.2);
     color: #505c45;
 }


 .textSocials {
     display: flex;
     margin-top: 40px;
     margin-left: 60px;
     font-family: "Merriweather", serif;
     font-weight: 400;
     color: #505c45;
     font-size: 16px;
 }

 .socials {
     display: flex;
     margin-top: 10px;
     margin-left: 90px;
     margin-bottom: 10px;
     gap: 10px;
     cursor: pointer;
     size: 16px;
 }


 .boxInfo {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 500px;
     height: 550px;
     gap: 20px;
     flex-direction: column;
     background-color: #E6D3B3;
     font-family: "Merriweather", serif;
     border-left: 1px solid #505c45;
 }

 .titleWeCallYou {
     font-family: "Merriweather", serif;
     font-size: 20px;
     font-weight: 300;
     line-height: 1.4;
     font-style: normal;
     letter-spacing: 10px;
 }

 .boxInfoName {
     all: unset;
     width: 450px;
     height: 40px;
     background-color: white;
     border: none;
     font-family: "Merriweather", serif;
     font-size: 16px;
     font-weight: 300;
     line-height: 1.4;
     font-style: normal;
     letter-spacing: 0.5px;
 }

 .boxInfoTelephone {
     all: unset;
     width: 450px;
     height: 40px;
     background-color: white;
     border: none;
     font-family: "Merriweather", serif;
     font-size: 16px;
     font-weight: 300;
     line-height: 1.4;
     font-style: normal;
     letter-spacing: 0.5px;
     color: #3F3F55;
 }

 .boxInfoEmail {
     all: unset;
     width: 450px;
     height: 40px;
     background-color: white;
     border: none;
     font-family: "Merriweather", serif;
     font-size: 16px;
     font-weight: 300;
     line-height: 1.4;
     font-style: normal;
     letter-spacing: 0.5px;
     color: #3F3F55;
 }

 .boxInfoMessage {
     all: unset;
     width: 450px;
     height: 200px;
     background-color: white;
     border: none;
     font-family: "Merriweather", serif;
     font-size: 16px;
     font-weight: 300;
     line-height: 1.4;
     font-style: normal;
     letter-spacing: 0.5px;
     color: #3F3F55;
 }

 .buttonBoxInfo {
     all: unset;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     width: 150px;
     height: 44px;
     background-color: #505c45;
     border-radius: 50px;
     font-family: "Merriweather", serif;
     font-size: 16px;
     font-weight: 300;
     line-height: 1.4;
     font-style: normal;
     letter-spacing: 0.5px;
     color: #E6D3B3;
 }

 /* Responsividade Para Celulares */
 @media (max-width: 360px) {
     .backgroundHome {
         width: 1800PX;
         height: auto;
         background-image: url("./assets/newPhoto.jpg");
         background-size: cover;
     }

     .principalMenu {
         display: flex;
         justify-content: space-between;
         margin-left: 90px;
         margin-right: 100px;
     }

     .logo {
         all: unset;
         cursor: pointer;
     }

     .logoInspire {
         width: 220px;
         height: 100px;
         margin-top: 15px;
     }


     .whoWeAre {
         margin-top: 40px;
         margin-bottom: 225px;
         margin-left: 130px;
     }

     .aboutUs {
         height: 100vh;
         width: 1665px;
         display: flex;
         justify-content: center;
         flex-direction: row-reverse;
         gap: 40px;
         padding-top: 160px;
         margin-right: 100px;
         background-color: #505c45;
     }

     .titleAboutUs {
         padding-bottom: 25px;
         font-family: "Merriweather", serif;
         color: #E6D3B3;
         font-weight: 400;
         font-size: 25px;
         letter-spacing: 10px;

     }

     .subtitleAboutUs {
         display: flex;
         width: 650px;
         height: 100px;
         font-family: "Merriweather", serif;
         font-size: 16px;
         font-weight: 300;
         line-height: 1.4;
         font-style: normal;
         letter-spacing: 0.5px;
         color: #E6D3B3;
         margin-bottom: 100px;
     }

     .aboutUsPhoto {
         width: 430px;
         height: 660px;
         margin-right: 25px;
         margin-left: 25px;
     }

     .ourServices {
         width: 1685px;
         height: auto;
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 35px;
         padding-top: 70px;
         padding-bottom: 200px;
         background-color: #505c45;
         padding-left: 100px;
     }

     .servicesText {
         display: flex;
         width: 1685px;
         justify-content: center;
         align-items: center;
         height: 80px;
         margin-top: 450px;
         color: #E6D3B3;
         font-family: "Merriweather", serif;
         font-weight: 400;
         line-height: 1.5;
         letter-spacing: 10px;
         background-color: #505c45;
         font-size: 25px;
     }


     .reviews {
         width: 1665px;
     }

     .contactUs {
         display: flex;
         width: 1665px;
         height: 100vh;
         justify-content: center;
         padding-top: 150px;
         background-color: #505c45;
         font-family: "Merriweather", serif;
     }
 }

 @media (max-width: 414px) {
     .backgroundHome {
         width: 1900px;
         height: auto;
         background-image: url("./assets/newPhoto.jpg");
         background-size: cover;
     }

     .principalMenu {
         display: flex;
         justify-content: space-between;
         margin-left: 90px;
         margin-right: 100px;
     }

     .links {
         display: flex;
         gap: 35px;
         color: #E6D3B3;
         font-family: "Merriweather", serif;
         font-size: 10px;
         font-weight: 300;
         letter-spacing: 3px;
     }

     .logo {
         all: unset;
         cursor: pointer;
     }

     .logoInspire {
         width: 220px;
         height: 100px;
         margin-top: 15px;
     }


     .whoWeAre {
         margin-top: 40px;
         margin-bottom: 225px;
         margin-left: 130px;
     }

     .aboutUs {
         height: auto;
         width: 1665px;
         display: flex;
         justify-content: center;
         flex-direction: row-reverse;
         gap: 40px;
         padding-top: 160px;
         margin-right: 100px;
         background-color: #505c45;
     }

     .titleAboutUs {
         padding-bottom: 25px;
         font-family: "Merriweather", serif;
         color: #E6D3B3;
         font-weight: 400;
         font-size: 25px;
         letter-spacing: 10px;

     }

     .subtitleAboutUs {
         display: flex;
         width: 650px;
         height: 100px;
         font-family: "Merriweather", serif;
         font-size: 16px;
         font-weight: 300;
         line-height: 1.4;
         font-style: normal;
         letter-spacing: 0.5px;
         color: #E6D3B3;
         margin-bottom: 100px;
     }

     .aboutUsPhoto {
         width: 430px;
         height: 660px;
         margin-right: 25px;
         margin-left: 25px;
     }

     .ourServices {
         width: 1685px;
         height: auto;
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 35px;
         padding-top: 70px;
         padding-bottom: 200px;
         background-color: #505c45;
         padding-left: 150px;
     }

     .servicesText {
         display: flex;
         width: 1685px;
         justify-content: center;
         align-items: center;
         height: 80px;
         margin-top: 450px;
         margin-top: 190px;
         color: #E6D3B3;
         font-family: "Merriweather", serif;
         font-weight: 400;
         line-height: 1.5;
         letter-spacing: 10px;
         background-color: #505c45;
         font-size: 25px;
     }


     .reviews {
         width: 1665px;
     }

     .contactUs {
         display: flex;
         width: 1665px;
         height: 100vh;
         justify-content: center;
         padding-top: 150px;
         background-color: #505c45;
         font-family: "Merriweather", serif;
     }
 }

 @media (min-width: 414px) {
     .backgroundHome {
         width: 1900px;
         height: auto;
         background-image: url("./assets/newPhoto.jpg");
         background-size: cover;
     }

     .principalMenu {
         display: flex;
         justify-content: space-between;
         margin-left: 90px;
         margin-right: 100px;
     }

     .whoWeAre {
         margin-top: 40px;
         margin-bottom: 225px;
         margin-left: 130px;
     }

     .aboutUs {
         height: auto;
         width: 1665px;
         display: flex;
         justify-content: center;
         flex-direction: row-reverse;
         gap: 40px;
         padding-top: 160px;
         margin-right: 100px;
         background-color: #505c45;
     }

     .titleAboutUs {
         padding-bottom: 25px;
         font-family: "Merriweather", serif;
         color: #E6D3B3;
         font-weight: 400;
         font-size: 25px;
         letter-spacing: 10px;

     }

     .subtitleAboutUs {
         display: flex;
         width: 650px;
         height: 100px;
         font-family: "Merriweather", serif;
         font-size: 16px;
         font-weight: 300;
         line-height: 1.4;
         font-style: normal;
         letter-spacing: 0.5px;
         color: #E6D3B3;
         margin-bottom: 100px;
     }

     .ourServices {
         width: 1685px;
         height: auto;
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 35px;
         padding-top: 70px;
         padding-bottom: 200px;
         background-color: #505c45;
         padding-left: 150px;
     }

     .servicesText {
         display: flex;
         width: 1685px;
         justify-content: center;
         align-items: center;
         height: 80px;
         margin-top: 450px;
         margin-top: 190px;
         color: #E6D3B3;
         font-family: "Merriweather", serif;
         font-weight: 400;
         line-height: 1.5;
         letter-spacing: 10px;
         background-color: #505c45;
         font-size: 25px;
     }


     .reviews {
         width: 1665px;
     }

     .contactUs {
         display: flex;
         width: 1665px;
         height: 100vh;
         justify-content: center;
         padding-top: 150px;
         background-color: #505c45;
         font-family: "Merriweather", serif;
     }
 }

 @media (max-width: 480px) {
     .backgroundHome {
         width: 1800PX;
         height: auto;
         background-image: url("./assets/newPhoto.jpg");
         background-size: cover;
     }

     .principalMenu {
         display: flex;
         justify-content: space-between;
         margin-left: 90px;
         margin-right: 100px;
     }

     .logo {
         all: unset;
         cursor: pointer;
     }

     .logoInspire {
         width: 220px;
         height: 100px;
         margin-top: 15px;
     }


     .whoWeAre {
         margin-top: 40px;
         margin-bottom: 225px;
         margin-left: 130px;
     }

     .aboutUs {
         height: 100vh;
         width: 1665px;
         display: flex;
         justify-content: center;
         flex-direction: row-reverse;
         gap: 40px;
         padding-top: 160px;
         margin-right: 100px;
         background-color: #505c45;
     }

     .titleAboutUs {
         padding-bottom: 25px;
         font-family: "Merriweather", serif;
         color: #E6D3B3;
         font-weight: 400;
         font-size: 25px;
         letter-spacing: 10px;

     }

     .subtitleAboutUs {
         display: flex;
         width: 650px;
         height: 100px;
         font-family: "Merriweather", serif;
         font-size: 16px;
         font-weight: 300;
         line-height: 1.4;
         font-style: normal;
         letter-spacing: 0.5px;
         color: #E6D3B3;
         margin-bottom: 100px;
     }

     .aboutUsPhoto {
         width: 430px;
         height: 660px;
         margin-right: 25px;
         margin-left: 25px;
     }

     .ourServices {
         width: 1685px;
         height: auto;
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 35px;
         padding-top: 70px;
         padding-bottom: 200px;
         background-color: #505c45;
         padding-left: 100px;
     }

     .servicesText {
         display: flex;
         width: 1685px;
         justify-content: center;
         align-items: center;
         height: 80px;
         margin-top: 450px;
         color: #E6D3B3;
         font-family: "Merriweather", serif;
         font-weight: 400;
         line-height: 1.5;
         letter-spacing: 10px;
         background-color: #505c45;
         font-size: 25px;
     }


     .reviews {
         width: 1665px;
     }

     .contactUs {
         display: flex;
         width: 1665px;
         height: 100vh;
         justify-content: center;
         padding-top: 150px;
         background-color: #505c45;
         font-family: "Merriweather", serif;
     }
 }

 @media (max-width: 768px) {

     .backgroundHome {
         width: 1800px;
         height: auto;
         background-image: url("./assets/newPhoto.jpg");
         background-size: cover;
     }

     .principalMenu {
         display: flex;
         justify-content: space-between;
         margin-left: 120px;
         margin-right: 120px;
     }

     .logo {
         all: unset;
         cursor: pointer;
     }

     .logoInspire {
         width: 220px;
         height: 100px;
         margin-top: 15px;
     }

     .whoWeAre {
         margin-top: 40px;
         margin-bottom: 225px;
         margin-left: 130px;
     }

     .aboutUs {
         height: 100vh;
         width: 1665px;
         display: flex;
         justify-content: center;
         flex-direction: row-reverse;
         gap: 40px;
         padding-top: 160px;
         margin-right: 100px;
         background-color: #505c45;
     }

     .titleAboutUs {
         padding-bottom: 25px;
         font-family: "Merriweather", serif;
         color: #E6D3B3;
         font-weight: 400;
         font-size: 25px;
         letter-spacing: 10px;
     }

     .subtitleAboutUs {
         display: flex;
         width: 650px;
         height: 100px;
         font-family: "Merriweather", serif;
         font-size: 16px;
         font-weight: 300;
         line-height: 1.4;
         font-style: normal;
         letter-spacing: 0.5px;
         color: #E6D3B3;
     }

     .aboutUsPhoto {
         width: 430px;
         height: 660px;
         margin-right: 25px;
         margin-left: 25px;
     }

     .ourServices {
         width: 1665px;
         height: auto;
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 20px;
         padding-top: 70px;
         padding-bottom: 200px;
         background-color: #505c45;
     }

     .servicesText {
         display: flex;
         width: 100vw;
         width: 1665px;
         justify-content: center;
         align-items: center;
         height: 80px;
         color: #E6D3B3;
         font-family: "Merriweather", serif;
         font-weight: 400;
         line-height: 1.5;
         letter-spacing: 10px;
         background-color: #505c45;
         font-size: 25px;
     }

     .reviews {
         width: 1665px;
     }

     .contactUs {
         display: flex;
         width: 1665px;
         height: 100vh;
         justify-content: center;
         padding-top: 150px;
         background-color: #505c45;
         font-family: "Merriweather", serif;
     }
 }

 @media (max-width: 1024px) {
     .backgroundHome {
         width: 1800px;
         height: auto;
         background-image: url("./assets/newPhoto.jpg");
         background-size: cover;
     }

     .principalMenu {
         display: flex;
         justify-content: space-between;
         margin-left: 120px;
         margin-right: 120px;
     }

     .logo {
         all: unset;
         cursor: pointer;
     }

     .logoInspire {
         width: 220px;
         height: 100px;
         margin-top: 15px;
     }

     .whoWeAre {
         margin-top: 40px;
         margin-bottom: 225px;
         margin-left: 130px;
     }

     .aboutUs {
         height: 100vh;
         width: 1665px;
         display: flex;
         justify-content: center;
         flex-direction: row-reverse;
         gap: 40px;
         padding-top: 160px;
         margin-right: 100px;
         background-color: #505c45;
     }

     .titleAboutUs {
         padding-bottom: 25px;
         font-family: "Merriweather", serif;
         color: #E6D3B3;
         font-weight: 400;
         font-size: 25px;
         letter-spacing: 10px;
     }

     .subtitleAboutUs {
         display: flex;
         width: 650px;
         height: 100px;
         font-family: "Merriweather", serif;
         font-size: 16px;
         font-weight: 300;
         line-height: 1.4;
         font-style: normal;
         letter-spacing: 0.5px;
         color: #E6D3B3;
     }

     .aboutUsPhoto {
         width: 430px;
         height: 660px;
         margin-right: 25px;
         margin-left: 25px;
     }

     .ourServices {
         width: 1665px;
         height: auto;
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 20px;
         padding-top: 70px;
         padding-bottom: 200px;
         background-color: #505c45;
     }

     .servicesText {
         display: flex;
         width: 100vw;
         width: 1665px;
         justify-content: center;
         align-items: center;
         height: 80px;
         color: #E6D3B3;
         font-family: "Merriweather", serif;
         font-weight: 400;
         line-height: 1.5;
         letter-spacing: 10px;
         background-color: #505c45;
         font-size: 25px;
     }

     .reviews {
         width: 1665px;
     }

     .contactUs {
         display: flex;
         width: 1665px;
         height: 100vh;
         justify-content: center;
         padding-top: 150px;
         background-color: #505c45;
         font-family: "Merriweather", serif;
     }
 }
 
 @media (min-width: 1199px) {
     .backgroundHome {
         width: 1800px;
         height: 100vh;
         background-image: url("./assets/newPhoto.jpg");
         background-size: cover;
     }

     .principalMenu {
         display: flex;
         justify-content: space-between;
         margin-left: 120px;
         margin-right: 120px;
     }

     .logo {
         all: unset;
         cursor: pointer;
     }

     .logoInspire {
         width: 220px;
         height: 100px;
         margin-top: 15px;
     }

     .whoWeAre {
         margin-top: 40px;
         margin-bottom: 225px;
         margin-left: 130px;
     }

     .aboutUs {
         height: 100vh;
         width: 1665px;
         display: flex;
         justify-content: center;
         flex-direction: row-reverse;
         gap: 40px;
         padding-top: 160px;
         margin-right: 100px;
         background-color: #505c45;
     }

     .titleAboutUs {
         padding-bottom: 25px;
         font-family: "Merriweather", serif;
         color: #E6D3B3;
         font-weight: 400;
         font-size: 25px;
         letter-spacing: 10px;
     }

     .subtitleAboutUs {
         display: flex;
         width: 650px;
         height: 100px;
         font-family: "Merriweather", serif;
         font-size: 16px;
         font-weight: 300;
         line-height: 1.4;
         font-style: normal;
         letter-spacing: 0.5px;
         color: #E6D3B3;
     }

     .aboutUsPhoto {
         width: 430px;
         height: 660px;
         margin-right: 25px;
         margin-left: 25px;
     }

     .ourServices {
         width: 1665px;
         height: auto;
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 20px;
         padding-top: 70px;
         padding-bottom: 200px;
         background-color: #505c45;
     }

     .servicesText {
         display: flex;
         width: 100vw;
         width: 1665px;
         justify-content: center;
         align-items: center;
         height: 80px;
         color: #E6D3B3;
         font-family: "Merriweather", serif;
         font-weight: 400;
         line-height: 1.5;
         letter-spacing: 10px;
         background-color: #505c45;
         font-size: 25px;
     }

     .reviews {
         width: 1665px;
     }

     .contactUs {
         display: flex;
         width: 1665px;
         height: 100vh;
         justify-content: center;
         padding-top: 150px;
         background-color: #505c45;
         font-family: "Merriweather", serif;
     }
 }