diff --git a/src/layouts/index.html b/src/layouts/index.html index 16cc273..c91cb00 100644 --- a/src/layouts/index.html +++ b/src/layouts/index.html @@ -30,7 +30,7 @@ .hero-section{ background-image: url("/Images/x-large-grid-hero.svg"); background-attachment: fixed; - background-position: center-top; + background-position: top; background-repeat: repeat; background-size: contain; } diff --git a/src/static/css/style.css b/src/static/css/style.css index d59a8bd..6e058b3 100644 --- a/src/static/css/style.css +++ b/src/static/css/style.css @@ -10,7 +10,7 @@ body{ .container{ max-width: 1920px; - padding:0px; + padding:20px; } @media only screen and (min-width: 1200px) { @@ -127,8 +127,8 @@ li{ @media only screen and (min-width: 1200px) { h1{ - font-size: 13.25rem; - line-height: 14rem; + font-size: 11.5vw; + line-height: 12.4vw; margin-top: -20px; margin-left: -15px; } @@ -162,7 +162,8 @@ li{ } } -/* Medium Screens*/ +/* + @media only screen and (min-width: 768px) and (max-width: 1200px) { h1{ @@ -201,7 +202,7 @@ li{ } } -/* Small Screens */ + @media only screen and (max-width: 576px) and (max-width: 768px){ h1{ @@ -240,7 +241,7 @@ li{ } } -/* Extra Small Screens */ + @media only screen and (max-width: 576px) { h1{ @@ -277,6 +278,7 @@ li{ } } +*/ /* Spacers & Dividers */