diff --git a/assets/css/styles.css b/assets/css/styles.css
index e6043a6..e69de29 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -1,203 +0,0 @@
-/*= =*\
-= PAGE HEADER =
-\*= =*/
-
-.page-header {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 100%;
- padding: 28px 0 29px 0;
-}
-
-.header-logo {
- display: block;
-}
-
-
-/*= SECTION =*\
-= INFORMATION =
-\*= =*/
-
-.information {
- display: flex;
- align-items: center;
- justify-content: center;
- max-width: 1215px;
- margin: 0 auto;
- padding: 5.25rem 1.625rem 5.875rem 2rem;
-}
-
-.information-container {
- --hs-grid-space: 5.4375rem 7.75rem;
-}
-
-.information-subtitle {
- font-weight: 400;
-}
-
-.information-title {
- margin-bottom: 19px;
- font-weight: 500;
-}
-
-.information-image {
- width: 239px;
- height: 239px;
-}
-
-/*= SECTION =*\
-= SERVICES =
-\*= =*/
-
-.services {
- padding: 2.5rem 2rem;
-}
-
-.services-container {
- --hs-flow-space: 37px;
-
- max-width: 1090px;
- margin: 0 auto;
-}
-
-.services-card {
- padding: 2.5rem 1.625rem 1.625rem;
- box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23);
-}
-
-.banner {
- width: 100%;
-}
-
-/*= =*\
-= COMPOSITION =
-\*= =*/
-.sm-wrapper {
- display: flex;
- gap: var(--hs-grid-space);
-}
-
-.flow *+* {
- margin-top: var(--hs-flow-space);
-}
-
-.grid-col-md-3 {
- display: grid;
- grid-template-columns: repeat(3, 1fr);
- gap: var(--hs-grid-space);
-}
-
-/*= =*\
-= UTILS =
-\*= =*/
-
-.box-center-column {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-direction: column;
-}
-
-.center {
- align-items: center;
- justify-content: center;
-}
-
-.text-upper {
- text-transform: uppercase;
-}
-
-.text-center {
- text-align: center;
-}
-
-.bg-black {
- background-color: var(--bg-clr-black);
-}
-
-.bg-white {
- background-color: var(--bg-clr-white);
-}
-
-.bg-gray-50 {
- background-color: var(--bg-clr-gray-50);
-}
-
-.bg-blue-gradient-180 {
- background-color: var(--gradient-blue-180);
-}
-
-@media screen and (max-width:768px) {
- .sm-wrapper {
- flex-direction: column;
- }
-}
-
-@media screen and (max-width:1024px) {
- .grid-col-md-3 {
- grid-template-columns: 1fr;
- }
-}
-
-
-@media screen and (min-width: 769px) {
- .information {
- padding: 5rem 0 5.875rem 0;
- }
-
- .information-title {
- font-size: 3rem;
- }
-
- .information-subtitle {
- font-size: 2rem;
- }
-
- .services-container {
- --hs-flow-space: 26px;
- }
-
- .services {
- padding: 4.625rem 2rem;
- }
-}
-
-@media screen and (max-width: 414px) {
- .hero-image-desktop {
- display: none;
- }
-
- .hero-image-mobile {
- display: flex;
- }
-
- .banner-image-desktop {
- display: none;
- }
-}
-
-
-@media screen and (min-width: 415px) {
- .hero-image-desktop {
- display: flex;
- }
-
- .hero-image-mobile {
- display: none;
- }
-
- .information-image {
- width: 315px;
- height: 315px;
- }
-
- .banner-image-desktop {
- display: flex;
- }
-
- .banner-image-mobile {
- display: none;
- }
-
-}
\ No newline at end of file
diff --git a/index.html b/index.html
index 46f474c..900cf47 100644
--- a/index.html
+++ b/index.html
@@ -5,84 +5,69 @@
M3 Amazing Landing page
- 
+ 
-
- 
- 
- 
- 
-
- 
-
- 
+