Added media queries to resize text size in the overlay text for the c…

…arousel image

Added media queries to resize text size in the overlay text for the carousel images at large and medium size screens

README.md

@@ -19,4 +19,6 @@ This project has a Navbar collapse seen in this project as the Emoji Navbar coll
 
 The site contains a two Column and Jumbotron Section directly below it ("looking for quality web development and design services? Contact Us Today").  Note how the Contact Us Today Button has padding top when in small screen and no padding when the screen gets bigger using pt-4 pt-md-0.
 
-Finally the project includes a footer and socket section that is centered, has a logo and further logo links to Social media.
+Finally the project includes a footer and socket section that is centered, has a logo and further logo links to Social media.
+
+Added media queries to resize text size in the overlay text for the carousel images at large and medium size screens

css/style.css

@@ -203,11 +203,26 @@ footer .svg-inline--fa:hover {
 
 /* Devices under 1199px (xl) */
 @media (max-width: 1199.98px) {
-
-}
-/* Devices under 768px (md) */
-@media (max-width: 767.98px) {
-
+  .carousel-caption h1{
+    font-size: 2.8rem;
+  }
+
+  .carousel-caption h3{
+    font-size: 1.8rem;
+  }
+}
+/* Devices under 992px (lg) */
+@media (max-width: 991.98px) {
+  .carousel-caption h1{
+    font-size: 2.5rem;
+  }
+
+  .carousel-caption h3{
+    font-size: 1.5rem;
+  }
+  .btn-lg{
+    font-size: .95rem;
+  }
 }
 
 

index.html

@@ -65,7 +65,7 @@
 				<div class="carousel-caption">
 					<div class="container">
 						<div class="row justify-content-center">
-							<div class="col-8 bg-custom d-none d-lg-block py-3 px-0">
+							<div class="col-8 bg-custom d-none d-md-block py-3 px-0">
 								<h1 id="carousel-h1">Bootstrap</h1>
 								<div class="border-top border-primary w-50 mx-auto my-3"></div>
 									<h3 class="pb-3">Complete Website Design</h3>