diff --git a/news/static/news/css/app.css b/news/static/news/css/app.css
index 0df0e8b..7c7d303 100644
--- a/news/static/news/css/app.css
+++ b/news/static/news/css/app.css
@@ -48,7 +48,7 @@ header {
text-align: center;
width: 100%;
}
-@media print, screen and (min-width: 667px) {
+@media print, screen and (min-width: 668px) {
header {
width: 400px;
}
@@ -70,7 +70,7 @@ header h1 {
text-transform: uppercase;
font-size: 32px;
}
-@media print, screen and (min-width: 667px) {
+@media print, screen and (min-width: 668px) {
header h1 {
font-size: 48px;
}
@@ -109,7 +109,7 @@ footer {
article {
margin-bottom: 20px;
}
-@media print, screen and (min-width: 667px) {
+@media print, screen and (min-width: 668px) {
article {
padding: 16px;
}
@@ -119,7 +119,7 @@ a h1 {
font-family: 'LibreBaskervilleBold';
font-size: 18px;
}
-@media print, screen and (min-width: 667px) {
+@media print, screen and (min-width: 668px) {
a h1 {
font-size: 28px;
}
@@ -128,7 +128,7 @@ a h1 {
.padding {
padding: 8px;
}
-@media print, screen and (min-width: 667px) {
+@media print, screen and (min-width: 668px) {
.padding {
padding: 12px;
}
@@ -137,7 +137,7 @@ a h1 {
.post_padding {
padding: 8px;
}
-@media print, screen and (min-width: 667px) {
+@media print, screen and (min-width: 668px) {
.post_padding {
padding: 0px;
}
@@ -149,7 +149,7 @@ a h1 {
.lat_padding_contextual {
padding: 0px 8px;
}
-@media print, screen and (min-width: 667px) {
+@media print, screen and (min-width: 668px) {
.lat_padding_contextual {
padding: 0px;
}
@@ -168,7 +168,7 @@ a h1 {
background-color: #333;
margin-bottom: 8px;
}
-@media print, screen and (min-width: 667px) {
+@media print, screen and (min-width: 668px) {
.quote {
padding: 25px;
border-radius: 20px;
@@ -189,7 +189,7 @@ a h1 {
/* border-bottom: 0px solid #111; */
/* border-top: 20px solid #111; */
}
-@media print, screen and (min-width: 667px) {
+@media print, screen and (min-width: 668px) {
.imgcontainer {
/* width: 600px; */
/* border-bottom: 10px solid #111; */
@@ -240,7 +240,7 @@ a h1 {
.info {
width: 100%;
}
-@media print, screen and (min-width: 667px) {
+@media print, screen and (min-width: 668px) {
.info {
width: 600px;
}
@@ -360,7 +360,7 @@ form .secondary_button {
width: 95vw;
height: 60vw;
}
-/* @media print, screen and (min-width: 667px) {
+/* @media print, screen and (min-width: 668px) {
.youtube {
width: 90vw;
height: 60vw;
diff --git a/news/templates/base.html b/news/templates/base.html
index 6cc8e2f..70da9b7 100644
--- a/news/templates/base.html
+++ b/news/templates/base.html
@@ -4,6 +4,7 @@
+