Immersion through design
diff --git a/src/sass/_content.scss b/src/sass/_content.scss
index f9ed814..24f0d92 100644
--- a/src/sass/_content.scss
+++ b/src/sass/_content.scss
@@ -668,6 +668,8 @@
text-align: center;
h1,a{color:$softwhite;font-weight:600;}
h1{@include std-shadow-text;font-size:2.2em;}
+ @media all and (max-width:450px){h1{font-size:2em;}}
+ @media all and (max-width:370px){h1{font-size:1.8em;}}
.slide-picker {
@include std-shadow;
@@ -685,9 +687,8 @@
line-height:40px;
border-radius: 9px;
font-weight:600;
- @media all and (max-width:450px){
- width:80%;
- }
+ @media all and (max-width:450px){font-size:0.8em;}
+ @media all and (max-width:370px){font-size:0.7em;}
&.active {
background:$hardblue;
color:$softwhite;
@@ -782,6 +783,7 @@
margin-bottom:50px;
strong {
color: $htblue;
+ font-weight: 500;
}
}
.map {
diff --git a/src/sass/_layout.scss b/src/sass/_layout.scss
index c3225b4..f35a306 100644
--- a/src/sass/_layout.scss
+++ b/src/sass/_layout.scss
@@ -104,7 +104,7 @@ html {
padding:0 0 0 0;
background:$softwhite;
.col{
- width:33%;
+ width:33.33%;
margin:0 0;
display:inline-block;
text-align:center;