finished landing page

app/assets/scss/modules/_btn.scss

@@ -4,6 +4,7 @@
 	text-decoration: none;
 	padding: .75rem 1.2rem;
 	display: inline-block;
+	border-radius: 30px;
 
 	&--large {
 		padding: 1.1rem 1.9rem;

app/assets/scss/modules/_large-hero.scss

@@ -24,10 +24,14 @@
 	&__title {
 		font-family: "CocogooseBold";
 		color: white;
-		font-size: 2.4rem;
+		font-size: 2.8rem;
 		margin: 0;
 
 		@include atSmall(){
+			font-size: 3.2rem;
+		} 
+
+		@include atMedium(){
 			font-size: 4.8rem;
 		} 
 
@@ -41,8 +45,12 @@
 		margin: 0;
 
 		@include atSmall(){
-			font-size: 2.4rem;
+			font-size: 1.8rem;
 		}
+
+		@include atMedium(){
+			font-size: 2.4rem;
+		} 
 	}
 
 	&__description {
@@ -54,8 +62,12 @@
 		margin-right: auto;
 
 		@include atSmall(){
-			font-size: 1.875rem;
+			font-size: 1.3rem;
 		}
+
+		@include atMedium(){
+			font-size: 1.875rem;
+		} 
 	}
 
 

app/assets/scss/modules/_primary-nav.scss

@@ -46,7 +46,8 @@
 		display: block;
 		padding: 5px 8px;
 		font-size: .8rem;
-		background:rgba(blue, .5);
+		background:rgba(black, .5);
+		border-radius: 30px;
 
 		@include atMedium(){
 			background:transparent;

app/assets/scss/modules/_site-header.scss

@@ -1,5 +1,5 @@
 .site-header{
-	position: absolute;
+	position: fixed;
 	width: 100%;
 	z-index: 2;
 	transition: background-color .3s ease-out;
@@ -10,6 +10,7 @@
 	}
 	
 	@include atMedium(){
+		position: absolute;
 		position: fixed;
 		background-color: rgba(#000, 0.4);
 	}
@@ -21,6 +22,20 @@
 		}
 	}
 
+	&__language{
+		margin: 13px auto 5px auto;
+		border-radius: 15px;
+		overflow: hidden;
+		width: 25px;
+		height: 25px;
+
+		@include atMedium(){
+			margin: 40px 20px 0px 0px;
+			float: right;
+		}
+	}
+
+
 	&__menu-icon{
 		width: 20px;
 		height: 19px;
@@ -85,9 +100,6 @@
 		}
 	}
 
-
-
-
 	&__menu-content{
 		opacity: 0;
 		transform: scale(1.2);
@@ -122,6 +134,7 @@
 		background-color: rgba(black, 0.5);
 
 		&--orange-bg {
+			transition: background-color .3s ease-out;
 			background-color: orange;
 		}