diff --git a/index.css b/index.css
index 029cf0a..fe36012 100644
--- a/index.css
+++ b/index.css
@@ -120,3 +120,56 @@ footer img {
width: 100%;
height: 300px;
}
+
+@media (max-width: 800px) {
+ .banner_text {
+ text-align: red;
+ }
+ .container2 {
+ padding: 5%;
+ }
+ footer img {
+ width: 80%;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 5%;
+ }
+
+@media (max-width: 500px){
+ nav {
+ display: flex;
+ flex-direction: column;
+ }
+ nav a {
+ padding: 3% 20%;
+ margin: 3%;;
+ }
+ .banner {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ padding: 0%;
+ margin-top: 3%;
+
+ /*
+ img {
+ width: 70%;
+ }
+ tried to nest this img but it didnt work
+ */
+
+ }
+ .banner img {
+ width: 70%;
+ }
+ .banner .banner_text {
+ text-align: center;
+ }
+ .container2 {
+ padding: 20% 0% 20% 0%;
+ width: 80%;
+ }
+}
+
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 1a50605..7d66a8b 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,7 @@
+