diff --git a/style/main.css b/style/main.css
index 558b6a3..015ed8d 100644
--- a/style/main.css
+++ b/style/main.css
@@ -1,3 +1,4 @@
+/*Header Banner*/
 .main-banner .banner-img {
   display: block;
   width: 100%;
@@ -7,6 +8,8 @@
   display: none;
 }
 
+/*Top infocard*/
+
 .main .top-infocard {
   display: flex;
   align-items: center;
@@ -40,6 +43,8 @@
   line-height: 24px;
 }
 
+/*Top cards*/
+
 .main .top-cards {
   display: flex;
   align-items: center;
@@ -71,6 +76,8 @@
   font-size: 16px;
 }
 
+/*Middle-Cards*/
+
 .main .middle-cards {
   background: var(--middlebg-gray);
 }
@@ -85,10 +92,16 @@
   padding: 0 72px;
 }
 
+.main .middle-banner {
+  width: 100%;
+}
+
 .main .middle-card-img {
   width: 100%;
 }
 
+/*Bottom Cards*/
+
 .main .bottom-cards {
   display: flex;
   justify-content: center;
@@ -113,10 +126,12 @@
   font-size: 16px;
   line-height: 24px;
   text-align: center;
-  width: 84%;
+  width: 80%;
   padding-bottom: 17px;
 }
 
+/*Bottom infocards*/
+
 .main .bottom-infocards {
   display: flex;
   flex-direction: column;