diff --git a/www/css/style.css b/www/css/style.css index b42a4dc..3e42fd9 100644 --- a/www/css/style.css +++ b/www/css/style.css @@ -116,48 +116,43 @@ a { background-image: url("../img/ui/header-nuit.png"); background-image: linear-gradient(rgba(0,0,0,0) 70%, #362b49 100%), url("../img/ui/header-nuit.png"); background-repeat: no-repeat; - background-position: center 18%; + background-position: center; + background-size: cover; } @media only screen and (max-width: 1200px) { #main-header { height: calc(100vh / 2); - background-size: auto calc(100vh / 2); } } @media only screen and (max-width: 900px) { #main-header { height: calc(100vh / 2.5); - background-size: auto calc(100vh / 2.5); } } @media only screen and (max-width: 600px) { #main-header { height: calc(100vh / 3); - background-size: auto calc(100vh / 3); } } @media only screen and (max-width: 500px) { #main-header { height: calc(100vh / 5); - background-size: auto calc(100vh / 5); } } @media only screen and (max-width: 300px) { #main-header { height: calc(100vh / 7); - background-size: auto calc(100vh / 7); } } @media only screen and (max-width: 200px) { #main-header { height: calc(100vh / 8); - background-size: auto calc(100vh / 8); } }