first commit

juicedupmotorcycles.pl/.htaccess

@@ -0,0 +1,5 @@
+<IfModule mod_headers.c>
+<FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css)$">
+Header set Access-Control-Allow-Origin "*"
+</FilesMatch>
+</IfModule>

juicedupmotorcycles.pl/images/icon-cart.svg

@@ -0,0 +1,3 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.5 41.6667C11.3542 41.6667 10.3736 41.259 9.55833 40.4437C8.74305 39.6285 8.33472 38.6472 8.33333 37.5C8.33194 36.3528 8.74028 35.3722 9.55833 34.5583C10.3764 33.7444 11.3569 33.3361 12.5 33.3333C13.6431 33.3306 14.6243 33.7389 15.4437 34.5583C16.2632 35.3778 16.6708 36.3583 16.6667 37.5C16.6625 38.6417 16.2549 39.6229 15.4437 40.4437C14.6326 41.2646 13.6514 41.6722 12.5 41.6667ZM33.3333 41.6667C32.1875 41.6667 31.2069 41.259 30.3917 40.4437C29.5764 39.6285 29.1681 38.6472 29.1667 37.5C29.1653 36.3528 29.5736 35.3722 30.3917 34.5583C31.2097 33.7444 32.1903 33.3361 33.3333 33.3333C34.4764 33.3306 35.4576 33.7389 36.2771 34.5583C37.0965 35.3778 37.5042 36.3583 37.5 37.5C37.4958 38.6417 37.0882 39.6229 36.2771 40.4437C35.466 41.2646 34.4847 41.6722 33.3333 41.6667ZM10.7292 8.33333L15.7292 18.75H30.3125L36.0417 8.33333H10.7292ZM8.75 4.16667H39.4792C40.2778 4.16667 40.8854 4.52292 41.3021 5.23542C41.7188 5.94792 41.7361 6.66806 41.3542 7.39583L33.9583 20.7292C33.5764 21.4236 33.0646 21.9618 32.4229 22.3437C31.7812 22.7257 31.0778 22.9167 30.3125 22.9167H14.7917L12.5 27.0833H37.5V31.25H12.5C10.9375 31.25 9.75694 30.5646 8.95833 29.1937C8.15972 27.8229 8.125 26.4597 8.85417 25.1042L11.6667 20L4.16667 4.16667H0V0H6.77083L8.75 4.16667Z" fill="white"/>
+</svg>

juicedupmotorcycles.pl/images/icon-envelope.svg

@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_81_2)">
+<path d="M3 3C2.20435 3 1.44129 3.31607 0.87868 3.87868C0.316071 4.44129 0 5.20435 0 6L0 18.015C0.00396529 18.808 0.321786 19.5673 0.883965 20.1266C1.44615 20.686 2.20694 21 3 21H11.25C11.4489 21 11.6397 20.921 11.7803 20.7803C11.921 20.6397 12 20.4489 12 20.25C12 20.0511 11.921 19.8603 11.7803 19.7197C11.6397 19.579 11.4489 19.5 11.25 19.5H3C2.66982 19.5 2.34884 19.3911 2.08686 19.1902C1.82487 18.9892 1.63652 18.7074 1.551 18.3885L10.011 13.182L12 14.3745L22.5 8.0745V12.75C22.5 12.9489 22.579 13.1397 22.7197 13.2803C22.8603 13.421 23.0511 13.5 23.25 13.5C23.4489 13.5 23.6397 13.421 23.7803 13.2803C23.921 13.1397 24 12.9489 24 12.75V6C24 5.20435 23.6839 4.44129 23.1213 3.87868C22.5587 3.31607 21.7956 3 21 3H3ZM8.562 12.312L1.5 16.6575V8.0745L8.562 12.312ZM1.5 6.3255V6C1.5 5.60218 1.65804 5.22064 1.93934 4.93934C2.22064 4.65804 2.60218 4.5 3 4.5H21C21.3978 4.5 21.7794 4.65804 22.0607 4.93934C22.342 5.22064 22.5 5.60218 22.5 6V6.3255L12 12.6255L1.5 6.3255Z" fill="#C3C3C3"/>
+<path d="M21.3705 21.4035C22.8855 21.4035 23.751 20.118 23.751 18.366V18.051C23.751 15.645 21.96 13.5 18.78 13.5H18.7275C15.63 13.5 13.5 15.54 13.5 18.648V18.969C13.5 22.23 15.657 24 18.537 24H18.603C19.494 24 20.13 23.889 20.4585 23.7375V22.6425C20.091 22.8075 19.449 22.9125 18.6885 22.9125H18.6225C16.6215 22.9125 14.766 21.7305 14.766 18.93V18.6945C14.766 16.209 16.353 14.6085 18.726 14.6085H18.786C21.0885 14.6085 22.512 16.1835 22.512 18.0975V18.2745C22.512 19.737 22.026 20.3595 21.5535 20.3595C21.2055 20.3595 20.9385 20.1375 20.9385 19.7295V16.4445H19.5795V17.298H19.5345C19.4085 16.851 18.9825 16.353 18.1035 16.353C16.9365 16.353 16.215 17.1855 16.215 18.453V19.245C16.215 20.583 16.95 21.396 18.105 21.396C18.8115 21.396 19.449 21.0555 19.626 20.4315H19.6905C19.8675 21.0615 20.616 21.4035 21.3705 21.4035ZM17.691 19.0215V18.681C17.691 17.862 18.0315 17.4945 18.5505 17.4945C18.996 17.4945 19.4085 17.7825 19.4085 18.5565V19.107C19.4085 19.9665 19.029 20.223 18.5625 20.223C18.0315 20.223 17.691 19.9005 17.691 19.023V19.0215Z" fill="#C3C3C3"/>
+</g>
+<defs>
+<clipPath id="clip0_81_2">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

juicedupmotorcycles.pl/images/icon-review.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.3 6.74C10.367 6.81223 10.4191 6.89694 10.4533 6.9893C10.4875 7.08166 10.5033 7.17986 10.4995 7.27829C10.4958 7.37672 10.4728 7.47346 10.4317 7.56297C10.3905 7.65249 10.3322 7.73303 10.26 7.8L7.35198 10.5L10.26 13.2C10.3322 13.267 10.3905 13.3475 10.4316 13.437C10.4727 13.5266 10.4958 13.6233 10.4995 13.7217C10.5032 13.8201 10.4875 13.9183 10.4533 14.0107C10.419 14.1031 10.367 14.1878 10.3 14.26C10.233 14.3322 10.1525 14.3906 10.0629 14.4317C9.97343 14.4728 9.87669 14.4958 9.77826 14.4995C9.67983 14.5033 9.58163 14.4875 9.48927 14.4533C9.39691 14.4191 9.3122 14.367 9.23998 14.3L5.73998 11.05C5.66425 10.9798 5.60383 10.8947 5.56252 10.8001C5.5212 10.7054 5.49988 10.6033 5.49988 10.5C5.49988 10.3967 5.5212 10.2946 5.56252 10.1999C5.60383 10.1053 5.66425 10.0202 5.73998 9.95L9.23998 6.7C9.3122 6.63302 9.39691 6.58092 9.48927 6.54668C9.58163 6.51244 9.67983 6.49673 9.77826 6.50044C9.87669 6.50416 9.97343 6.52722 10.0629 6.56833C10.1525 6.60943 10.233 6.66777 10.3 6.74ZM13.74 7.8C13.6677 7.73303 13.6094 7.65248 13.5683 7.56297C13.5272 7.47345 13.5042 7.37672 13.5004 7.27829C13.4967 7.17986 13.5124 7.08166 13.5467 6.9893C13.5809 6.89694 13.633 6.81223 13.7 6.74C13.767 6.66778 13.8475 6.60945 13.937 6.56835C14.0265 6.52725 14.1233 6.50418 14.2217 6.50047C14.3201 6.49676 14.4183 6.51246 14.5107 6.5467C14.603 6.58094 14.6877 6.63303 14.76 6.7L18.26 9.95C18.3357 10.0202 18.3961 10.1053 18.4374 10.1999C18.4787 10.2946 18.5001 10.3967 18.5001 10.5C18.5001 10.6033 18.4787 10.7054 18.4374 10.8001C18.3961 10.8947 18.3357 10.9798 18.26 11.05L14.76 14.3C14.6877 14.367 14.603 14.4191 14.5107 14.4533C14.4183 14.4875 14.3201 14.5033 14.2217 14.4995C14.1233 14.4958 14.0265 14.4728 13.937 14.4317C13.8475 14.3906 13.767 14.3322 13.7 14.26C13.633 14.1878 13.5809 14.1031 13.5467 14.0107C13.5124 13.9183 13.4967 13.8201 13.5004 13.7217C13.5042 13.6233 13.5272 13.5266 13.5683 13.437C13.6094 13.3475 13.6677 13.267 13.74 13.2L16.648 10.5L13.74 7.8Z" fill="#C3C3C3"/>
+<path d="M1.5 4.25C1.5 3.284 2.284 2.5 3.25 2.5H20.75C21.716 2.5 22.5 3.284 22.5 4.25V16.75C22.5 17.2141 22.3156 17.6592 21.9874 17.9874C21.6592 18.3156 21.2141 18.5 20.75 18.5H11.06L7.487 22.073C7.28305 22.2762 7.02352 22.4144 6.74112 22.4703C6.45872 22.5262 6.16609 22.4973 5.90011 22.3871C5.63414 22.277 5.40673 22.0905 5.24655 21.8513C5.08636 21.6121 5.00058 21.3309 5 21.043V18.5H3.25C2.78587 18.5 2.34075 18.3156 2.01256 17.9874C1.68437 17.6592 1.5 17.2141 1.5 16.75V4.25ZM3.25 4C3.1837 4 3.12011 4.02634 3.07322 4.07322C3.02634 4.12011 3 4.1837 3 4.25V16.75C3 16.888 3.112 17 3.25 17H5.75C5.94891 17 6.13968 17.079 6.28033 17.2197C6.42098 17.3603 6.5 17.5511 6.5 17.75V20.94L10.22 17.22C10.2895 17.1503 10.3722 17.095 10.4631 17.0572C10.554 17.0195 10.6515 17 10.75 17H20.75C20.8163 17 20.8799 16.9737 20.9268 16.9268C20.9737 16.8799 21 16.8163 21 16.75V4.25C21 4.1837 20.9737 4.12011 20.9268 4.07322C20.8799 4.02634 20.8163 4 20.75 4H3.25Z" fill="#C3C3C3"/>
+</svg>

juicedupmotorcycles.pl/images/icon-share.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 12V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V12M16 6L12 2M12 2L8 6M12 2V15" stroke="#C3C3C3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

juicedupmotorcycles.pl/images/icon-storage.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 12C2.60218 12 2.22064 11.842 1.93934 11.5607C1.65804 11.2794 1.5 10.8978 1.5 10.5V6C1.5 5.60218 1.65804 5.22064 1.93934 4.93934C2.22064 4.65804 2.60218 4.5 3 4.5H21C21.3978 4.5 21.7794 4.65804 22.0607 4.93934C22.342 5.22064 22.5 5.60218 22.5 6V10.5C22.5 10.8978 22.342 11.2794 22.0607 11.5607C21.7794 11.842 21.3978 12 21 12H3ZM22.5 15V19.5C22.5 19.8978 22.342 20.2794 22.0607 20.5607C21.7794 20.842 21.3978 21 21 21H3C2.60218 21 2.22064 20.842 1.93934 20.5607C1.65804 20.2794 1.5 19.8978 1.5 19.5V15C1.5 14.6022 1.65804 14.2206 1.93934 13.9393C2.22064 13.658 2.60218 13.5 3 13.5H21C21.3978 13.5 21.7794 13.658 22.0607 13.9393C22.342 14.2206 22.5 14.6022 22.5 15ZM24 10.5V6C24 5.20435 23.6839 4.44129 23.1213 3.87868C22.5587 3.31607 21.7956 3 21 3H3C2.20435 3 1.44129 3.31607 0.87868 3.87868C0.316071 4.44129 0 5.20435 0 6L0 10.5C0 11.4015 0.4065 12.1995 1.035 12.75C0.4065 13.3005 0 14.0985 0 15V19.5C0 20.2956 0.316071 21.0587 0.87868 21.6213C1.44129 22.1839 2.20435 22.5 3 22.5H21C21.7956 22.5 22.5587 22.1839 23.1213 21.6213C23.6839 21.0587 24 20.2956 24 19.5V15C24 14.0985 23.5935 13.3005 22.9665 12.75C23.5935 12.1995 24 11.4015 24 10.5Z" fill="#C3C3C3"/>
+<path d="M6.75 19.5C7.99264 19.5 9 18.4926 9 17.25C9 16.0074 7.99264 15 6.75 15C5.50736 15 4.5 16.0074 4.5 17.25C4.5 18.4926 5.50736 19.5 6.75 19.5Z" fill="#C3C3C3"/>
+<path d="M6.75 10.5C7.99264 10.5 9 9.49264 9 8.25C9 7.00736 7.99264 6 6.75 6C5.50736 6 4.5 7.00736 4.5 8.25C4.5 9.49264 5.50736 10.5 6.75 10.5Z" fill="#C3C3C3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 15H19.5V19.5H18V15ZM15 15H16.5V19.5H15V15ZM18 6H19.5V10.5H18V6ZM15 6H16.5V10.5H15V6Z" fill="#C3C3C3"/>
+</svg>

juicedupmotorcycles.pl/images/icon-trash.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 11V17M10 11V17M6 7V19C6 19.5304 6.21071 20.0391 6.58579 20.4142C6.96086 20.7893 7.46957 21 8 21H16C16.5304 21 17.0391 20.7893 17.4142 20.4142C17.7893 20.0391 18 19.5304 18 19V7M4 7H20M7 7L9 3H15L17 7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

juicedupmotorcycles.pl/images/icon-user.svg

@@ -0,0 +1,10 @@
+<svg width="37" height="36" viewBox="0 0 37 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_55_11)">
+<path d="M25.8282 21.375C23.5219 21.375 22.413 22.5 18.6282 22.5C14.8434 22.5 13.7425 21.375 11.4282 21.375C5.46567 21.375 0.628174 25.6078 0.628174 30.825V32.625C0.628174 34.4883 2.35585 36 4.48532 36H32.771C34.9005 36 36.6282 34.4883 36.6282 32.625V30.825C36.6282 25.6078 31.7907 21.375 25.8282 21.375ZM32.771 32.625H4.48532V30.825C4.48532 27.4781 7.60317 24.75 11.4282 24.75C12.6014 24.75 14.5059 25.875 18.6282 25.875C22.7826 25.875 24.6469 24.75 25.8282 24.75C29.6532 24.75 32.771 27.4781 32.771 30.825V32.625ZM18.6282 20.25C25.0166 20.25 30.1996 15.7148 30.1996 10.125C30.1996 4.53516 25.0166 0 18.6282 0C12.2398 0 7.05675 4.53516 7.05675 10.125C7.05675 15.7148 12.2398 20.25 18.6282 20.25ZM18.6282 3.375C22.8791 3.375 26.3425 6.40547 26.3425 10.125C26.3425 13.8445 22.8791 16.875 18.6282 16.875C14.3773 16.875 10.9139 13.8445 10.9139 10.125C10.9139 6.40547 14.3773 3.375 18.6282 3.375Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_55_11">
+<rect width="36" height="36" fill="white" transform="translate(0.628174)"/>
+</clipPath>
+</defs>
+</svg>

juicedupmotorcycles.pl/scandia/demo.html

@@ -0,0 +1,545 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, noarchive">
+    <meta name="format-detection" content="telephone=no">
+    <title>Transfonter demo</title>
+    <link href="stylesheet.css" rel="stylesheet">
+    <style>
+        /*
+        http://meyerweb.com/eric/tools/css/reset/
+        v2.0 | 20110126
+        License: none (public domain)
+        */
+        html, body, div, span, applet, object, iframe,
+        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+        a, abbr, acronym, address, big, cite, code,
+        del, dfn, em, img, ins, kbd, q, s, samp,
+        small, strike, strong, sub, sup, tt, var,
+        b, u, i, center,
+        dl, dt, dd, ol, ul, li,
+        fieldset, form, label, legend,
+        table, caption, tbody, tfoot, thead, tr, th, td,
+        article, aside, canvas, details, embed,
+        figure, figcaption, footer, header, hgroup,
+        menu, nav, output, ruby, section, summary,
+        time, mark, audio, video {
+            margin: 0;
+            padding: 0;
+            border: 0;
+            font-size: 100%;
+            font: inherit;
+            vertical-align: baseline;
+        }
+        /* HTML5 display-role reset for older browsers */
+        article, aside, details, figcaption, figure,
+        footer, header, hgroup, menu, nav, section {
+            display: block;
+        }
+        body {
+            line-height: 1;
+        }
+        ol, ul {
+            list-style: none;
+        }
+        blockquote, q {
+            quotes: none;
+        }
+        blockquote:before, blockquote:after,
+        q:before, q:after {
+            content: '';
+            content: none;
+        }
+        table {
+            border-collapse: collapse;
+            border-spacing: 0;
+        }
+        /* demo styles */
+        body {
+            background: #f0f0f0;
+            color: #000;
+        }
+        .page {
+            background: #fff;
+            width: 920px;
+            margin: 0 auto;
+            padding: 20px 20px 0 20px;
+            overflow: hidden;
+        }
+        .font-container {
+            overflow-x: auto;
+            overflow-y: hidden;
+            margin-bottom: 40px;
+            line-height: 1.3;
+            white-space: nowrap;
+            padding-bottom: 5px;
+        }
+        h1 {
+            position: relative;
+            background: #444;
+            font-size: 32px;
+            color: #fff;
+            padding: 10px 20px;
+            margin: 0 -20px 12px -20px;
+        }
+        .letters {
+            font-size: 25px;
+            margin-bottom: 20px;
+        }
+        .s10:before {
+            content: '10px';
+        }
+        .s11:before {
+            content: '11px';
+        }
+        .s12:before {
+            content: '12px';
+        }
+        .s14:before {
+            content: '14px';
+        }
+        .s18:before {
+            content: '18px';
+        }
+        .s24:before {
+            content: '24px';
+        }
+        .s30:before {
+            content: '30px';
+        }
+        .s36:before {
+            content: '36px';
+        }
+        .s48:before {
+            content: '48px';
+        }
+        .s60:before {
+            content: '60px';
+        }
+        .s72:before {
+            content: '72px';
+        }
+        .s10:before, .s11:before, .s12:before, .s14:before,
+        .s18:before, .s24:before, .s30:before, .s36:before,
+        .s48:before, .s60:before, .s72:before {
+            font-family: Arial, sans-serif;
+            font-size: 10px;
+            font-weight: normal;
+            font-style: normal;
+            color: #999;
+            padding-right: 6px;
+        }
+        pre {
+            display: block;
+            position: relative;
+            padding: 9px;
+            margin: 0 0 10px;
+            font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
+            font-size: 13px;
+            line-height: 1.428571429;
+            color: #333;
+            font-weight: normal;
+            font-style: normal;
+            background-color: #f5f5f5;
+            border: 1px solid #ccc;
+            overflow-x: auto;
+            border-radius: 4px;
+        }
+        pre:after {
+            display: block;
+            position: absolute;
+            right: 0;
+            top: 0;
+            content: 'Usage';
+            line-height: 1;
+            padding: 5px 8px;
+            font-size: 12px;
+            color: #767676;
+            background-color: #fff;
+            border: 1px solid #ccc;
+            border-right: none;
+            border-top: none;
+            border-radius: 0 4px 0 4px;
+            z-index: 10;
+        }
+        /* responsive */
+        @media (max-width: 959px) {
+            .page {
+                width: auto;
+                margin: 0;
+            }
+        }
+    </style>
+</head>
+<body>
+<div class="page">
+    <div class="demo">
+        <h1 style="font-family: 'Scandia'; font-weight: normal; font-style: italic;">Scandia Regular Italic</h1>
+        <pre>.your-style {
+    font-family: 'Scandia';
+    font-weight: normal;
+    font-style: italic;
+}</pre>
+        <div class="font-container" style="font-family: 'Scandia'; font-weight: normal; font-style: italic;">
+            <p class="letters">
+                abcdefghijklmnopqrstuvwxyz<br>
+ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
+                0123456789.:,;()*!?'@#<>$%&^+-=~
+            </p>
+            <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+        </div>
+    </div>
+    <div class="demo">
+        <h1 style="font-family: 'Scandia'; font-weight: 300; font-style: normal;">Scandia Light</h1>
+        <pre>.your-style {
+    font-family: 'Scandia';
+    font-weight: 300;
+    font-style: normal;
+}</pre>
+        <div class="font-container" style="font-family: 'Scandia'; font-weight: 300; font-style: normal;">
+            <p class="letters">
+                abcdefghijklmnopqrstuvwxyz<br>
+ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
+                0123456789.:,;()*!?'@#<>$%&^+-=~
+            </p>
+            <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+        </div>
+    </div>
+    <div class="demo">
+        <h1 style="font-family: 'Scandia'; font-weight: bold; font-style: italic;">Scandia Bold Italic</h1>
+        <pre>.your-style {
+    font-family: 'Scandia';
+    font-weight: bold;
+    font-style: italic;
+}</pre>
+        <div class="font-container" style="font-family: 'Scandia'; font-weight: bold; font-style: italic;">
+            <p class="letters">
+                abcdefghijklmnopqrstuvwxyz<br>
+ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
+                0123456789.:,;()*!?'@#<>$%&^+-=~
+            </p>
+            <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+        </div>
+    </div>
+    <div class="demo">
+        <h1 style="font-family: 'Scandia Line'; font-weight: bold; font-style: normal;">Scandia Line Bold</h1>
+        <pre>.your-style {
+    font-family: 'Scandia Line';
+    font-weight: bold;
+    font-style: normal;
+}</pre>
+        <div class="font-container" style="font-family: 'Scandia Line'; font-weight: bold; font-style: normal;">
+            <p class="letters">
+                abcdefghijklmnopqrstuvwxyz<br>
+ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
+                0123456789.:,;()*!?'@#<>$%&^+-=~
+            </p>
+            <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+        </div>
+    </div>
+    <div class="demo">
+        <h1 style="font-family: 'Scandia Line'; font-weight: 300; font-style: normal;">Scandia Line Light</h1>
+        <pre>.your-style {
+    font-family: 'Scandia Line';
+    font-weight: 300;
+    font-style: normal;
+}</pre>
+        <div class="font-container" style="font-family: 'Scandia Line'; font-weight: 300; font-style: normal;">
+            <p class="letters">
+                abcdefghijklmnopqrstuvwxyz<br>
+ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
+                0123456789.:,;()*!?'@#<>$%&^+-=~
+            </p>
+            <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+        </div>
+    </div>
+    <div class="demo">
+        <h1 style="font-family: 'Scandia Stencil'; font-weight: 900; font-style: normal;">Scandia Stencil</h1>
+        <pre>.your-style {
+    font-family: 'Scandia Stencil';
+    font-weight: 900;
+    font-style: normal;
+}</pre>
+        <div class="font-container" style="font-family: 'Scandia Stencil'; font-weight: 900; font-style: normal;">
+            <p class="letters">
+                abcdefghijklmnopqrstuvwxyz<br>
+ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
+                0123456789.:,;()*!?'@#<>$%&^+-=~
+            </p>
+            <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+        </div>
+    </div>
+    <div class="demo">
+        <h1 style="font-family: 'Scandia'; font-weight: 500; font-style: normal;">Scandia Medium</h1>
+        <pre>.your-style {
+    font-family: 'Scandia';
+    font-weight: 500;
+    font-style: normal;
+}</pre>
+        <div class="font-container" style="font-family: 'Scandia'; font-weight: 500; font-style: normal;">
+            <p class="letters">
+                abcdefghijklmnopqrstuvwxyz<br>
+ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
+                0123456789.:,;()*!?'@#<>$%&^+-=~
+            </p>
+            <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+        </div>
+    </div>
+    <div class="demo">
+        <h1 style="font-family: 'Scandia'; font-weight: 300; font-style: italic;">Scandia Light Italic</h1>
+        <pre>.your-style {
+    font-family: 'Scandia';
+    font-weight: 300;
+    font-style: italic;
+}</pre>
+        <div class="font-container" style="font-family: 'Scandia'; font-weight: 300; font-style: italic;">
+            <p class="letters">
+                abcdefghijklmnopqrstuvwxyz<br>
+ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
+                0123456789.:,;()*!?'@#<>$%&^+-=~
+            </p>
+            <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+        </div>
+    </div>
+    <div class="demo">
+        <h1 style="font-family: 'Scandia Line'; font-weight: 500; font-style: normal;">Scandia Line Medium</h1>
+        <pre>.your-style {
+    font-family: 'Scandia Line';
+    font-weight: 500;
+    font-style: normal;
+}</pre>
+        <div class="font-container" style="font-family: 'Scandia Line'; font-weight: 500; font-style: normal;">
+            <p class="letters">
+                abcdefghijklmnopqrstuvwxyz<br>
+ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
+                0123456789.:,;()*!?'@#<>$%&^+-=~
+            </p>
+            <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+        </div>
+    </div>
+    <div class="demo">
+        <h1 style="font-family: 'Scandia'; font-weight: 500; font-style: italic;">Scandia Medium Italic</h1>
+        <pre>.your-style {
+    font-family: 'Scandia';
+    font-weight: 500;
+    font-style: italic;
+}</pre>
+        <div class="font-container" style="font-family: 'Scandia'; font-weight: 500; font-style: italic;">
+            <p class="letters">
+                abcdefghijklmnopqrstuvwxyz<br>
+ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
+                0123456789.:,;()*!?'@#<>$%&^+-=~
+            </p>
+            <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+        </div>
+    </div>
+    <div class="demo">
+        <h1 style="font-family: 'Scandia Line Stencil'; font-weight: 900; font-style: normal;">Scandia Line Stencil</h1>
+        <pre>.your-style {
+    font-family: 'Scandia Line Stencil';
+    font-weight: 900;
+    font-style: normal;
+}</pre>
+        <div class="font-container" style="font-family: 'Scandia Line Stencil'; font-weight: 900; font-style: normal;">
+            <p class="letters">
+                abcdefghijklmnopqrstuvwxyz<br>
+ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
+                0123456789.:,;()*!?'@#<>$%&^+-=~
+            </p>
+            <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+        </div>
+    </div>
+    <div class="demo">
+        <h1 style="font-family: 'Scandia Line'; font-weight: normal; font-style: normal;">Scandia Line Regular</h1>
+        <pre>.your-style {
+    font-family: 'Scandia Line';
+    font-weight: normal;
+    font-style: normal;
+}</pre>
+        <div class="font-container" style="font-family: 'Scandia Line'; font-weight: normal; font-style: normal;">
+            <p class="letters">
+                abcdefghijklmnopqrstuvwxyz<br>
+ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
+                0123456789.:,;()*!?'@#<>$%&^+-=~
+            </p>
+            <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+        </div>
+    </div>
+    <div class="demo">
+        <h1 style="font-family: 'Scandia'; font-weight: bold; font-style: normal;">Scandia Bold</h1>
+        <pre>.your-style {
+    font-family: 'Scandia';
+    font-weight: bold;
+    font-style: normal;
+}</pre>
+        <div class="font-container" style="font-family: 'Scandia'; font-weight: bold; font-style: normal;">
+            <p class="letters">
+                abcdefghijklmnopqrstuvwxyz<br>
+ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
+                0123456789.:,;()*!?'@#<>$%&^+-=~
+            </p>
+            <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+        </div>
+    </div>
+    <div class="demo">
+        <h1 style="font-family: 'Scandia'; font-weight: normal; font-style: normal;">Scandia Regular</h1>
+        <pre>.your-style {
+    font-family: 'Scandia';
+    font-weight: normal;
+    font-style: normal;
+}</pre>
+        <div class="font-container" style="font-family: 'Scandia'; font-weight: normal; font-style: normal;">
+            <p class="letters">
+                abcdefghijklmnopqrstuvwxyz<br>
+ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
+                0123456789.:,;()*!?'@#<>$%&^+-=~
+            </p>
+            <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+            <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+        </div>
+    </div>
+</div>
+</body>
+</html>

juicedupmotorcycles.pl/scandia/stylesheet.css

@@ -0,0 +1,168 @@
+@font-face {
+    font-family: 'Scandia';
+    src: url('Scandia-RegularItalic.eot');
+    src: local('Scandia Regular Italic'), local('Scandia-RegularItalic'),
+        url('Scandia-RegularItalic.eot?#iefix') format('embedded-opentype'),
+        url('Scandia-RegularItalic.woff2') format('woff2'),
+        url('Scandia-RegularItalic.woff') format('woff'),
+        url('Scandia-RegularItalic.ttf') format('truetype');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Scandia';
+    src: url('Scandia-Light.eot');
+    src: local('Scandia Light'), local('Scandia-Light'),
+        url('Scandia-Light.eot?#iefix') format('embedded-opentype'),
+        url('Scandia-Light.woff2') format('woff2'),
+        url('Scandia-Light.woff') format('woff'),
+        url('Scandia-Light.ttf') format('truetype');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Scandia';
+    src: url('Scandia-BoldItalic.eot');
+    src: local('Scandia Bold Italic'), local('Scandia-BoldItalic'),
+        url('Scandia-BoldItalic.eot?#iefix') format('embedded-opentype'),
+        url('Scandia-BoldItalic.woff2') format('woff2'),
+        url('Scandia-BoldItalic.woff') format('woff'),
+        url('Scandia-BoldItalic.ttf') format('truetype');
+    font-weight: bold;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Scandia Line';
+    src: url('ScandiaLine-Bold.eot');
+    src: local('Scandia Line Bold'), local('ScandiaLine-Bold'),
+        url('ScandiaLine-Bold.eot?#iefix') format('embedded-opentype'),
+        url('ScandiaLine-Bold.woff2') format('woff2'),
+        url('ScandiaLine-Bold.woff') format('woff'),
+        url('ScandiaLine-Bold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Scandia Line';
+    src: url('ScandiaLine-Light.eot');
+    src: local('Scandia Line Light'), local('ScandiaLine-Light'),
+        url('ScandiaLine-Light.eot?#iefix') format('embedded-opentype'),
+        url('ScandiaLine-Light.woff2') format('woff2'),
+        url('ScandiaLine-Light.woff') format('woff'),
+        url('ScandiaLine-Light.ttf') format('truetype');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Scandia Stencil';
+    src: url('Scandia-Stencil.eot');
+    src: local('Scandia Stencil'), local('Scandia-Stencil'),
+        url('Scandia-Stencil.eot?#iefix') format('embedded-opentype'),
+        url('Scandia-Stencil.woff2') format('woff2'),
+        url('Scandia-Stencil.woff') format('woff'),
+        url('Scandia-Stencil.ttf') format('truetype');
+    font-weight: 900;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Scandia';
+    src: url('Scandia-Medium.eot');
+    src: local('Scandia Medium'), local('Scandia-Medium'),
+        url('Scandia-Medium.eot?#iefix') format('embedded-opentype'),
+        url('Scandia-Medium.woff2') format('woff2'),
+        url('Scandia-Medium.woff') format('woff'),
+        url('Scandia-Medium.ttf') format('truetype');
+    font-weight: 500;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Scandia';
+    src: url('Scandia-LightItalic.eot');
+    src: local('Scandia Light Italic'), local('Scandia-LightItalic'),
+        url('Scandia-LightItalic.eot?#iefix') format('embedded-opentype'),
+        url('Scandia-LightItalic.woff2') format('woff2'),
+        url('Scandia-LightItalic.woff') format('woff'),
+        url('Scandia-LightItalic.ttf') format('truetype');
+    font-weight: 300;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Scandia Line';
+    src: url('ScandiaLine-Medium.eot');
+    src: local('Scandia Line Medium'), local('ScandiaLine-Medium'),
+        url('ScandiaLine-Medium.eot?#iefix') format('embedded-opentype'),
+        url('ScandiaLine-Medium.woff2') format('woff2'),
+        url('ScandiaLine-Medium.woff') format('woff'),
+        url('ScandiaLine-Medium.ttf') format('truetype');
+    font-weight: 500;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Scandia';
+    src: url('Scandia-MediumItalic.eot');
+    src: local('Scandia Medium Italic'), local('Scandia-MediumItalic'),
+        url('Scandia-MediumItalic.eot?#iefix') format('embedded-opentype'),
+        url('Scandia-MediumItalic.woff2') format('woff2'),
+        url('Scandia-MediumItalic.woff') format('woff'),
+        url('Scandia-MediumItalic.ttf') format('truetype');
+    font-weight: 500;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Scandia Line Stencil';
+    src: url('ScandiaLine-Stencil.eot');
+    src: local('Scandia Line Stencil'), local('ScandiaLine-Stencil'),
+        url('ScandiaLine-Stencil.eot?#iefix') format('embedded-opentype'),
+        url('ScandiaLine-Stencil.woff2') format('woff2'),
+        url('ScandiaLine-Stencil.woff') format('woff'),
+        url('ScandiaLine-Stencil.ttf') format('truetype');
+    font-weight: 900;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Scandia Line';
+    src: url('ScandiaLine-Regular.eot');
+    src: local('Scandia Line Regular'), local('ScandiaLine-Regular'),
+        url('ScandiaLine-Regular.eot?#iefix') format('embedded-opentype'),
+        url('ScandiaLine-Regular.woff2') format('woff2'),
+        url('ScandiaLine-Regular.woff') format('woff'),
+        url('ScandiaLine-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Scandia';
+    src: url('Scandia-Bold.eot');
+    src: local('Scandia Bold'), local('Scandia-Bold'),
+        url('Scandia-Bold.eot?#iefix') format('embedded-opentype'),
+        url('Scandia-Bold.woff2') format('woff2'),
+        url('Scandia-Bold.woff') format('woff'),
+        url('Scandia-Bold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Scandia';
+    src: url('Scandia-Regular.eot');
+    src: local('Scandia Regular'), local('Scandia-Regular'),
+        url('Scandia-Regular.eot?#iefix') format('embedded-opentype'),
+        url('Scandia-Regular.woff2') format('woff2'),
+        url('Scandia-Regular.woff') format('woff'),
+        url('Scandia-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+