html{font-size:18px}h1{font-size:2rem}h2{font-size:1.5rem}p{font-size:1rem;margin:0;letter-spacing:1px}div{position:relative}.touch-transition{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;height:auto;cursor:pointer}.touch-transition:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.komika{font-family:'komika_titleregular',Arial,sans-serif}.komika-bold{font-family:'komika_title_-_paintregular',Arial,sans-serif}.oswald{font-family:'Oswald',sans-serif}.abs-position{position:absolute}.filter{-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-ms-filter:grayscale(1);filter:grayscale(1)}.no-filter{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);filter:grayscale(0)}.pulse-tobacco,.pulse-colonies,.pulse-police{border:5px solid #fff;-webkit-border-radius:100px;-mos-border-radius:100px;-ms-border-radius:100px;border-radius:100px;height:120px;width:120px;z-index:1;position:absolute;-webkit-animation:pulsate 1.5s ease-out;-moz-animation:pulsate 1.5s ease-out;-ms-animation:pulsate 1.5s ease-out;animation:pulsate 1.5s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;opacity:.0}.pulse-tobacco{top:calc(83.1% - 5px);right:calc(38.6% - 4px)}.pulse-colonies{top:calc(-102.4% - -8px);right:calc(39.6% - -40px)}.pulse-police{top:calc(-16.05% - 5px);right:calc(17% - 4px)}@-webkit-keyframes pulsate{0%{ -webkit-transform:scale(0.1,.1);opacity:.0}50%{opacity:1.0}100%{-webkit-transform:scale(1.2,1.2);opacity:.0}}@-moz-keyframes pulsate{0%{ -moz-transform:scale(0.1,.1);opacity:.0}50%{opacity:1.0}100%{-moz-transform:scale(1.2,1.2);opacity:.0}}@keyframes pulsate{0%{ transform:scale(0.1,.1);opacity:.0}50%{opacity:1.0}100%{transform:scale(1.2,1.2);opacity:.0}}.modal-open{overflow:hidden}.modal-dialog{margin-top:10%!important}.modal-dialog .modal-content{border-radius:13px;border:5px solid #fff;background-color:#333;background-image:url(../images/ss-citizen-1-chapter-1-touch-modal.png);background-repeat:no-repeat;background-position:-61px -32px;background-size:250px 250px}.modal-dialog .modal-content h1{color:#fff;font-size:50px;font-family:'Oswald',sans-serif}.modal-dialog .modal-content p{color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;line-height:1.6em;margin-bottom:20px}.modal-dialog .modal-content .credit{font-size:9px!important;color:#fff;text-align:left;margin-top:10px}.modal-dialog .modal-content .modal-header{border-bottom:0;padding:40px 40px 0 40px}.modal-dialog .modal-content .modal-header .close{color:#FFF;font-size:35px;opacity:1;position:relative;top:-20px;right:-10px}.modal-dialog .modal-content .modal-header .close:focus{outline:0}.modal-dialog .modal-content .modal-body{padding:10px 40px 20px 40px;overflow-y:auto}.modal-dialog .modal-content .modal-body .content-wrap{padding-top:0}.modal-dialog .modal-content .modal-body #tobacco-img,.modal-dialog .modal-content .modal-body #flag-img,.modal-dialog .modal-content .modal-body #soldier-img{margin-right:0;height:150px;width:150px;border:4px solid #fff;background-repeat:no-repeat;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.modal-dialog .modal-content .modal-body #tobacco-img{background-image:url(../images/ss-citizen-1-chapter-1-tobacco.jpg)}.modal-dialog .modal-content .modal-body #flag-img{background-image:url(../images/ss-citizen-1-chapter-1-brit-flag.jpg)}.modal-dialog .modal-content .modal-body #soldier-img{background-image:url(../images/ss-citizen-1-chapter-1-soldiers.jpg)}body{background-color:#000;padding:0}body>div{max-width:1280px;min-width:768px;margin:0 auto;padding:0}body>div img{width:100%}body>div .up-arrow{position:fixed;right:25px;bottom:25px;width:auto}body>div .vid-wrap{background-color:#151515;position:relative;padding-bottom:67.25%;height:0;overflow:hidden}body>div .vid-wrap .continued{position:absolute;font-family:'komika_titleregular',Arial,sans-serif;font-size:30px;bottom:91.54%;left:38%;color:#fff;z-index:2}body>div .vid-wrap .vid-intro{position:absolute;font-family:'Oswald',sans-serif;font-size:16px;top:16%;padding:0 90px;color:#fff}body>div .vid-wrap iframe{position:absolute;padding:80px 40px 129px 40px;top:0;left:36px;width:92.5%;height:100%}body>div .vid-wrap .vid{top:125px}body>div .credits{background-color:#151515;width:100%;text-align:center;padding:50px}body>div .credits .credits-block{width:49%;padding-left:14%;display:inline-block;text-align:left;vertical-align:top}body>div .credits .story,body>div .credits .education,body>div .credits .illustration,body>div .credits .development,body>div .credits .content{margin-bottom:40px;font-size:16px}body>div .credits .copyright{margin-top:40px}body>div .credits p{color:#fff;font-family:'Oswald',sans-serif}body>div .question{right:5%;top:0!important;width:183px;height:auto;z-index:1}body>div #touch-tobacco,body>div #touch-colonies,body>div #touch-police{position:absolute;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;height:auto;cursor:pointer;z-index:2}body>div #touch-tobacco:hover,body>div #touch-colonies:hover,body>div #touch-police:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}body>div #touch-tobacco{top:83.1%;right:38.6%;width:110px;height:auto;cursor:pointer}body>div #touch-colonies{top:-102.4%;right:39.6%;width:210px}body>div #touch-police{top:-16.05%;right:17%;width:110px}body>div .boom,body>div .thud,body>div #bang1,body>div #bang2,body>div #bang3,body>div #bang4,body>div #bang5,body>div #bang6,body>div #bang7{height:auto;z-index:1}body>div .boom{width:320px;height:auto;left:17%;top:1%}body>div .thud{width:320px;left:21%;top:11.6%}body>div #bang1{width:320px;left:23%;top:69.5%}body>div #bang2{width:260px;left:19%;top:17.55%;-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}body>div #bang3{width:160px;left:14%;top:87.07%;-webkit-transform:rotate(-1deg);-moz-transform:rotate(-1deg);-o-transform:rotate(-1deg);-ms-transform:rotate(-1deg);transform:rotate(-1deg)}body>div #bang4{width:120px;left:33%;top:118.33%;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg)}body>div #bang5{width:80px;left:24%;top:149.58%;-webkit-transform:rotate(8deg);-moz-transform:rotate(8deg);-o-transform:rotate(8deg);-ms-transform:rotate(8deg);transform:rotate(8deg)}body>div #bang6{width:57px;left:17%;top:177.8%;-webkit-transform:rotate(-9deg);-moz-transform:rotate(-9deg);-o-transform:rotate(-9deg);-ms-transform:rotate(-9deg);transform:rotate(-9deg)}body>div #bang7{width:70px;left:25%;top:170.75%;-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg);-ms-transform:rotate(6deg);transform:rotate(6deg)}body>div .footer-logo{width:80%;height:auto;margin:40px auto 55px auto}body>div #connector1,body>div #connector2,body>div #connector4{position:absolute;width:13px;height:25px;background-color:#fff;z-index:10}body>div #connector1{right:11%;top:calc(51% + 87px)}body>div #connector2{right:18%;top:calc(9.9% + 86px)}body>div #connector4{top:calc(42.79% + 36px);right:65.5%}body>div .white-bubble,body>div .red-bubble,body>div .green-bubble{padding:6px 12px;position:absolute;-webkit-box-shadow:1px 1px 6px rgba(0,0,0,.3);-moz-box-shadow:1px 1px 6px rgba(0,0,0,.3);box-shadow:1px 1px 6px rgba(0,0,0,.3);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;z-index:1}body>div .white-bubble{background-color:#fff}body>div .white-bubble p{color:#4d4d4d}body>div .white-bubble .tail{position:absolute;width:40px;height:auto}body>div .red-bubble{background-color:#e52c54;border:2px solid #fff}body>div .red-bubble p{color:#fff}body>div .green-bubble{background-color:#4e7d62;border:2px solid #fff}body>div .green-bubble p{color:#fff}body>div .bubble9{right:5%;top:calc(51% + 105px)}body>div .bubble21{right:5%;top:calc(9.9% + 105px)}body>div .bubble24{left:27%;top:calc(42.79% + 60px)}@media screen and (max-width: 3000px){#connector4{ right:68%!important}}@media screen and (max-width: 1280px){html{ font-size:18px!important}}@media screen and (max-width: 1024px){.bubble31{ top:17%!important;right:34%!important}}@media screen and (max-width: 960px){html{ font-size:15px!important}.bubble31{right:31%!important;font-size:18px!important}.bubble21{top:calc(47%)!important;right:calc(0% + 50px)!important}.bubble20 img{top:-35%!important}.bubble38 img{top:-72%!important}.bubble28 img{top:-64%!important}.bubble29 img{top:-62%!important}.bubble9{top:calc(46% + 105px)!important}#connector2{top:calc(5% + 86px)!important}#connector1{top:calc(45% + 87px)!important}}@media screen and (max-width: 768px){html{ font-size:13px!important}.bubble31{top:11%!important}.bubble21{top:50%!important}.bubble9{top:calc(41% + 105px)!important}#connector1{top:calc(39% + 87px)!important}.bubble29 img{top:-62%!important}.bubble4 img{top:-112%!important}.bubble10 img{top:-68%!important}.bubble17 img{top:-95%!important}.bubble18 img{top:-63%!important}#connector2{top:calc(-2% + 86px)!important}}
/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */