Add News & Credits

css/main.css

@@ -10,6 +10,10 @@
     --lilac: #c852ff;
     --emerald: #067d08;
 }
+/** Necessary for iPhone in portrait mode (apparently) **/
+html {
+    overflow-x: hidden;
+}
 /** General utils **/
 .of-hidden {
     overflow: hidden;
@@ -26,6 +30,9 @@
 .mt-lg {
     margin-top: 2rem;
 }
+.ml-lg {
+    margin-left: 2rem;
+}
 .short-hr {
     width: 3.5rem;
     margin-left: 0;
@@ -115,9 +122,29 @@ header {
     background: none;
     min-height: 25vh;
 }
+@media (max-width: 840px) {
+    .main-header.itin {
+        margin-top: 4rem;
+    }
+}
 .main-header.itin #nav {
     color: var(--dark);
 }
+.main-header.news {
+    min-height: 60vh;
+    background-image: url('../img/bg_news.jpg');
+}
+.main-header.news::before {
+    background-color: rgba(33,33,33,1);
+    opacity: 0.5;
+    content: "";
+    display: block;
+    position: absolute;
+    bottom: calc(100% - 60vh);
+    left: 0;
+    right: 0;
+    top: 0;
+}
 .main-header h1 {
     font-size: 3rem;
 }
@@ -157,7 +184,7 @@ header {
     padding-left: 5px;
     height: 100vh;
     margin: 0;
-    left: 0;
+    right: 0;
     position: absolute;
     z-index: 11;
     animation-name: slidein;
@@ -283,7 +310,7 @@ footer p {
     max-height: 70px;
 }
 /*** Section stripes ***/
-.odd-stripe {
+.ochre-stripe {
     background-color: var(--ochre-light);
 }
 section .container {
@@ -310,6 +337,9 @@ section .container h2 {
     font-family: 'roboto_bold';
     font-size: 26pt;
 }
+section.news-sec .container h2 {
+    font-size: 14pt !important;
+}
 section .container ul {
     list-style-type: square;
     margin-left: 0;
@@ -325,6 +355,9 @@ section.prj-logos img {
 section.poi .container {
     max-width: 1180px;
 }
+section.poi h3 {
+    font-size: 0.9rem;
+}
 #itin-c {
     padding-right: 12%;
     font-size: 14pt;
@@ -352,4 +385,14 @@ section.poi .container {
 /** Modals **/
 #mod-vid .modal-overlay {
     background-color: #555;
+}
+/** Temp **/
+.placeholder {
+    background-color: rgba(0,0,0,.03);
+    height: 70%;
+    left: 0;
+    outline: 2px dashed rgba(0,0,0,0.10);
+    overflow: hidden;
+    top: 0;
+    width: 100%;    
 }