@font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Regular.eot'); src: url('fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-Regular.woff2') format('woff2'), url('fonts/Poppins-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } body { margin: 0; background-color: #ffffff; color: #b7b7b7; font-family: Poppins, verdana, tahoma, arial, sans-serif; font-size: 100%; } article h1 { padding: 0; margin: 0; } section h2 { padding: 0; margin: 0; font-weight: normal; font-size: 100%; } header { width: 100%; text-align: center; } .logoimage { width: 300px; height: 300px; background-repeat: no-repeat; background-position: center center; display: inline-block; } nav { width: 100%; text-align: center; } .socialbutton { width: 50px; height: 48px; background-repeat: no-repeat; background-position: center center; display: inline-block; } nav a div { padding: 0; } article { width: 100%; text-align: center; } section h2.innovation { font-style: italic; } .copyright { width: 100%; text-align: center; padding-bottom: 2em; } .trysil { position: fixed; bottom: 48px; right: 6px; } .cookienotice { font-size: 0.7em; color: #ffffff; padding: 0; text-align: center; position: fixed; bottom: 0; left: 0; width: 100%; background-color: #b7b7b7; line-height: 45px; height: 45px; } .cookietext { display: inline-block; vertical-align: middle; line-height: normal; padding-left: 10px; padding-right: 10px; } @media screen and (min-device-width: 1367px) { header { padding-top: 6em; } nav { height: 52px; overflow: hidden; white-space: nowrap; } .socialbuttons { display: inline; white-space: nowrap; } .socialbutton { position: relative; margin-top: 18px; opacity: 0.4; } nav a div:hover { position: relative; top: -15px; opacity: 1; } aside { padding-top: 5px; border-top: 1px #b7b7b7 solid; padding-right: 12px; width: 250px; height: 20px; margin: auto; font-size: 0.7em; text-align: right; } article h1 { font-size: 1em; } article { padding-top: 1.5em; font-size: 0.8em; } section h2.trysildev { padding-top: 1em; font-weight: bold; } section h2.innovation { padding-top: 3em; } .copyright { padding-top: 2em; font-size: 0.7em; padding-bottom: 4.2em; } } @media only screen and (max-device-width: 1367px) { header { padding-top: 1em; } nav { padding-top: 1em; } .socialbuttons { display: inline-block; } aside { visibility: hidden; } article h1 { font-size: 0.9em; } article { padding-top: 1em; font-size: 0.7em; } section h2.trysildev { padding-top: 0.6em; font-weight: bold; } section h2.innovation { padding-top: 1em; } .copyright { padding-top: 0.3em; font-size: 0.6em; padding-bottom: 6em; } }