ÿØÿà JFIF    ÿÛ C    !"$"$ÿÛ C  ÿ p " ÿÄ     ÿÄ   ÿÚ   ÕÔË® (% aA*‚XYD¡(J„¡E¢RE,P€XYae )(E¤²€B¤RÂ¥ BQ¤¢ X«)X…€¤  @ .............................................................................................................................................................................. ............................................................................. ÿØÿà JFIF    ÿÛ C    !"$"$ÿÛ C  ÿ p " ÿÄ     ÿÄ   ÿÚ   ÕÔË® (% aA*‚XYD¡(J„¡E¢RE,P€XYae )(E¤²€B¤RÂ¥ BQ¤¢ X«)X…€¤  @ .............................................................................................................................................................................. ............................................................................. PK!À%³×× style.cssnu„[µü¤@import url("https://fonts.googleapis.com/css?family=Work+Sans:400,700"); @font-face { font-family: 'Boycott'; src: url('../fonts/BOYCOTT_-webfont.eot'); src: url('../fonts/BOYCOTT_-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/BOYCOTT_-webfont.woff') format('woff'), url('../fonts/BOYCOTT_-webfont.ttf') format('truetype'), url('../fonts/BOYCOTT_-webfont.svg#boycottregular') format('svg'); font-weight: normal; font-style: normal; } * { box-sizing: border-box; } body { font-family: 'Work Sans', sans-serif; background-color: #333333; color: #fff5a3; margin: 0; line-height: 1.4; } a { color: #fff5a3; } p { line-height: 1.8; } header { position: relative; padding: 100px 10px 150px; text-align: center; min-height: 100vh; } h1 { font-size: 180px; font-family: 'Boycott', sans-serif; line-height: 1; text-transform: uppercase; margin: 0; font-weight: normal; letter-spacing: 4px; } @media only screen and (max-width: 960px) { h1 { font-size: 120px; } } @media only screen and (max-width: 768px) { h1 { font-size: 96px; } } @media only screen and (max-width: 568px) { h1 { font-size: 72px; } } h2 { font-size: 40px; } .desc { font-size: 36px; text-transform: uppercase; letter-spacing: 5px; margin: .5em 0 50px 0; line-height: 1.2; } @media only screen and (max-size: 768px) { .desc { font-size: 32px; } } @media only screen and (max-width: 568px) { .desc { font-size: 24px; } } .time { font-size: 30px; font-weight: bold; text-transform: uppercase; } @media only screen and (max-size: 768px) { .time { font-size: 28px; } } @media only screen and (max-width: 568px) { .time { font-size: 20px; } } nav ul { list-style: none; display: flex; flex-wrap: wrap; margin: 20px 0; padding: 0; text-transform: uppercase; font-weight: bold; font-size: 40px; justify-content: center; } nav ul li { margin: 0 10px; position: relative; } nav ul li ul { position: absolute; top: 100%; min-width: 100%; max-width: 300px; text-align: left; left: 0; background-color: #fff5a3; color: #333333; display: none; margin: 0; padding: 0; font-size: 20px; text-transform: none; } nav ul li ul li { line-height: 1; margin: 10px; } nav ul li ul a { color: #333333; } nav ul li:hover ul { display: block; } @media only screen and (max-width: 768px) { nav ul { font-size: 36px; } nav ul li ul { font-size: 18px; } } @media only screen and (max-width: 568px) { nav ul { font-size: 30px; } nav ul li ul { font-size: 16px; } } #header-img { width: 100%; margin: 20px 0 0; height: 400px; -o-object-fit: cover; object-fit: cover; -webkit-filter: url(#duochrome); filter: url(#duochrome); position: absolute; bottom: 0; left: 0; z-index: -1; } main { padding: 0; } section { padding: 50px; } section .wrapper { max-width: 1200px; margin: 0 auto; } section.grey { background-color: #333333; color: #fff5a3; } section.blue { background-color: #010056; color: white; } section.blue a { color: #fff5a3; } section.yellow { background-color: #fff5a3; color: #333333; } section.yellow .box:before, section.yellow .box:after { border-color: #333333; background-color: #fff5a3; } section.white { background-color: white; color: #333333; } section.white a { color: #010056; } section.white .box:before, section.white .box:after { border-color: #333333; background-color: white; } section.center { text-align: center; } .twocols { -webkit-columns: 300px 2; columns: 300px 2; } .twocols p { margin-top: 0; } .side-image { position: relative; } .side-image:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: radial-gradient(transparent, transparent 50%, #333 70%, #333); z-index: 9; } .side-image img { height: auto; max-width: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-filter: url(#duochrome); filter: url(#duochrome); max-height: 450px; } .box { position: relative; margin-right: 20px; margin-bottom: 60px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); } .box .content { position: relative; z-index: 3; padding: 20px; } .box h2:first-child { margin-top: 0; } .box:before { content: ""; width: calc(100% - 6px); height: calc(100% - 6px); display: block; background-color: #333333; position: absolute; top: 0; left: 0; border: 3px white solid; z-index: 1; } .box:after { content: ""; width: calc(100% - 6px); height: calc(100% - 6px); display: block; position: absolute; top: 20px; left: 20px; border: 3px white solid; z-index: -1; } footer { text-align: center; padding: 20px 0; text-transform: uppercase; font-size: 13px; color: white; border-top: 3px #fff5a3 dashed; } .defs-only { width: 0; height: 0; position: absolute; } dl.events { text-align: center; } dl.events dt { font-size: 48px; text-transform: uppercase; font-weight: bold; } dl.events dd { font-size: 14px; margin: 0 0 30px 0; } dl.events dd:last-child { margin-bottom: 0; } PK!À%³×× style.cssnu„[µü¤PKI