Add a few more sizing rules
diff --git a/css/animations.css b/css/animations.css
index 97c335f..f6d5a0f 100644
--- a/css/animations.css
+++ b/css/animations.css
@@ -566,9 +566,21 @@
text-align: center;
/* color: #0080ff;*/
}
+@media (max-width:650px) {
+ .display-3 { font-size: 4.1rem;}
+}
+@media (max-width:550px) {
+ .display-3 { font-size: 3.8rem;}
+}
+@media (max-width:430px) {
+ .display-3 { font-size: 2.8rem;}
+}
+@media (max-width:400px) {
+ .display-3 { font-size: 2.5rem;}
+}
@media (max-width:450px) {
.animation .device .display div div {width:100%;max-width:100%;font-size:12px !important;}
- .display-3 { font-size: 3.5rem;}
+ .display-3 { font-size: 3.0rem;}
}
.animation .device .display .slide1 div {margin-top:0px;}
.animation .device .display div div em {
diff --git a/index.html b/index.html
index f7078bb..ab2d6c8 100644
--- a/index.html
+++ b/index.html
@@ -653,22 +653,22 @@
<div class="container">
<div class="row">
<div class="col-md-12">
- <h1>A Little Bliss Gear</h1>
- <p class="lead mb-4">Bliss Family of ROMs has put together a Teespring store as a start to bring some stylish merchandise to our users, and help raise money for our cause. Check out a few of our selections below and follow the link to our store for more</p>
+ <h1><b>A Little Bliss Gear</b></h1>
+ <p class="lead mb-4"><b>Bliss Family of ROMs has put together a Teespring store as a start to bring some stylish merchandise to our users, and help raise money for our cause. Check out a few of our selections below and follow the link to our store for more</b></p>
</div>
</div>
<div class="row d-flex justify-content-between">
<div class="col-md-4 col-lg-3 p-4"> <img class="img-fluid d-block" width="1500" src="images/560.jpg">
<h4 class="my-3"> <b>T-Shirts</b></h4>
- <p>Be the first one on your block to sport Bliss on your back. Various sizes and colors available.</p>
+ <p><b>Be the first one on your block to sport Bliss on your back. Various sizes and colors available.</b></p>
</div>
<div class="col-md-4 col-lg-3 p-4"> <img class="img-fluid d-block" src="images/560 (1).jpg" width="1500">
<h4 class="my-3"> <b>Hoodies</b></h4>
- <p>Keep warm in style. Wr have hoodies and sweatshirts available. Various sizes and colors options too.</p>
+ <p><b>Keep warm in style. Wr have hoodies and sweatshirts available. Various sizes and colors options too.</b></p>
</div>
<div class="col-md-4 col-lg-3 p-4"> <img class="img-fluid d-block" src="images/560 (2).jpg" width="1500">
<h4 class="my-3"> <b>Tank Tops</b></h4>
- <p>It's all about the Bliss when you are wearing one of our tank tops. Various sizes and colors available.</p>
+ <p><b>It's all about the Bliss when you are wearing one of our tank tops. Various sizes and colors available.</b></p>
</div>
</div>
<div class="row">