header

web/themes/custom/popsu/sass/pages/_default.scss

@@ -0,0 +1,14 @@
+article{
+
+    h2{
+        font-family: "trueno";
+        font-weight: 600;
+        font-size: $font-medium;
+        text-transform: inherit;
+    }
+    h3,h4,h5,h6{
+        font-family: "trueno";
+        font-weight: 600;
+        font-size: $font-medium;
+    }
+}

web/themes/custom/popsu/sass/setup/_globals.scss

@@ -1,5 +1,71 @@
 body{
 	font-family: "trueno";
+	font-size: $font-normal ;
 	font-weight: 300;
 	line-height: 1.5;
+}
+main{
+	h2{
+		text-transform: uppercase;
+		font-family: 'duke';
+		font-size: $font-extra;
+	}
+}
+a{
+	color:inherit;
+}
+//header
+#header-top-right{
+	.header_top_rigth_container{
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		background: rgb(161, 161, 161);
+		display: grid;
+		grid-template-columns: 5% 30% 30% 30% 5%;
+		padding: 1rem 0;
+		z-index: 100;
+		line-height: 2;
+		nav{
+			grid-column-start: 2;
+		}
+		// padding: 1rem .5rem 1rem .5rem;
+		a{
+			text-decoration: none;
+			font-weight: 400;
+			&:hover{
+				text-decoration: underline;
+			}
+		}
+		h2{
+			font-weight: 100;
+			margin-bottom: .3rem;
+		}
+		.is-active{
+			font-weight: 800;
+		}
+		#block-views-block-programmes-block-2{
+			.views-row{
+				width: 100%;
+			}
+		}
+	}
+}
+nav{
+
+	// position: absolute;
+	// display: none;
+}
+//footer
+
+footer{
+	*{
+		word-wrap: break-word;
+	}
+}
+
+//TEMP
+iframe{
+	display: none;
 }

web/themes/custom/popsu/sass/setup/_variables.scss

@@ -0,0 +1,21 @@
+$font-extra: 2.3rem;
+$font-big: 1rem;
+$font-medium: .8rem;
+$font-normal: .6rem;
+
+$col-met: red; 
+$col-eur: blue;
+$col-reg: green; 
+@media (min-width: 48rem) {
+	:root {
+	  font-size: calc(1rem + ((1vw - .48rem) * 1.389));
+	  /* .48rem = viewportWidthMinimum /100 */
+	  /* 1.389rem = 100 * fontSizeDifference / viewportWidthDifference */
+	}
+  }
+  
+  @media (min-width: 120em) {
+	:root {
+	  font-size: 2rem;
+	}
+  }

web/themes/custom/popsu/sass/styles.scss

@@ -19,7 +19,7 @@
 //import "../node_modules/slick-carousel/slick/slick-theme.scss";
 //@import "foundation";
 //@import "mixins";
-//@import "variables";
+@import "setup/variables";
 @import "setup/fonts";
 @import "setup/globals";