small, .small {font-size: 100%;}
    
    .container {
        width: 100%;
        padding: 0;
        margin-top: 1em;
    }

    .gameScreenSplashMessage {
        margin: 0;
    }

    .gameScreenSplashMessage div {
        padding: 0;
        margin: 0;
    }

    .gameScreen:first-of-type {margin-top: 3em;}
    .gameScreen:last-of-type {margin-top: 2em;}
    
    .gameExplanation {
        margin: 4em 0;
    }
    
    .gameExplanation:first-of-type{
        margin-top: 0;
    }
    
    .gameExplanation:last-of-type{
        margin-bottom: 1em;
    }
    
    .gameExplanation div:first-of-type {
        padding: 0;
    }
    
    .gameExplanation div:nth-of-type(2) {
        text-align: right;
    }
    
    .gameExplanation h3, #splashMessage h3, .gameScreenSplashMessage h3 {
        font: bold 1.125em/1.11111 Frutiger,Arial,Helvetica,sans-serif;
        margin-bottom: .75em;
    }

    .gameScreenSplashMessage h3:nth-of-type(2), .gameScreenSplashMessage h3:nth-of-type(3) {
        margin-top: 1em;
    }
    
    .gameExplanation p, .inGameDetails p, #splashMessage p, .gameScreenSplashMessage p {
        font: 300 .875em/1.42857 Frutiger,Arial,Helvetica,sans-serif;
    }
    
    #splashMessage p {
        margin-bottom: 1em;
    }

    #splashMessage .tryAgain {
        border-top: 0;
        padding: 0;
    }

    .startGameButton, .restartButton, .continueButton, .stopButton {
        border: none;
        padding: 10px 40px;
        background: #9a3d37;
        color: white;
        font: .875em/1.5 Frutiger,Arial,Helvetica,sans-serif;
        position: relative;
        text-decoration: none;
        margin: 1.5em 1.2em 1.5em 0;
        /*display: flex;
        justify-content: center;*/
    }

    .startGameButton {
        font: bold 1.125em/1.11111 Frutiger,Arial,Helvetica,sans-serif;
        margin-bottom: 0;
    }

    .continueButton {background: #859854;}
    .continueButton:hover, .continueButton:active, .continueButton:focus {background: #788D41;}
    
    .startGameButton::before {
        border: none;
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: -11px;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 11px solid #9a3d37;
    }
    
    .startGameButton:hover, .restartButton:hover {
        background: #7a1d17;
    }
    
    .startGameButton:hover::before {
        border-left: 11px solid #7a1d17;
    }
    
    .inGameDetails div:nth-of-type(2){
        border-left: 1px solid #bebebe;
    }
    
    .inGameDetails img:nth-of-type(2){
        margin-top: 1em;
    }
    
    .countdown, .inGameDetails h4 {
        font: 300 1.3em/1.11111 Frutiger,Arial,Helvetica,sans-serif !important;
        margin-bottom: .75em;
    }
    
    .inGameDetails h4 {
        text-transform: uppercase;
    }
    
    .hotlineIcon {
        background-image: url(/content/dam/static/scripts/cio-buy-and-sell-game/img/hotline.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 6em;
        font: 300 1em/1.42857 Frutiger,Arial,Helvetica,sans-serif;
        font-style: italic;
        padding: 1em 1em 0 7em;
    }
    
    .purchaseButton, .sellButton {
        padding: .5em 1em .5em 2.5em;
        margin: 0 1em;
        position: relative;
        color: white;
        font: 300 1.3em/1.11111 Frutiger,Arial,Helvetica,sans-serif;
        width: 50%;
    }
    
    .purchaseButton {
        background-color: #6a7d39;
    }
    
    .purchaseButton:hover, .purchaseButton:active, .purchaseButton:focus {
        background-color: #4a5d19;
    }
    
    .sellButton {
        background-color: #9a3d37;
    }
    
    .sellButton:hover, .sellButton:active, .sellButton:focus {
        background-color: #7a1d17;
    }
    
    .purchaseButton:before, .sellButton:before {
        content: "";
        height: 1.5em;
        width: 1.5em;
        display: inline-block;
        position: absolute;
        top: 14%;
        left: 6%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .purchaseButton:before {
        background-image: url(/content/dam/static/scripts/cio-buy-and-sell-game/img/buy.svg);
    }
    
    .sellButton:before {
        background-image: url(/content/dam/static/scripts/cio-buy-and-sell-game/img/sell.svg);
    }
    
    .pauseButton, .helpButton {
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;
        height: 6em;
        width: 3em;
        display: inline-block;
        margin: 0 0 0 2em;
    }
    
    .pauseButton {
        background-image: url(/content/dam/static/scripts/cio-buy-and-sell-game/img/pause.svg);
    }
    
    .pauseButton:hover {
        background-image: url(/content/dam/static/scripts/cio-buy-and-sell-game/img/pause-hover.svg);
    }
    
    .pauseButton.pauseButtonActive {
        background-image: url(/content/dam/static/scripts/cio-buy-and-sell-game/img/pause-active.svg);
    }
    
    .helpButton {
        background-image: url(/content/dam/static/scripts/cio-buy-and-sell-game/img/help.svg);
    }
    
    .helpButton:hover {
        background-image: url(/content/dam/static/scripts/cio-buy-and-sell-game/img/help-hover.svg);
    }
    
    .helpButton:focus, .helpButton:active {
        background-image: url(/content/dam/static/scripts/cio-buy-and-sell-game/img/help-active.svg);
    }
    
    .pauseButton:after {
        content: "Pause"; 
        position: absolute;
        display: block !important;
        text-align: center;
        top: 4em;
        left: 12%;
        text-transform: uppercase;
        font: 300 .875em/1.42857 Frutiger,Arial,Helvetica,sans-serif;
    }
    .helpButton:after {
        content: "Help";
        position: absolute;
        display: block !important;
        text-align: center;
        top: 4em;
        left: 12%;
        text-transform: uppercase;
        font: 300 .875em/1.42857 Frutiger,Arial,Helvetica,sans-serif;
    }
    
    .buyAndHold, .youPerformance {
        font: 300 1em/1.42857 Frutiger,Arial,Helvetica,sans-serif;
        padding-left: 3em;
    }
    
    .youPerformance {
        margin-top: 1em;
        border: none !important;
    }
    
    .buyAndHold span, .youPerformance span {
        font: 300 .875em/1.42857 Frutiger,Arial,Helvetica,sans-serif;
    }
    
    .buyAndHold span:nth-of-type(2), .youPerformance span:nth-of-type(2), .gameStats span:nth-of-type(2) {
        font: 300 .65em/1.42857 Frutiger,Arial,Helvetica,sans-serif;
        color: #6a7d39;
        padding-left: .5em;
    }
    
    .buyAndHold:before, .youPerformance:before  {
        content: "";
        background-size: contain;
        background-repeat: no-repeat;
        height: 2.5em;
        width: 2.5em;
        position: absolute;
        left: 1em;
        bottom: .1em;
    }
    
    .buyAndHold:before {
        background-image: url(/content/dam/static/scripts/cio-buy-and-sell-game/img/buy-hold.svg);
        bottom: 4em;
    }
    
    .youPerformance:before {
        background-image: url(/content/dam/static/scripts/cio-buy-and-sell-game/img/you.svg);
    }
    
    .iconRow {padding: 0;}
    
    .modal-content {
        border: 0;
        border-radius: 0;
    }
    
    .modal-header {
        border-bottom: none;
        padding: 15px 15px 0 0
    }
    
    #endMessage .modal-header h3 {
        font: 300 4.375em/1 Frutiger,Arial,Helvetica,sans-serif;
        padding: 15px;
    }
    
    #endMessage p {
        font: 300 1.875em/1.2 Frutiger,Arial,Helvetica,sans-serif;
    }
    
    #endMessage .modal-header p {
        padding: 15px;
    }
    
    #endMessage .balance {font-weight: bold;}
    
    #endMessage .modal-body p:nth-of-type(3) {
        margin-top: 1em;
        /*padding-bottom: 15px;*/
    }
    
    .marketSkillArticles {
        padding: 1em 0;
        border-top: 1px solid #bebebe;
    }

    .marketSkillArticles:first-of-type {margin-top: 1em;}
    
    .marketSkillArticles h4 {
        font: 300 1.875em/1.2 Frutiger,Arial,Helvetica,sans-serif;
        margin-bottom: .5em;
    }
    
    .marketSkillArticles p {
        font: 300 .875em/1.42857 Frutiger,Arial,Helvetica,sans-serif !important;
        border-bottom: none !important;
    }
    
    .tryAgain {
        /*border-top: 1px solid #bebebe;*/
        padding: 1em 0 0 0;
    }
    
    .startGame p, .tryAgain p {
        text-align: left !important;
    }
    
    #endMessage .close, #helpModal .close {
        opacity: 1;
        background-color: white;
        position: relative;
        z-index: 1032;
        width: 2em;
        height: 2em;
        text-shadow: none;
        padding: 0 0 0 1em;
    }
    
    #endMessage .close:before, #helpModal .close:before {
        content: "";
        background: url(/content/dam/static/generic/close.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        width: 1.5em;
        height: 1.5em;
        position: absolute;
        top: .2em;
        right: .2em;
    }    
    
    .bas_tooltip {
        position: absolute;
        border: 1px solid #bebebe;
        width: 300px;
        background: white;
        z-index: 2;
        padding: .5em;
        font: 300 .875em/1.42857 Frutiger,Arial,Helvetica,sans-serif;
        -webkit-box-shadow: 5px 5px 1px 0px rgba(190,190,190,.5);
        -moz-box-shadow: 5px 5px 1px 0px rgba(190,190,190,.5);
        box-shadow: 5px 5px 1px 0px rgba(190,190,190,.5);
    }

    .eventText {
        font: 300 .875em/1.42857 Frutiger,Arial,Helvetica,sans-serif;
    }

    .bas_tooltip button, button.modalClose {
        background: url(/content/dam/static/generic/close.svg) !important;
        background-size: contain !important;
        width: 1em;
        height: 1em;
        margin-left: .5em;
        background-repeat: no-repeat !important;
        float: right;
        font-size: 21px;
        font-weight: bold;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .5;
    }

    .bas_tooltip button:hover, .bas_tooltip button:focus, .bas_tooltip button:active {
        opacity: 1;
    }

    #pauseMessage .modal-header {
        position: relative;
        padding: 15px;
    }

    #pauseMessage .modal-body h3 {
        font: 300 1.875em/1.2 Frutiger,Arial,Helvetica,sans-serif;
        margin-bottom: .5em;
    }

    #pauseMessage .modal-body p {
        font: .875em/1.5 Frutiger,Arial,Helvetica,sans-serif;
    }

    #pauseMessage .modal-body .tryAgain {
        border-top: 0;
        padding: 0;
    }

    #pauseMessage .modal-body .tryAgain div{
        padding-bottom: 0;
    }

    #pauseMessage .modal-body .tryAgain button {
        width: 100%;
        margin-bottom: 0;
    }

    .balanceResults {
        font: 300 .875em/1.42857 Frutiger,Arial,Helvetica,sans-serif !important;
        margin-top: 1em;
    }

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .pauseButton, .helpButton {background-size: 3em 3em;}
        .pauseButton:after, .helpButton:after {top: 5.5em;}
        .pauseButton.pauseButtonActive {
            background-image: url(/content/dam/static/scripts/cio-buy-and-sell-game/img/pause-active.svg);
            position: relative;
            background-size: contain;
            background-repeat: no-repeat;
            height: 6em;
            width: 3em;
            display: inline-block;
            margin: 0 0 0 2em;
        }
        .hotlineIcon {
            background-size: 6em 6em;
        }
    }
    
     @media (max-width: 768px) {
         .explanationPic {margin-top: 1em; padding: 0;}
         .gameExplanation {margin: 2em 0;}
         .gameExplanation div:nth-of-type(2) {text-align: left;}
         .buyAndHold, .youPerformance {padding-left: 0; margin-top: 1em;}
         .buyAndHold:before, .youPerformance:before {height: 1.5em; width: 2.5em; position: relative; left: unset; bottom: unset; display: block;}
         .gameScreen {padding: 0 0 0 15px; margin-bottom: 1em;}
         .gameScreen:first-of-type {margin-top: 0;}
         .gameScreen:nth-of-type(2) {margin-bottom: 1em;}
         .gameScreen:last-of-type {margin-top: 0; margin-bottom: 0;}
         .pauseButton, .helpButton {height: 5em; width: 2em; margin: 0 1em 0 0;}
         .purchaseButton:before, .sellButton:before {top: 19%; background-size: 80%; content: none;}
         .pauseButton:after, .helpButton:after {top: 3em; left: 0%;}
         .gameControl, .gameStatus {padding: 0; margin: .75em 0 1.2em 0;}
         .iconRow img {width: 75%;}
         .hotlineIcon {background-size: 20%; padding: 1em 1em 0 6em; font-size: 85%;}
         .purchaseButton, .sellButton {padding: .5em; margin-top: 0; width: 100%; float: none !important; margin: 0;}
         #endMessage .modal-header h3 {font: 300 3.375em/1 Frutiger,Arial,Helvetica,sans-serif;}
         #endMessage p {font: 300 1.25em/1.2 Frutiger,Arial,Helvetica,sans-serif;}
         .marketSkillArticles div:last-of-type{margin-bottom: 1em;}
         .marketSkillArticles h4 {font: bold 1.25em/1.2 Frutiger,Arial,Helvetica,sans-serif;}
         .inGameDetails {margin-top: 1em;}
         .gameStats p:last-of-type {margin-top: .5em;}
         .gameActions {padding-left: 0;}
         .gameActions buttons {}
         /*button.modalClose {width: 2em; height: 2em;}*/
		.modalEventMessage .modal-dialog {
			position:absolute;
			top:50% !important;
			transform: translate(0, -50%) !important;
			-ms-transform: translate(0, -50%) !important;
			-webkit-transform: translate(0, -50%) !important;
			margin: auto 5%;
			width: 90%;
			height: 4em;}
		.modalEventMessage .modal-content {
			min-height:100%;
			position:absolute;
			top:0;
			bottom:0;
			left:0;
			right:0; 
		}
		.modalEventMessage .modal-body {
			position:absolute;
			left:0;
			right:0;
			overflow-y:auto;
		}
    }