@function between($to, $from, $toWidth, $fromWidth) {
$slope: ($to - $from) / ($toWidth - $fromWidth);
$base: $from - $slope * $fromWidth;
@return calc(#{$base} + #{100vw * $slope});
}
$smallScreen: 550px;
$largeScreen: 1600px;
*,
*:before,
*:after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
height: 100%;
}
#logo {
height: auto;
width: 90%;
max-width: 597px;
}
#logo-rocks {
position: absolute;
top: 0;
width: 100%;
max-width: 800px;
height: 16rem;
// keep above content
z-index: 1;
pointer-events: none;
}
#rocks-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
body {
position: relative;
min-height: 100%;
margin: auto;
background:
url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/106403/feastbeast--website--header-bg.jpg) no-repeat,
url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/106403/feastbeast--website--bg.jpg) repeat-y,
black;
background-position: center top, center calc(50vw + 100vmax);
background-size: calc(50% + 100vmax) auto;
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 2rem;
overflow-x: hidden;
}
$tornEdge: 'data:image/jpeg%3Bbase64%2C/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABBAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu%2B7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI%2BIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI%2BIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MDhDMzk5RkMwMzQxMUU5QjY0MkJBNzk2MkYzQzcxRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MDhDMzlBMEMwMzQxMUU5QjY0MkJBNzk2MkYzQzcxRSI%2BIDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYwOEMzOTlEQzAzNDExRTlCNjQyQkE3OTYyRjNDNzFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYwOEMzOTlFQzAzNDExRTlCNjQyQkE3OTYyRjNDNzFFIi8%2BIDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY%2BIDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8%2B/%2B4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAO1gAAG1UAACqxAAA%2BQ//bAIQABQQEBAQEBQQEBQcFBAUHCQcFBQcJCggICQgICg0KCwsLCwoNDAwMDQwMDA8PEREPDxcWFhYXGRkZGRkZGRkZGQEGBgYKCQoUDQ0UFhEOERYZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZ/8IAEQgAJwSOAwERAAIRAQMRAf/EAMkAAAEFAQEAAAAAAAAAAAAAAAQAAQIDBQYHAQEAAAAAAAAAAAAAAAAAAAAAEAABBAICAgICAgIDAAAAAAABAAIDBBEFEhMVBhAUICEiFjCQMSMkEQABAwMBBQUECQIEBwAAAAABABECIRIDMUFRIhMEYXGBMkIQkaEjILHB0VJiMxQk4XJAUPAFMPGCklNjNBIBAAAAAAAAAAAAAAAAAAAAkBMBAQACAgICAgICAwEBAAAAAREAITFBUWFxgZGhELHB0ZDw4fEg/9oADAMBAAIRAxEAAAHx4gdKXmuBGOYpUIQhCEIQxIQwwhxiQhxCGGHEMWhh0JQcuMSICJEBDiEOIYYQhhDjjDjCEMOSHGHEQEMIcQ4ww4hEzTNEtMwzikYYQhDCEOMOIQhEhiQ4whiIhDiHIiHHEIsNA6coORBxxyAhExxDDjiIkxjRNI9PDjWMo4o86KCA5IRaMWGyZ44wiAIVki0mIQ44jRNc0jeDDcAjnjFHMQwRDkCwQhggHKioiRLCQUIiRCCwiDF4SOBiKiJAkXlgWXAZWSCDsTQDDRGMUCOfMczSBEYQ44iscQSXB5rFpUOZIGXEhw4kYhnkjTKQQuPRzojbMExjzsDGJmsVgxcEA5McuByoEPXzfOpLRiozTkC0xi8mIzD0E1jROdKBAxuARlnKgpngZA1jqiJ3BqFohEhigFBTFBzlCAeECCiQSGGeEHJHSm2EBIxADGKwsQWckMc0FmgObYUTNMKKjmiwibxoEhxyIxAxzFM06AoLQkrBgAwDNDQ8HOzOiBisctGKiwFKjnCogOBhZxp1Z3RIsBwU5EgWGwWDFhhGqY4aIsMkoObPdiAUWCGGBQcqLRA5EkQDSwtERBykmCmcc%2BUmYVnSmoXEjQNMJEMQKCszQ0BNAYvHLSZWBABlBpWElZeIrCzPNALCxisAM4wgoMIhYxmCNUOATSJBAhhDFZYQJFZcBCM4mBAIIccbZ2wWEgYxoA4UZxE1S8gVhBnmYAFhabZpExAxlgprBZeTGIghMGCSBSZo5ogIeaRIQw5ArGIkigiIYILyQhhCEDjGeZRlB5plgjPLzVNEkMMAEggtKxDiJjEiIIIqDAIQMSEMTIB45eMQIFRSBmmIQKZYMahWMXCLQoKLxESgFDyYxEoBykRjgxAvNUrCwEuAhwkmBmGbxtBxAYqMoJBjRLAocYYGDBEyIhigpBBDBBmHCmgf/9oACAEBAAEFAuCALjFrXvZX17ZV46rHVlrSSPfQPS9nA/4sFYWPxwsLBXErCx8YWPhsbivrOK8bG6KzqTC3iQuKLCPjCx8YWFhAZXErisfnhYWPywuK4riuJ/PH5Bqq1XSSN1b5i/UyNbLrpoWSQmM8Ssf58LC4riuK4riVj5x8Y%2BcLCwsIMOa9djpIquveJ6uuZHIwNcsLj%2BAaSuBXFcVxXAosK4lcFwTQFrasTpqMdQsE8bU6eOWOas4MuVbLq8kbuRaW/GMriVhCJ7l1vKZBI93jLTIzCUIiuBQhODESjG4LC4oMQYuK4oNXAoR5TKErhX1ErnjRvlFb19jWQetxcY9NG2vPp5ZWWdFyY3SMjsDWVbEl2lHGeC4FdTlwToixCEkmItPWV9Z3V0ux1osIXErC63pkbnO%2BvMhXlK6ZF1OKFaTH1JiH1CxpgeC%2Bs9qhpyPAozFdeFwRjyukoRkn68qFWRfUlJj1th7fEzkNpOKNQg/UJFbXPnmk9dd2Q%2BtMKOmqMMeo64ZaLmp%2Btnc6XVOJGqYTNS4gwlGF4XU5dbl1uKETigxy6yi3CwsLpKZWOfq4UWqmLRpJyRrCGeKDGT03RoV3o1ntb9Z7wNdMVBRIZ4ogSV3BFhagzk4VwCYxjioohI%2Bpp68gGjh5ePqVlLrJJm2dbTiM0LAutdaFd7j4yVjG6qw4QwloEK%2BvhdTM9DWoQNJdD1rqapYeA/Sr6VhZT1IicKw5CAA/XajBlTVXvj8NJZcfVK80l31gCSr6qE71fsdY9Twj69da6jqKrKsGsp13yQxytsaOjMnev0sN9fqcXeuw48RQ6WaDXMfZ9YpSOl9XkBb65OZfCzd3jp0%2Bi9gg13ayxoGtqQevvaq%2BthgXTEE1rWri0Li1YBXEIwQlPoVHqXXVy5%2BijkfJ69XdKfXpiW66IgaZkZfq3skfrXRqrqGuh/rzZYjq5MHTMngHrFcwt9Yp9M%2BgkrMqes0jEPX9aFDpddCfGU14yovE0l4HX8naOoV4WHA09TizVVeTtbUcn617pZdXabE7TXnnXaUyzS%2BuOY2LQSqr6/Vga7RUnoaOiFFQqxA14SvqQJ2pjD/DxKLUwOfHQrRng1Yx84CLQUYoyJtZWkHig0T6yINraeh1/wBdodjNBQahpNcAdJr8M9e14Y/1mkj6s/LPX%2BqQ%2BqyMmn0XQyvQYZamtr8%2BtuTTgLo6FaM/QqJ9StITTqlSUKki%2BnWx42uodVWiVjS5dW9faZJ/VYXHV%2Btsgl3WoIn/AK32ss6uaCxT9c/hHXfDCwXgwC3k1HPT9bGVLpCXP9ewyPQsJi0kcRdqe0jWubENc7gNGCfChT6mCB3jIuEetjLn653Pxn/fa10rD4p/cyVpZ9mNNfy/Ao9ilnljINsN%2Bw9SWSwdtlylknjUc9ooz3UJpl2ylMc4ouIR7ggbhPdKwh1hOsWiHHY4m2GyidDs9hFHLtb0rY/YNlXVfa3JxXu3Xp92dkdbYyOEd2R743yOb8uL8GSVdshEr52vfyYWPmQZNhjLOXNsEcZliRYcn9mOE4cY7Lk9%2BzhLXTFNlvOJNoRxTWy%2Ba3OFDPaIkuWuTLE3B1u4SJpmhjpigXL%2BSdIzBlkja%2B1OW/a3Ua8ltXOfPsQIp7j3y2LgIFpjn7G%2Bwx3bjk%2BzeaI323w8towySyQsjl5AOBRa4rhIuEjUJcptkOf3giR0wX/p4D7XJzpcNNomZ8%2BIWzAy27CaZWH7N1wM21jLtvt%2B6Leewtey1t5FDPczJddG7y0Ea8qSI7E8qzeXZLG6xuoKzmbqF5ZfruYLMZP2f5C0SvsN7JdnDEJN3wA9mrEO9mqtQ9i1riNlVIE0RXYxdjVLaZEpdrHGmbpsjRalcBISOX7WVy/Xac9kiEz3uLpAmySuJsvBfuaLSNzrzKL2uKmJLYSwsH4/xR4csMyBFkiPMTYlIwEtjkx1T4ayVYPzhYC/S/S4xc3taV01wbVOB5Gt1WJaOscyGtTYpWUSbMUTo5qMMqhoAQQ1ulY/CSCF7o4YhHxZ8YTwCMNWGL9IY%2BDjEza5bE2HrMVZ7uI49T89NrAgn7HwWimQz5MFrkyGyGiGUAslxx/ZDlj9uaM8YAuuPudXgxFDRY/jWxEys1Oj/QglwadUtrUqDXR04GF2s5oauDj4%2BAKSnSyIqeBFCsRYH/CIOOr9fUGQ0LCx%2B8Hk6OYpsUqMFnkyCxxdQifENbrA2HW02qHXVxK7XseyHWtjLKcIElCuU6tmNutDZZKFGRjKdZr216IU1PWuij1vrrHMrariI6wOAsRdhEaDYU%2BtryhFU%2Bu%2BvreRZUw0Vc/wz/BP4Yw3j118/rAx8fr4GEWt5SQyPa%2BlI530cAUw14rwtUlGm8bSrSjkZQ9YFT//2gAIAQIAAQUC/wBbX//aAAgBAwABBQL/AFtf/9oACAECAgY/Aja//9oACAEDAgY/Aja//9oACAEBAQY/Akw1QEskAPNKocU0qQscB1YjItKynC/iseXL1xvndAQen26r5chMRA%2BdzYy17BVcyJgG1uyByP7UQ4Lbv8Y7U3qJ0hLaVBnYjhl%2BJtWHYgxfedB4Jv8ALWXEbG96eExvI2hkwlEn7FfJq/UmP%2BSV3OmzSGKMdTqUYXgTJYud2wHeQsksZulHhPZsTCrf4EiSfKQQP9eKg%2BIyDO8Y%2BaRRs6bqccZyaLRi8x2Uojbili3eRfwXwxk5JDM/5lPLEzyXlsx4YxbUAf0RaBAdgqhvZT20VArYxJJ2I5JYZADeFWK4QtFcFotP%2BBotEJWyr2KrwHcngC/cjddLsYji8FxhzS8117HQgYDmeqRrTYrY5OD0xGIO22rprpRMK2xxfAl3Ub8vCOxfrWD6hH7d6mcUuCLDx9rt7WTezmMWTtT6LsrQKoiw0XkPuXlK8pWi8qdigDEh1oVIyiREbdEflyHgq%2BynsoCvKVQOmhAnwV1hACcBbm19jhDFoNsmUXkS54zFqUQunk4iHG1tqMcM8kRXliVzE/auKZ4ZvaHY9pO5NjxcylC493gFKR6S%2Bo80oh99oOxSy5MdoESIRi2u7sTzyW%2Boxo6M4Hgf2aLRaJgKrRaKv0NFWit2oyljaLaka9y2dqNS5LFhp2o5OY%2BwBtqFwIJD6LRXGFE4gU9p7gFO7XS1qozlMMKeK0VQhHerZUT%2BwRkSBt7kbsc5ycO7i2ClKHRjZyxNhp2qUodHihiEGEjxfY6jzAzcUpYjZj%2BourpZbsWUWtA2CmplrRNCBEXPE7%2BymqYCu5GWQAaN4oyMWACqNaj2eVOq1Tb0xC0Qk1D7MMuWAXeRIBen3q5sdzh23BGWnYO1Axoyltu3qh09LC33I4AByvSAAG/0VEZICGOBqIyBL%2BClLLIxjsA3Ix6OJkIgO5RlnEg3lA2lB%2BHeo/ty%2B91ZGA7EI5OnjzTrI6rmY8Yu2FGM4uJaqPAYtuXyxXtVs67ihGDWPxA7VyeSP7vUr7DL8p0U54hZKWg2Kg1XK5VAHlJHEMMqOpPgk0PMhLkyEToomGCUpHcsZwYpHqJecblAzhr5gj6n2FeQJohlQJ29miLwFdVxYY0UZQxiNtaUXE5jr4ozNxidinK22EfFCEISlIB6a%2BPYofKM5FiLu1E5OlvgTqANFzB0jnQaLJPN0rZvQDt7VOc4W534YvRljjHE4i4NUYZIWT2MdqJk4zn3KUJVyH1K0h3NJDTxUZ5wTM1oV%2Bmro4Q/av015F5EZWlz2qgLoAJiC6eeIcHlKD4xRShJouDbuYKXJkJCTNFnKc4mjspUq3qsZhED4qc8TSPpgo3xgBLzbwjfxTPqTyu96pEugIQ8dq8gXlUwIfLfVW2i3f2K2WNsUPinjFm0%2Bi6qmtDLgxwjPYbQreVEh68IZu5Ecoi7UsgZYa/mRmQW2RdG6Dojkiu3auHGxU4mLmZe7d3Inj96laQx0dcnPQy0kuEiWNn/AKIZPN2bkOBzGtUc8sfFsdBwGj5UZNqiRF331VMMd7oGeKMiN4Q%2BTGmlFG7GGjs2K2OKMe6i4XjvZS1kDQPsClycb3Gt0pMyP7mLQbYfqV2Oemly/cdUBI%2BmChl6WD8w%2BRYjJoFvmRU%2BnEBIDSQG9czIBHJQwip2286Vd8XXGcN43CTKpx%2BDr5kgRsDb1JgIiQqwD%2B9UjIx2Aq63wCE8mJojdtV0eEnU9ikJS4DFSxQuMSexEHHEbtHV4DNsfahTXzJzC7fuQzRw3xl2VAV%2BLp9KVCMJdPzN0lZLFach0K5c8XA/CreWroxIjtoga1ruT/RNo/t0C/TPL3gh37ldfGRNbTFvtUA1Zd33qJI81ANqNpj3hkLcl3/YPrXFjo2%2BGvgV%2BiQBtux17NdqAMHl3x%2B9eRvGKrs10Xfono3dVH9O30mrn3KV%2BSFr6sfcjKc4RhF7mCHJAlI/ipRHKMuMSmNg0bv1UsWQcyrXWADvdBukmYZH4%2BWNdh1%2BtfN6X1NCO0929GH7W2ENltfio5cl2MaGNoNd2xDmRoKzZvc7oW9LPLOcmjdkhCne9VL%2BNlGjDJOLP2Hcjjng5cgHrIGieULOw1%2BhwAE9pZUxuNpdkCwBLtFwUCc3D%2BCLK6c5t%2BEb1bHT1A0KMeES/EEScobYDHTxVJxEtnDT615x7lqO2i1Xy2ftLJ5ZTIfhoPsX688d2hcU%2BCn/ACJZIhhEWRPi4T5JZJSA%2BWLdT6vcow2D9SojIf8ANDGJNm/EZa7UbiRd5MZON/gVw45GUdYCeME%2B8riHENYXQJA8CvlYjJ6Unip3uVfIXDaXhr72VsYkR1OW7Da27V00vV5JPFV00fhTEfUqSY7lU8WlK1RfJG8aRLCm9cyEuCtaF1LOcMSz3XExA7tVCFuDHR8lTI0%2B9Qlz4C9jbCNxAPeF58/mZpY7aDzHRHl3WM0JTiAH96E8nEGN3Fwgnx2KwW8QEozDGIj3k7UZyyYjhiKmJBJlsCBFIvWXLM%2BFtlpQyRI4tLoMfc6ulmicQ/8ASb%2B6klfO4x1NsKj4qEyTATDgSDFu1PDK4feFw5e7RB5E0YkFcOSUuwsnvdtW07UYg0Y7JAuPsRs%2BooWakcRtlKqehluA/quOyUN4FfiUGAfapkvF/wBOJMfsKBGMybWIMan3q%2BRncC8sd8aDwLJseEyegInj4e9ypdSZGQtaXzI0PgWREMs4PUSuxyDd6fJ1j4maJiYOZIxxZZzlCXCbYTGqlGeCGUA1Npod1FbycQNH81H8UI5oQ5xfywkKeJQxcnIch8rAAHft2K3LfdtcAeGqlZgldSyEjGJk4fVyo/KsJqQdQiAJO9JXYyG/oiJ8QAqXFPgjCeOcjE1EBcoDlZI3kgOG0LLmGYhAbZkBeaLbDcKpjGmyWwqmInuXK9e4IvDIW/Kh/C6gk6Bk5wZXBYi0p%2BTmkGcmMXZR4MoEvWcbDxKczEIu0SdvcqTj715gqF%2B5FwS25RHJyZJyD2QFxZXR6POwobo2l/HVU6afa7BeVjuomb2OtFbDDLtei8lUY2jcxif9MmbTcKJtCNXiVbZxitaBu9ESlbMbCNyOLLMY5CvHREjqcFKnjisXNxuN11vu7UGjUCl2v0tjqLkX%2BneqkIWGPgy1Hw0Xy5xMN0Wb4J5ZQIbYkR%2B1fLzjl%2Blohl/9AffYFXK//StVT2a/Q1HM%2BLIcQFUBzYvdtYyfvKy/uusxiM3cSEBaO9CzrsfKBFBKGztdAZeqgI7TdAfWsVmaMoxBsqCGXHkwD8AIhqpDPnwjGYkccYt26lC7rRDHywGFo4d7o4em66Qi444WmXc9Ub8%2BTNxesj7Fr9D5kzc34mLK3FM8vYxdUPx9nm4kbzwqntp7OLTavnmFv5kRjlC38rMgRICY0tkyFpbcVEfuBzRtti5Rfqq7DYFTq4c1q/Li7IfzIx3fKj96lZ1cDXibHHXtYok9ZFvVHlx0QbqomPpbHFvrXzeqhKPbjiBc6/WGn4QovkBlsoF5vgvNVCoE6t9qqYv2oT5nH%2BGiL5f7nI17V%2BtinP0%2BS63d3OpAmDVu08UeUYvbvct9y/VAj3BlwdUOXujCLLOD1cGlkfK1lDSh8FPkdXilkkeK23dTQqYPUmc5sxMqgjd3ofzs4IfyzZGI6zqO08096N3UZTjIYg5Jad7p8ub1CQBnTc1diD5MZiGt8rPsRlzAYH08Nqj5W9KoqI18U3Mk%2B9V6jKSS/mVCu1a8O5Ul3qma3dwhSs6iLbWhHVSMusi20cuOijb1cbNjY4spA9eORcTO0QiLnr/VZLesHE4kbwW%2BK4f9xB/C3L82/bVX4/8AcXN5JjHl%2BbbsWWH7zML/ADmMgCN2gpRCzruolj9ETMHvqzqUYZ5123uQj/LMZSb1DZu3FQxx6wRyf%2BQRhd4eCwnL/uM8mbGTyLrBJz3eZPk6psT%2BmYjF9vYpWdVxkcVYE2bu5ZBjzY%2BYYgE8JIQhm6jGNeIyiNmzcjkl1eCcQXtOSFu6ta%2BKjHBnwgXAvEwJO5E3xNRu12LWm0IVjzGppc33IuR8NEWlFm7FDmZosDw8QFVaMkOVWotbtV%2BTLB2pdKLN3KF0oMGtdvBcNj9jaqrOqMuNrdrosRao1H5KrWip9Ci4pR7FIHNa4owZlEx6zLGA9IavigD1WdgXrNGR6nJIMwiTt3oHmEhmrKi/%2BmUKvSY93cpWSE6NlMcp5pO27VgsuOOXBecYGSfPi%2Bo7acTbF//aAAgBAQMBPyGs%2BsDczbwUF9AhZ1m2HBRs%2B9801mwTFAAMEf7dbzUVyrJqvQuS98KDZKcj8tN43tWdP5mTJkyfzMG4MrKck/ifwJysG/gt1izJgnKbOsBc5E3j0waGxBj7ykW401cFOm/eLiM8cPltxYrrBOcmTJgnF9ZMr%2BRf4FYvJkyZMmTFmVly5MmRyZP41MFcv%2BKTJkyZMmVkyZMmTKNUegK3OEfTY7eA85qYRaMOQ9Kd5Giun05rvfgwou4gNVd61M7Jb6nGs8BfjeV4yZMn8TJkyOTJkyZMmWfwvLy8XmyfwjkypesmXzk/gr%2BdeOgT6NS95pHhTZXrccaHNLaCoNci/Riy%2B6LeuAG3xih9BYMuTCsrJkyZxObJN5XjKzwzZJgyzX8A5vnLx7BeO0/WbmGnM0LQljwbyK0bAUES742eMtBgDQdpCfLcMXYCd/Gyvnd4%2BcQxwh986M/POVeb6%2BJfIsx0BU2/vvHo695MEoK9BkeRPnB3N4NYWCs5mAuLQK4cgDaH94J3DjaVnOPExlkCH5wl213M51Zyy5ctvE9Ys6yzFXj%2BAtTGu1xictiJ4pX494PG5bdA6fePKF1Qn%2Bg6ziEe2vLTQJ4yJdWLl4A%2BAjM0oiAaHk7O%2BMOw0QmiQDwfGArjb0HfEl2fGKaKOh1teN4VeRL3Ux/jaOl7y3UxSPe8kmr3nkGzE%2BSZpOll6q6zapDLNfnF5yBmqzK8YgCceMJKXwY02PLWJQvj/wCfm10c6yA1XrNzUe8CUedZ0KhrFZR0mpzxrBCjt6FZ%2B%2BDEuAN2JPnWLUCd8ZfufGK9HHpHFgp9GUZD5Jj2KjbiIjm5WPH0xN5XbPCRygLXBM5Uv1kptOUes6K/7cZUX547dnLJcD5fxsrygWYKfLh06VHt6zW0yBR59XbYawopbuR41dwMhk2WU4EXTW8Rgs9VFpPLvOE0eCOppeG%2B8gAhHnR8fjI6DnIMyvffGI8swRS%2BBnYaYqxoc4boTE6Ya3DImrrxrFP6skbV8Qd4xLcNj4O/rOA6FFIDx7xfdAEQ%2BXn45yyVfLRzb7x0QEGOsdN69TLBhezCxE8Fw0G3yHEBIeGlvn4OXO15kG6XhkpnaLLx7mPRMkBtSZsoj14yurrWPqzHsN3Cvw94s9pQ8G9L65esldoag7bDt5szi3CtO7K1TArdJ1KAm0i3jN7rDctFB4OTXOMo6VoIPwGTLc6Gy6wZe/k4XSovm8DNlqrpKcmrxjRfWnrLLq3jBHkptZllH1iyx8MCx6ZN3/OdrpiUHRkzI/8AC00/8ODd47JDk0duBLzEFhPTp%2BMViRO7xObkNvMpGfGBFSISK%2BYjnJpOYhXmh8MT6UzE4dA3zhsMxd5Ub5e87gGQr79mbfBKTDmY9Cfgf84ikiS7/rLlB2rNHOTrDUGvTkYR5OvjD3ca94pKOS4T3htsjl3CbiOLT%2Bc0S7qKPn16wm0Qmp%2B2fe5b%2BEzlXQ%2BLfGBmhoA95XmTl0M0fLgrVzNNTznIrYzrEDyA5ZzUkdZB%2B10eGFgxRNpm00z2A%2BsJpo4ZgsA9YcQM36b5x5gOK84VSHkwcNhTWVlyjmf96zcKthdV6N6zhF6U6IdZzTmVrX4mA1a9Id3bw4zRC%2BgXpDWaMu7j0C8HWbbJwnDzL1jFgkAKsr3OceVX7H4NYI4ZOsvXHDkaQDwEc2THwRUrrgbI9dB6zQVcBp/b1nD6poj06yhsicL/AOYjUfe0%2BM2KAvjF75ZweOAgZFbXP1nDTpvHqrt/71m17yuslpcIDfbh9BuKCt3umT5yVGmmv85Vj4GWotvzldREU09g6rid1KSemPhfQ7HJOm6YG%2ByoOvjFNt9aZtdTzcFiT7PnAJD3MWxB2w2Cvk%2BMv23j%2BGMQ2gQ2vPyYDOuDWsC3K%2BcCl3vy5MmBOm8SovzvFrt5AmXB4bsmQRxbuR3WzPDngmv3M2uI2QvGGxWqGhcI5PjwH%2B8LtO3f5ZMgffn5xWaiDuusORpSAQGPBZd1yAVfrnrC0m/uf2cU3gbOPRiB348YvkXUmj1OjrL6EQTgecdKoiDrLqe75smaCvBu4JyYQdcYsn0wxXblJ2%2BcnIfXESbWkoo6lxSwGK%2BCZLamyPJjZAgGnrFm/ArrJOda7DwuRyZI6f8AWQqaPm9ZFmtCPTNc0oVic305Gd/R8Dw6wzZA6z4usjMniB%2B8uFioaXlfJ6xgsMnbk15My/q3RefjCrmc6nAfcIjlnj%2BgPwPGX3NQ7o/1hpU1ob5v0ZWsSI/Y/LdZyKsgPL/GDTEOz58OWYncExXgGho%2BfrvGlI4ifr1ksiCxNvTz7yYnHQQPOsQgbDnJ6zvkvM0GQBHDSQ8ZrAgoU4Hz5wjBD3l/j7zgzb4MYN9eByYZbQVn1HNwP0sDDma5dZ5C8jE8vNmGhK7VdcPq5UIxLYB3qr8Y4BbpXW%2BYiZskOG7lxFNHeWMUXgwcPNduA3oXW7z9MNjV4bfpz2bg/wDGcmu20ofMxE051E18ZxoPkh5mnxjULgGvrhi4YbBbyO81FYkJrvZnVm7V8myPRi/YqOEuh3ejIbYlgdU5RPDHu26SJzI5PjE5tPgD8oxiEsAFlhuNqNiROeCNPcy7u5ku/KnRiIJ0Kv5Tjfwictg6wgheSp9X%2BAmsr0XBcknQn4cFJXkMe9lc0YeKhPfGsRM3Aab29p8Y4KRob8NbdYxhDuWT3LX4znB7dXPB/vrG3Vre%2BXLY9ZogHsfvyzWcp1cv5w01vSP85sv4wyepNL0O5B34zj5eCB77OVpUSnSagu/GOkH4LStjvxgqEFxw9NO3njrFumqnwrVvrr5xuBvH0em2w8mPnwDzXYuex0ouIHkveV/bN7Q1fvDoDcH3MWD4FgavkcH3hfs8QXtxc8ZDC1tnON78%2BDFZYOTky0jx1j9gfK7fjFcj0KJ%2BsPptED/pximgBm9aoOPjNNPg6BxCvOuMIx/kBAJy1vBcdenYuiH%2BmNAPEouJSr3M3QYEUecQP/ZgGA6dm63HPVx5EIJOx7e36wg73KJdIixpuco4hQ6IzCWFD50X8hcVOjRfk1y9VzkFVF0/AJ7xIU/LEcqdPiuDOfRJcVdXxiqHWdoPjWbtROAwvvVwCRNgc%2Bc0tIM5PisusJoPWLw7awTqNiR5BOV0mUjF1t7PXOS4DhIPQGTNKLTUO/d/LecKFOFpz/hwkmuSmj0XbnUbOgd7P3ix8aTfAX/LO60o/V/eyp7HH8mH4yqKb%2BZNwz7w1oBJ6OOh53/eFALSPerwATifjLy8v1CUE88OAhESjzXvxfGNKMG4hCzy%2Bs7NSBIeVjPvLMPJzOQqgdt%2BsLmi7bN4GlvXnG8xSMEiQT61k6osR/0H3hCbPmB00v4Yc8JUjyoVPeS8coN%2BvvN%2Bh/3Jv3ifnJ6DdvF184sAIFtJ7N5opPKvoNc4%2BgEUV4Z2GdHRtSoeXwYgadw4r0ZpjKRnt4XIemt1b8yYFBd6I428YlIG1B8nGXnK8L9LkeoeNO8FQLpZSzzjUAayIU95stC6ZG%2BFFBzZrXzk1qABR0C/TBKPjfIfvaZ%2BWSpPmOf5h1lPzjAxxnIq%2BMG2S8AQ5uPCQ9gvX%2B/OMql01py758EzRN%2BAr%2BVMZE5kg/N/rHVYcFh3yMDnXtV5MnjD37Dq/LlIE1NJZXflDIM7elxpVD7Y48QEi/s/GR6vf86/g216MPcrlPwyXs6MtyyrnAp/GODNnH5MPUpyO73iZvt0N4rtrElKuM49RzaDce3XjvrA2C8wf5zYW4b0bwk8PWJe5jXbPI4eMn%2BcmYXt%2BUfzZvvupVnS95GZwu%2BunZbnNaB%2BHVD83JkaAxY4UnfcyzHrAIvshucYMpibneTn3hpCpxTrNl3nFaaORr4L3msoLv8A5nCZaVChgOTE075yasaug9GhjU2J4/ie9Yl7h3moKoR%2Bbwn5zzNCmh0O9YVHs67ZON8ZrpqqLL9ZE2zY6J86wgUT/GByJ63idsB/6cZhtpry8YE4HuB%2B3AKjdIl%2BNZcynOcb0Mdes0pwHd/nGY7B/jtTNASng5vjnCCoeX1rhsxadB5G/O/6YeIcPy3kfOOPpOD58q3eai/sKPUjFS76CdnP1850hxXs884TGru0SbDFGie4w6RqXRZiWJlXbPSmKN3yRf3mtDSB1frm/GMFze%2B1513Os3HSJ0HWjb0Y7knI9uz/AHkEtCweD3cI6z3V%2BXvHma90W/OARucA8oWOl84/qBTs4CJJzmuEWJsefK3hC%2BQNkfjwYbuEG23yu9fjDZafk72HyY2qHQsEbN1uecFrw7jlrnb4wvRLaL6hz94Rhib6/WAiteshdvmYotV/DKlfMH111m4wgsw7CBrByqyG8APN9ucVunTqc%2BbnMAekLMYfzvPzzljqOmh3seb5z%2BgB%2B8q385sC8P8ApGTAPV4%2BFUYF4ecMbyztAqDAmsH0fFpNPk4Z7SkvM4J9pjINE3p20P6Y8QaCw9jkfeUYteZelu/nEeGlVkSl5O8Em7zLeTezpieidgJGkMbZkqiV5n5Fdu83D1DwE4Uqt843Q90SsUvbnNvCwbHJ0MuJ41FNCTts8sk1rlBYFs9TLAjUsx6d5tofEnPvPYl%2B5neHRvm%2B3/jBg1gZ%2BK4LyGEzhXL%2B2OXY1kfofwLy0mSfMVbzp5w%2B132vb13cdnQ3xZgV2epxgbrR0SffWVAnaSYAvGfs63vAHB%2BHOc9C9yfwnfEHhnjADb5zmo7hAf8AeMlDCDZ3bdfOBgSL7PPazJUUJo8SKm/PzjkTJ2DnpV76ywmSKz5j37xiGorgH9mrlvYSkkK4g71m83ak1G6aNsf/2gAIAQIDAT8h/wCNr//aAAgBAwMBPyH/AI2v/9oADAMBAAIRAxEAABAQQAAAAAAQCSCACCACQQSAQSAQQQCQCAQQASSCQQCAAQCQCCCSCQQQASQSQAQSQSASASQSQSSQQAAQSQSACSSAAASAQQCQACSAACQSQSQCCQCCCAASCCQSASASSQQQQCQQACASAASSSSCAQAAASACSQQCCCCACACSQASQACAQQQQACCCSQCCCCQSAQASQSCQCSQCACQQQAASQSQQCCSQCAQCACCCACAQQSAQAAAQQCAQAASACCACACSQCQCCSSQQAQCCCSAQQSAAAQAQACQSSCQSSSCAQCACAQCQCSSQQACSAACACSSSCQCCQSSSAQQCASSCSACCSQSCCAACQQQSAASCSSCSQQSQSAASAACASAASAT/9oACAEBAwE/EBReJyYdmqwipuVhjTUdov8AAgd6NjhAfVOZIqwAGDyxRxYQlM8BeL4OPI8aAInS441x8GFS0SQWADezgTFbYLb3hGFye8n/AOBWeWTWS4xgFoec1rNHLhwMpRyd5TkzSHOb5N47ozck4wcA3lK8nJlS4poz1DlkQC4FEeiUIWXzM73/AI9MUHXqmBSlMENTanP58CmP7CpYw2FoXpeHD5bQ68f9uS5y6D5xpHjkZlxxWHXOCQFpl1zyGsE9ZWUIyYM70ec3RdecA%2BTLysvLy8GsMK2YJoz4DFn%2B8HMS5ynK4ygs34wau/GIjKbOfGJFxeKxVy8G8ZfDminGVZisrjF4PGms0gi4JrDm3copdUvCA9%2Bsinei2gwU4Qzf1jB9WQVmhQabWpvVDImqOvCWvyYnq8BSapj1cEYzlmyfBk%2BUTWyby8vFmRynOGbZbguD/iPGeOc4YNYbxNZrBPBgsh84fV6HGsC4E43gmiOKGYlacYXwZ1HKXC8RKIec%2BGTExRpN5WA6hix8uWNPB7GzzlERVEIADhPkwLtTOpEkQXE4G4zggVIoNWle2rxlpVbgI3yfGLHZicTPTijnHFZxm7k9ubPE5PjB%2BMdE3gl8nEux1lcftgxZ8Yu9FxntMYKfJQU51xFHOtohYiLCuDyAm22xhwRgNkt5xoipN7ZRx5HWLcm%2B8YGZDn2%2BjEcpVeoa6gtSrpMVZMa7RKK8Qah6wW2aCi8HIT6cSC3IIm5/jIwox9Aq/WLI74ExURwRpHbrHWE3Voszl05afAZBdIWOs2cLnwNSTn1lpIUE0feHF9HCYICZEbw51PeFUK4LG55nHWFRxm14c4xBBTVZi%2BduOcqUa8OAqnPvGycMo6U84FRruYe0WCpuBfeVlwLaR0Ar4GDAKlhDYBEvMZhX5Yg5W1H5fvUbUJlzVhikG2%2BNY3s/oLVoGsCH25wM9RLoqKiGuNY4XNmSIVkIO2w84P8Auuy8Ao%2BBi84vstcaUI6ARjykjrJ4uhKoFtXlvDxvVxhYiWD5yRZvozUocekcUDQqBryzNMVGwOyzvCpkFqpAvVxggmnW8Jj0UpL8YzbKYOAHmvvFAm5W24mkyd00zkjXrBKI8ZPlD7wTM6pyc3ODROVcEjiTbuzrO2a1Ro2850PMhvyc5NCXOCOQUobnTjqE2pMaSnQvTioJgno95GVgDdHNjd4UkzWqAvlaO3jJAplsKIiorXFwciSL0szdUh3jbgHOsYg4OdYaBcCL%2BDICtez%2B2JyBA6FmbgGXR%2BMV8EWi%2BByC8c/oGVZRFVu%2BPxj4QBemsC%2BNDRO5XWaHUqEDgLPU94yBogCjTn4GnxiyIXAEVsCTvp4rnGOkRMurgMWHPOKCRQt9Wij6B30r0lWpZiNwmyaMm9IAUiC1GsL1cbywWbEARq7ccbx%2BRisVJBFoGygsMiInaKA26a5e8DVHxv8AGBDeKa65wUAunDziqMDETGQMKluHLjaG00Fdc8YIuZZ1fOE2Q2U3vNrXvL6N5I2NvjEhKIqpHAB6ywtrjqTcsO00T%2B8tAZGkRsa%2BsMSTP07bXNp1zrD5ipDjzSQ4G16MgYBBCmCpNuv7wrNUzeTBeDzixF2ASs5yHWAUNuOQ4her8GJwbpoIcp1jt8KjgCoTbyejBHvLGsQLiEr3jJdrAuqfvCIF2CIzFWJgCu8hI52q0eMgUChk%2B8U2IuEMpeK2B5fLoGSY4JPwRKkekMbqPii9tUFQ8Cd5r0IHYqQTFxV6yOk6EKLLknxRbhOIkaJ3mFBEaNmDz9PWBFdqbDf3gyDnHGQtTIcFXrGptAPb2hdZVKUMVYM5FeVIG3NtD1pBQVwDXOjg3e4v5MM0R481w9rNShdYssrz4ZzhB7dfWEraOzz8YN4EChDZeXHwD4/8xeFzIyfOIJpr1jBYRqHYScRdDiOONGSyYFQg6Obj1ITZ0VdtC4THwCthorNBgh7WINHQgRdtwwVUH41GEFswuECr1kthp4Ucf5BpwjL5Q8Zra5mRERZKV3xj5aCDUbUeT8Ymw8Oabd6ky6VRuAAQTtpKu8QDEtkOx1WNZRHF4APHGWrQdenBQMLjIgGzvTTgX6ABwaXEJSgkA%2BHnEAjjQ3ywHWJR5cACq0FbcpSgMnmhElb4bwCntJk9rNuXplsXx6Mq8GqNhINHxkI8lV56AjNYCcoCop6/gyx/bfV/SzLOhWiILv8AObolRxnOeT4lH5ZpS%2B6umGpH3nEk8D9qaxqxarC5jrOcH3F83OwlzTOoS6Dy1xb3Nja%2BXzhUM8IPGcGOPnuobWS34Mb5KRLfk3h5WI8EKhpUVfvBS7R5ZVYLpvKhRyeKoykzsIRqdt%2Bj5yssEqjQE0ey7zVQwkAuzG7eJOcegSpN71sgB/OJobmtIoEAbu%2BX4yfm3EVCtWyc%2BNzORoOzNrmVDnQ5Cb795CkFDZOmLuWe8PbZLvdCBXXvLWXm8fgJZgbYpjXp5baE%2BcjudwANUVfOSYqEqFJT06wXyATcE6aveO%2BvqAD%2BsbTxRKf6wEHctENv1h9KoAPgeHWFLJROnzow9KI22o66%2B2R4m6RXWp1lSYUA12M23OQZrA9kix48dZdthUAQexnAdOVBUVHrEnYOcBBuDIbRf6HjNAkYGCit%2B8Ht0EijjetGPEBpJd6WuHQqKTv2LghC7gFfEwtB0DL%2BpiZ4xYfIpvL/AOEAOcqI6eO/rHgwmHyj%2B%2Bt4tmRNN1OTd/WMiCJB6Ucxg4D8JCI7NX94zsraW83rCAp50ePFyatd9cn7z5P5xeBXfKamrgs7CAAHwOAEKplLzZjwtCuPdgtrzcfB06bgug8FPPWP6w0PbgV0gVNb1gBJfKCCoGlxiDAJ8REh1ko0oNQ8Sn2cWk5YB6I4zWNtFCnnQ3g1JodCk0Bxih6LkBKw24agFCCXlwNfaFvo6LlaPq1Vob/RlbyCWrQ03xhMsQzgh5fL2Yg8Ti6RCqatMXi0HiQj7mAzmiEFhJ1WZTpIOBcpTvBQpkCwby%2B8EMBtaINnAYairgJqQmKiyBAh4TeX0HhFHwmeaIDFKUWR6wAgGCjwUom%2B994QwRDljZFB0GXOoUjkCWoclJm13VRPgoTNUYgoGAddUwzipvGVfFXLglKNo2QTGAOLTFBe94l9jjlbZfSGRB7NA0FHQP8AWCpkJZjbRY4AxChSozTVKd9/3kWCBBcgk5PtHLePrpUIJQc8ZpgMzmF6DX1hkYV0ieZ1httm%2BhLw7B5cNAniGBZYYSV85o/95I005c4eQEB9HaDoD3i1DZ8CKyDVP/pi4ilodjOJWjEohUwrVj4/zkyx6ddGg3J85B9ZX0gAteh5XvIFgjG3mk37YIs52D0ijyuuDCQWakRiOhHFUpKEB04qSxpwBqiTgVmDb9GGq5lF0CrPhhNsjUDXnWPAB33/AB20fGtZY4QLIq/evzj/AAW10OVvG7cXk8Sa3tW0gHOM01cR5YCg2yaMsS41WSTwO8RoXPJF08FPWXrip0q3rKpT4wtbF0Tdbca0/WGF5NQcEOLbJ8Y4reWjutZBAIZasNFq5QdBrEANx3hZoRT94I0WCy5%2BbPzkMOuUm6o69LhG3Wb6ccG94ZtKqdgSRvy4xCH0oTdgGpGxWvjDuE2AHKMJyd5wKDigvASTvCGqO8eqqeEAPOsNWiwlM1FHmq/jCtyEMIisWKi6gd4HG4EpCLUBsBZt5MZLrfdS8i7DvC5/frLXABvxXA2QohSQGD7OPeNWwo2VEABq77DEFIhDGm%2BDodq/GVrfNleIbqpKYjMrAwPNY2bzbeed%2BfrAEdduJw97cn5xpoxGoStEssJvGUkoEJaKfBLkiBzqrk0XnvADyQwDuqVsDfOJiD1sjiKkZW1/dhRpFWKPzhCCbc0XCWp6emLWAQJC67dHbjEN%2BRSOgo%2BSODU5t2HI2uB65wUOK1AU6Fd4jyfBAt8tcilOrAbyVTwSec3wh2OLUjtrsmMkFSshkR/Kd25MiwtVEaAvjh3jTimYQsthC6eR5wAB9rrjP6sfDDuCQUXQfG8lhoaYK048ir7N4UJDeekg%2BH0Y3csHp7fLe%2BmUSEBWGxUR0ymELP23XgDhp7dYlxKREAJDkrlMfubh6c1N465PWPUZhDIK12xrFjzK9Cet4wmPDQ%2B6H8Y7h9hxCwJxtz957IAmGMUXlya5wnLIi1Mjpr7HmZpWeDh45PAbnJcIojqXTlqhOHtvGRSqlhBRgDWbp3kACDUbwcGkd4e3js1z08WB8kblcF0iIJNE8POGIwH4KOhpkY46EHNCJAHbOZvnDJ8ClQ1KE5GuDyuRAmYW7hRp4LhSNVdXQJqwn5U3kQ3hDlJR7GhxvBxQeZ8zhTbew5uHyq3nQ3Fp1zvnB4ILlgyvN744y67lhJbMa33rxnUBeWpH%2BmcvOJjHvYLAhbpm2BYdyyhAdp0ZLeDGRdQiDf6xWA1IHBCi9O5iuCe0DTcZvfg6ycN0WrwSBXl%2BTD1qNUruB0SbmGyidScIENxqBdTiQI6XFmukoJsdA%2B%2BHVyGFFhDhMC%2B280BiWGVBLvS7fUyukKalnibLdmpwwC3EY3aY64Bd3bIVeLSaVaBVryaxY5n7yROCtLiKXRBWpruKNYpcCDig3aE0U7wITtUCoEGhL7azd/0PKNALh/7YkSPMHtYGXk51vOI4aBzGi08t9XA2%2BEIUaqNtc0/OGmCd61cgar8YUCjsGE0BqBDs4ycPIEWS00j6xLSTQawJbCF9MhhxMXwRMUducD6QsrFDgNv6uD6tW2AIgW5NKVC0Qhp8jJk9sjiiCPO0NE3lwWkOWFEJL%2BdYCXkQsgTcob8YX3c9JwCN6a67zQLhd2WGDzl7IK12o4px56y4jJNF4EXK4AMUOYWz3kZarYCKLYd5BaZKiTe2Gu8plru2JNKNo4QA3%2B9YMq6/0zatZncyN%2BQdZuHCm6HISa3jAqktNDqlu84Al0DRcpEnblT6wKDzWqq%2BA7wR2TdB2tbxrvIwtFJzhJyPoXACwmjDqZG%2BRg/CGwQYFeTgMFmWN48HC/lirZLEVRNc2gd/WcoaEECoPfeTRvEfcQ1U56wE7NTuDDU5jtDJRkIHwtyL4OvGIGAuDVWgru7TvKlAM0Ix/hxN6nV/xhLrnvBHzNJfc/zitFtR3R0XfHjKCisB1atXU8ZLCBWQmo7GsRASvAo0ieO84HgM7GrG2%2Bcn52vUCFBt84MDCq3YKCSYbTahg8TX8K%2BcBHi5/HcWAKQgIV59YEKDbpOd4tA6mznKqh1BhjGU129d4JL3ak/6cCoJ737/AN4KAiGgAIAJZL1iYKFANEbFBzrC2lxlZVG3DvoxHOw8BCIeHK8EcY0HqPHtKfnBryTOGHQD6YWNBlOJqBJs33iuS%2BiS26vaD3iU/DbyqWubhMJYGaQHQHVBNdmam1mLh5ZA/LGEYuPABAdfvL1tLtPzgQCrO3Ku/g949XUg1x89Z5AfpW84nnBQdoBKQtupvd53joJKBpB4HHUC2NtrPOzI0SMOVdAhwYKAQaoiND/bI4xkjeBDnxMsOxypfQqY8jON1mL7G%2Bd/pVwvlB94gVRGgNN1wQOBNHBmwOLlAdhh9G6vvKwjKlQVM9hxaNJxYCCGjq83NAO36SrBokNGaqDdGwwclNX7xKRM7e2okGvF3lOwMq1jpbgtI1iIg0ghDYGzfLN4ILqNrOixWG9YY3D1AaUfGLJKG5jDW/B3ytxCHYuc2pLEmpxkKwUnKhHWpU6xKIrqietsyKU6A1nmbmB7MAUzTYOLkKZNK32tb36wcKCY2LsQgb2jCI46PTGDsOhwzNZeQGDuobZedY90XWkQkiJ3s69Y8IigROytHG5nAIohqERvhtvOMo9p9IUAs8awnHrAkQRAXHR1jLKFbr%2B9SXFQMd%2BwRZsP85QJD5KIilCL8%2BckBIhgDs8KgXdJxhgFNLbaCdqVDrjAekX40GtZ/Yy%2BfAQA1Th0tvMxLwgzQaAk94u2AAxDhljhQB6sSdSYIkSOkc%2B8pGKEH6YtEzsiqt0r4YA%2BhF4UQrSusZQkJtxdzjj1gWvoVY8GNB1hXJSU8eMUISG2d8XkMXRDY/JU/wBMGpsPaoyvZh5SouQQRHybpzrCwNGwF4/TMXFv7P8AhZuXnRyCHxdkcDjea%2B8oWtvOUhjRpiZGhSKRQB3DNzXk0iMfpgKwffbF2tKIRDsp1oXznRcqqelgNej%2BcSoHjBkrwVReeMF1iJUvCmaIOt5bEXohALdh86Mftw0LVM9SwnOKDgICA/c0N1vIYMtoyndYvwYZhsM4YogLqt3cPgcaMqcfjuHjCxyCcV6/5Z84YKmIm4AI%2Bv1l2SNClvlS3FdOEPikJ9VnrHQVdoF7272%2BrkyBZJl2e98dZGbuhnkG171adZv3ZblsEaultvvCI4RHtV1E52TLx7SZD0A3wc5xRuvIaa9jDeuMH5Fu8ZtJN83ynVyMXdUTNjw05yqVI6HW1SbmElkgpSAaGNpxjgEp3wp365wh3JwhPmZDmubFG%2Ba4IFHY%2BMjAUtW77u8SW5R14kaKfvEkhzITQfwN5FoXDROKPwdzJLVDp8sDhJePcznBaUPTjLVLbI/ISDjCohGeDqAex2bQC4Tn0mXMhJoAcbATJNiAIIbhJo3DuZ//2gAIAQIDAT8Q/wCNr//aAAgBAwMBPxD/AI2v/9k=';
@mixin tornEdges($color,$size) {
background-image: url("data:image/svg+xml;charset=utf-8,\
%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E\
%3Cdefs%3E\
%3Cmask id='torn-edge-mask'%3E\
%3Cimage id='torn-edge' width='" + 600 + "px' height='" + $size / 2 + "px' xlink:href='" + $tornEdge + "'/%3E\
%3C/mask%3E\
%3Cmask id='torn-side-mask'%3E\
%3Crect width='100%25' height='100%25' fill='white' %3E%3C/rect%3E\
%3Crect width='100%25' height='100%25' fill='white' mask='url(%23torn-side-mask)' /%3E\
%3Cuse xlink:href='%23torn-edge' /%3E\
%3Csvg x='100%25' y='100%25' width='100%25' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='overflow:visible'%3E\
%3Cuse xlink:href='%23torn-edge' transform='rotate(180%2C0%2C0)'/%3E\
%3C/svg%3E\
%3Csvg x='0' y='100%25' width='100%25' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='overflow:visible'%3E\
%3Cuse xlink:href='%23torn-edge' transform='rotate(-90%2C0%2C0)'/%3E\
%3C/svg%3E\
%3Csvg x='100%25' y='0' width='100%25' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='overflow:visible'%3E\
%3Cuse xlink:href='%23torn-edge' transform='rotate(-270%2C0%2C0)'/%3E\
%3C/svg%3E\
%3C/mask%3E\
%3Cmask id='torn-mask'%3E %3Crect width='100%25' height='100%25' fill='white' mask='url(%23torn-side-mask)' /%3E\
%3Csvg x='100%25' xmlns='http://www.w3.org/2000/svg' style='overflow:visible'%3E\
%3Crect width='100%25' height='100%25' fill='black' mask='url(%23torn-edge-mask)' transform='translate(0%2C" + $size + ") rotate(-135%2C0%2C0)' /%3E\
%3Crect width='100%25' height='100%25' fill='black' mask='url(%23torn-edge-mask)' transform='translate(0%2C" + $size * .666 + ") rotate(-135%2C0%2C0)' /%3E\
%3C/svg%3E\
%3Csvg xmlns='http://www.w3.org/2000/svg' style='overflow:visible'%3E\
%3Crect width='100%25' height='100%25' fill='black' mask='url(%23torn-edge-mask)' transform='translate(" + $size + "%2C0) rotate(135%2C0%2C0)' /%3E\
%3Crect width='100%25' height='100%25' fill='black' mask='url(%23torn-edge-mask)' transform='translate(" + $size * .666 + "%2C0) rotate(135%2C0%2C0)' /%3E\
%3C/svg%3E\
%3Csvg x='100%25' y='100%25' xmlns='http://www.w3.org/2000/svg' style='overflow:visible'%3E\
%3Crect width='100%25' height='100%25' fill='black' mask='url(%23torn-edge-mask)' transform='translate(-" + $size + "%2C0) rotate(-45%2C0%2C0)' /%3E\
%3Crect width='100%25' height='100%25' fill='black' mask='url(%23torn-edge-mask)' transform='translate(-" + $size * .666 + "%2C0) rotate(-45%2C0%2C0)' /%3E\
%3C/svg%3E\
%3Csvg y='100%25' xmlns='http://www.w3.org/2000/svg' style='overflow:visible'%3E\
%3Crect width='100%25' height='100%25' fill='black' mask='url(%23torn-edge-mask)' transform='translate(0%2C-" + $size + ") rotate(45%2C0%2C0)' /%3E\
%3Crect width='100%25' height='100%25' fill='black' mask='url(%23torn-edge-mask)' transform='translate(0%2C-" + $size * .666 + ") rotate(45%2C0%2C0)' /%3E\
%3C/svg%3E\
%3C/mask%3E\
%3C/defs%3E\
%3Crect width='100%25' height='100%25' mask='url(%23torn-mask)' fill='%23" + $color + "' %3E%3C/rect%3E\
%3C/svg%3E");
/* SVG encoded with https://cdpn.io/rrOZQQ */
}
$containerPadding: calc(37px + 2vw);
.container {
position: relative;
flex: 1;
max-width: 60rem;
margin-top: -1rem;
padding: $containerPadding 0 calc(#{$containerPadding} * 2) 0;
background:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='1166px' height='39px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cdefs%3E %3Cmask id='torn-edge-mask'%3E%3Cimage width='1166px' height='39px' xlink:href='" + $tornEdge + "'/%3E%3C/mask%3E %3C/defs%3E %3Crect width='100%25' height='100%25' fill='black' mask='url(%23torn-edge-mask)' /%3E %3C/svg%3E") top left repeat-x,
url("data:image/svg+xml;charset=utf-8,%3Csvg width='1166px' height='39px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cdefs%3E %3Cmask id='torn-edge-mask'%3E%3Cimage width='1166px' height='39px' xlink:href='" + $tornEdge + "'/%3E%3C/mask%3E %3C/defs%3E %3Csvg x='100%25' y='39' xmlns='http://www.w3.org/2000/svg' style='overflow:visible'%3E %3Crect width='100%25' height='100%25' fill='black' mask='url(%23torn-edge-mask)' transform='rotate(180%2C0%2C0)' /%3E %3C/svg%3E %3C/svg%3E") bottom center repeat-x,
url("data:image/svg+xml;charset=utf-8,%3Csvg width='1166px' height='1166px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cdefs%3E %3Cmask id='torn-edge-mask'%3E%3Cimage width='1166px' height='39px' xlink:href='" + $tornEdge + "'/%3E%3C/mask%3E %3C/defs%3E %3Csvg y='100%25' xmlns='http://www.w3.org/2000/svg' style='overflow:visible'%3E %3Crect width='100%25' height='100%25' fill='black' mask='url(%23torn-edge-mask)' transform='rotate(-90%2C0%2C0)' /%3E %3C/svg%3E %3C/svg%3E") left repeat-y,
url("data:image/svg+xml;charset=utf-8,%3Csvg width='1166px' height='1166px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cdefs%3E %3Cmask id='torn-edge-mask'%3E%3Cimage width='1166px' height='39px' xlink:href='" + $tornEdge + "'/%3E%3C/mask%3E %3C/defs%3E %3Csvg x='100%25' xmlns='http://www.w3.org/2000/svg' style='overflow:visible'%3E %3Crect width='100%25' height='100%25' fill='black' mask='url(%23torn-edge-mask)' transform='rotate(90%2C0%2C0)' /%3E %3C/svg%3E %3C/svg%3E") right repeat-y;
mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cdefs%3E %3Cmask id='torn-edge-mask'%3E%3Cimage width='1166px' height='39px' xlink:href='" + $tornEdge + "'/%3E%3C/mask%3E %3Cmask id='torn-box-mask'%3E %3Crect width='100%25' height='100%25' fill='white'%3E%3C/rect%3E %3Csvg x='100%25' xmlns='http://www.w3.org/2000/svg' style='overflow:visible'%3E %3Crect width='100%25' height='100%25' fill='black' mask='url(%23torn-edge-mask)' transform='translate(0%2C75) rotate(-135%2C0%2C0)' /%3E %3C/svg%3E %3Csvg xmlns='http://www.w3.org/2000/svg' style='overflow:visible'%3E %3Crect width='100%25' height='100%25' fill='black' mask='url(%23torn-edge-mask)' transform='translate(75%2C0) rotate(135%2C0%2C0)' /%3E %3C/svg%3E %3Csvg x='100%25' y='100%25' xmlns='http://www.w3.org/2000/svg' style='overflow:visible'%3E %3Crect width='100%25' height='100%25' fill='black' mask='url(%23torn-edge-mask)' transform='translate(-75%2C0) rotate(-45%2C0%2C0)' /%3E %3C/svg%3E %3Csvg y='100%25' xmlns='http://www.w3.org/2000/svg' style='overflow:visible'%3E %3Crect width='100%25' height='100%25' fill='black' mask='url(%23torn-edge-mask)' transform='translate(0%2C-75) rotate(45%2C0%2C0)' /%3E %3C/svg%3E %3C/mask%3E %3C/defs%3E %3Crect width='100%25' height='100%25' fill='black' mask='url(%23torn-box-mask)'%3E%3C/rect%3E %3C/svg%3E");
// SVG encoded with https://cdpn.io/rrOZQQ
&:before,
&:after {
display: block;
content: '';
position: absolute;
z-index: -1;
}
$offset: 38px;
&:before {
$offset: 38px;
background: #3b0200 url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/106403/feastbeast--bg-tile.png);
top: $offset;
right: $offset;
bottom: $offset;
left: $offset;
}
&:after {
$offset: 38px;
top: $offset;
right: $offset;
bottom: $offset;
left: $offset;
box-shadow:
inset 0 0 10vmin 5vmin black,
inset 0 0 20vmin 10vmin black;
mix-blend-mode: overlay;
}
}
nav {
margin-top: 1rem;
flex-grow: 0;
position: sticky;
top: 0;
padding-left: $containerPadding;
padding-right: $containerPadding;
// keep above content
z-index: 1;
list-style: none;
background-image:
linear-gradient(to right, rgba(black,0), rgba(black,.8) 20%, rgba(black,.8) 80%, rgba(black,0));
&:before,
&:after {
display: block;
content: '';
position: absolute;
left: 0;
width: 100%;
mask-image: linear-gradient(to right, transparent, black, transparent);
z-index: -1;
}
&:before {
top: -5px;
height: 5px;
background-image: linear-gradient(to top, rgba(red,.1) 1px, rgba(black,.8));
border-bottom: 1px solid rgba(red,.25);
}
&:after {
bottom: -5px;
height: 5px;
border-top: 1px solid rgba(red,.5);
border-bottom: 1px solid rgba(red,1);
}
}
#nav {
position: relative;
z-index: 1;
list-style: none;
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
margin-top: 0;
margin-bottom: 0;
padding-top: .75rem;
padding-left: .5rem;
padding-right: .5rem;
&:before {
display: block;
content: '';
position: absolute;
bottom: -6px;
left: 0;
width: 100%;
height: 5px;
border-radius: 50%;
background-image: linear-gradient(to right, rgba(red,0), red, rgba(red,0));
filter: blur(2px);
z-index: -1;
opacity: .5;
}
}
.nav-item {
padding: 0 .5rem .5rem .5rem;
line-height: 1;
text-shadow:
0 0 0 white,
0 .2rem .3rem black,
0 .1rem .4rem black;
text-transform: uppercase;
}
section {
position: relative;
padding: calc(37px + 1rem);
$maskSize: 20px;
text-align: center;
margin-left: $containerPadding;
margin-right: $containerPadding;
&:before,
&:after {
display: block;
content: '';
position: absolute;
z-index: -1;
}
&:before {
box-shadow: inset 0 0 100px 0 black;
$offset: 38px;
top: $offset;
right: $offset;
bottom: $offset;
left: $offset;
}
&:after {
top: 0;
right: 0;
bottom: 0;
left: 0;
background:
url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/106403/feastbeast--section-border--horizontal.png) repeat-x,
url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/106403/feastbeast--section-border--horizontal--bottom.png) bottom center repeat-x,
url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/106403/feastbeast--section-border--vertical.png) repeat-y,
url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/106403/feastbeast--section-border--vertical--right.png) center right repeat-y,
rgba(black,.6);
mask-image: linear-gradient(to right, transparent, black $maskSize, black calc(100% - #{$maskSize}), transparent);
// mix-blend-mode: overlay;
}
}
.open-for-business {
margin-top: calc(#{$containerPadding} * .6);
display: flex;
flex-wrap: wrap;
align-items: center;
}
.open-sign {
position: relative;
margin-bottom: .5rem;
mix-blend-mode: screen;
flex: 1 0 10rem;
display: flex;
justify-content: center;
align-items: center;
img {
width: 100%;
max-width: 15rem;
height: auto;
}
}
.open-sign--on {
position: absolute;
top: -.03rem;
animation: 10s neon infinite;
}
@keyframes neon {
0% { opacity: 1 }
10% { opacity: 1 }
12% { opacity: 0 }
14% { opacity: 1 }
30% { opacity: 1 }
31% { opacity: 0 }
33% { opacity: 0 }
37% { opacity: 1 }
49% { opacity: 1 }
53% { opacity: 0 }
54% { opacity: 1 }
54.5% { opacity: 0 }
57% { opacity: 1 }
85% { opacity: 1 }
86% { opacity: 0 }
87% { opacity: 1 }
92% { opacity: 1 }
95% { opacity: 0 }
96% { opacity: 1 }
96.5% { opacity: 0 }
97% { opacity: 1 }
97.5% { opacity: 0 }
98% { opacity: 1 }
100% { opacity: 1 }
}
.current-location {
min-width: 50%;
flex: 999 0 0;
display: flex;
flex-wrap: wrap;
justify-content: stretch;
align-items: center;
}
.location-info {
min-width: 60%;
flex: 999 0 0;
margin-left: 1rem;
margin-right: 1rem;
padding-left: 0;
list-style: none;
h3 {
display: inline;
}
p:last-of-type {
margin-bottom: 0;
}
}
.location-info--title {
font-weight: bold;
}
.current-location--map {
position: relative;
flex: 1 0 5rem;
margin: 1rem;
display: flex;
flex-direction: column;
justify-content: center;
img {
width: 100%;
height: auto;
}
button {
margin-top: 1rem;
}
}
.home-columns {
display: flex;
flex-wrap: wrap;
--modifier: calc(48rem - 100%);
margin: 0 calc(.5rem * -1) 0 calc(.5rem * -1);
padding: 0 $containerPadding 0 $containerPadding;
}
.home-column {
flex-grow: 1;
flex-basis: calc(var(--modifier) * 999);
margin: 0 calc(#{$containerPadding} * .5) 0 calc(#{$containerPadding} * .5);
margin: 0 .5rem 0 .5rem;
}
//
// Events
//
.events-container {
display: flex;
flex-direction: column;
align-items: center;
}
.events {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style: none;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: -1rem;
}
.event {
flex: 1 0 calc(50% - #{$containerPadding} * 2);
margin-left: 1rem;
display: flex;
justify-content: center;
align-items: center;
padding-left: .5rem;
text-align: center;
border-top: 1px solid red;
min-height: 8ch;
&:last-of-type {
padding-bottom: 0;
}
}
.event--info {
display: flex;
flex-direction: column;
font-family: 'IM Fell English SC', serif;
> * {
line-height: .8em;
}
}
.event--time,
.event--month {
font-size: 1rem;
}
.event--month,
.event--date {
font-weight: bold;
}
.event--date {
font-size: 2.5rem;
position: relative;
top: -.1em;
}
.event--time {
sup {
position: relative;
top: -.1em;
font-size: .5em;
}
}
.event--title {
flex: 1;
padding: .5rem;
h4 {
margin-top: 0;
margin-bottom: 0;
}
}
// Chicken heart club
.chicken-heart-club {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
svg {
flex: 999 0 50%;
max-width: 15rem;
}
h3 {
// background: yellow;
margin: 1rem;
flex: 1;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
}
// News
.news-list {
text-align: left;
padding-left: 1rem;
li + li {
margin-top: 1rem;
}
}
footer {
padding-top: 2rem;
padding-left: $containerPadding;
padding-right: $containerPadding;
text-align: center;
text-shadow: 0 .2em .4em black;
}
.social-media {
list-style: none;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
a {
display: block;
width: 4rem;
height: 4rem;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
color: white;
// ref button styles
filter: drop-shadow(0 .4em .2em black);
}
svg {
display: block;
height: 1.5rem;
width: auto;
filter: drop-shadow(0 0 1px black);
}
}
.facebook {
@include tornEdges('4064ad',40);
}
.twitter {
@include tornEdges('28aae1',40);
}
.yelp {
@include tornEdges('ff0000',40);
}
.foursquare {
@include tornEdges('f24674',40);
}
//
// Typography
//
:root {
font-size: between(20px, 16px, $largeScreen, $smallScreen);
}
body {
color: white;
}
h1,h2,h3,h4,
nav,
button {
font-family: 'IM Fell English SC', serif;
}
h3 {
font-size: 1.25rem;
margin-top: 0;
margin-bottom: .9rem;
}
button {
background: none;
border: 0px;
padding: 1em 2em;
@include tornEdges('ff0000',40);
filter: drop-shadow(0 .4em .2em black);
font-weight: bold;
color: white;
text-shadow:
0 0 1px black,
0 0 .2em darkred;
cursor: pointer;
}
nav,
section {
a,
a:visited {
color: white;
text-decoration: none;
border-bottom: 2px solid rgba(red,0);
transition-property: text-shadow, border-bottom;
transition-duration: .2s;
&:hover {
text-shadow:
0 0 0 white,
0 0em .1em white,
0 -.1em .3em red,
0 -.1em 1em red;
border-bottom: 2px solid red;
}
}
}
View Compiled