@font-face { font-family: "Graphik"; src: url("/resources/css/fonts/Graphik-hack/Graphik-Regular.eot"); src: url("url("/resources/css/fonts/Graphik-hack/Graphik-Regular.woff) format("woff"); src: url("/resourcs/css/fonts/Graphik-hack/Graphik-regular.ttf"); src: url("/resources/css/fonts/Graphik-hack/Graphik-Regular.svg)") format("svg"); } /* Responsive Full Background landing page by LNCHBX Marketing AB */ body { /* Location of the image */ background-image: url(desktop-under-const.jpg); /* Image is centered vertically and horizontally at all times */ background-position: center center; /* Image doesn't repeat */ background-repeat: no-repeat; /* Makes the image fixed in the viewport so that it doesn't move when the content height is greater than the image height */ background-attachment: fixed; /* This is what makes the background image rescale based on its container's size */ background-size: cover; /* Pick a solid background color that will be displayed while the background image is loading */ background-color:#ffffff; /* Menu */ } * { font-family: "Graphik", Arial, sans-serif; } ul { list-style-type: none; margin: 0; padding: 20px 0 20px 0; overflow: hidden; width: auto; vertical-align: top; } li { float: left; text-align: left; width: 10%; padding: 0; vertical-align: text-top; color: rgb(255, 255, 255); margin-left: 5%; } li a{ color: rgb(255, 255, 255); text-decoration: none; } .logo { font-size: 2em; } /* For mobile devices */ @media only screen and (max-width: 767px) { body { /* The file size of this background image is 93% smaller * to improve page load speed on mobile internet connections */ background-image: url(desktop-under-const.jpg); } @media only screen and (max-width: 767px) { ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; width: auto; vertical-align: top; } @media only screen and (max-width: 767px) { li { float: left; text-align: left; width: 33%; padding: 0; vertical-align: text-top; color: rgb(255, 255, 255); margin-left: 5%; } @media only screen and (max-width: 767px) { li a{ color: rgb(255, 255, 255); text-decoration: none; } @media only screen and (max-width: 767px) { .logo { font-size: 2em; } @media only screen and (max-width: 767px) { .adress{ display: none; } }