/* testing */
html, body {
    height: 100%;
    background-image: linear-gradient( 109.6deg,  rgba(255,174,0,1) 11.2%, rgba(255,0,0,1) 100.2% );
}

.alert_box {
    position:absolute;
    width:200px;
    height:30px;
    top:50%;
    left: 10%;
    font-size:16pt;
}

.center_logo {
    position:absolute;
   top: calc(50% - 300px);
     left: calc(50% - 300px);
    /* background-image: url("../pics/juststuff_white_logo.png");*/
    width:600px;
    height:600px;
}

 .left_logo {
        position:fixed;
        bottom: 10px;
        left: 10px;
        /*background-image: url("../pics/juststuff_white_logo.png");*/
        width:200px;
        height:200px;
    }
    


.bottom_menu {
    position: absolute;
    bottom:10px;
    left:10px;
}

.container_one {
    min-height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: linear-gradient( 138deg,  rgba(32,201,255,1) 36.7%, rgba(0,8,187,1) 84.4%, rgba(255,255,255,1) 119.7% );
    
}

/* page positioning */
.container_two, .container_three {
        position:absolute;
        top:0px;
        left:0px;
        height: 1600px;
        width:100%;
        margin: 0;
        background-repeat: no-repeat;
        background-attachment: fixed;
    
}
.container_two {
    background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(253,221,0,1) 0%, rgba(240,107,5,1) 90% );    
    display: none;
}

.container_three {
    background-image: radial-gradient( circle farthest-corner at 16.5% 28.1%,  rgba(15,27,49,1) 0%, rgba(0,112,218,1) 90% );
    display: none;
}

.navbar-inverse {
    display:none;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #333;
    background-color: #fff;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #000;
}
.navbar-inverse .navbar-nav > li > a:visted {
    color: #000;
}
.navbar-inverse .navbar-nav > li > a {
    color: #333;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #000;
    background-color: #fff;
}

a, a:hover {
        color:#fff;
    }
    
.click_container {
    font-size:5vw;
    color:#fff;
}
   
@media only screen and (max-device-width: 1024px) {
    
 .center_logo {
        position:absolute;
        top: calc(50% - 200px);
        left: calc(50% - 200px);
        /*background-image: url("../pics/juststuff_white_logo.png");*/
        width:400px;
        height:400px;
    }
    
     .left_logo {
        position:fixed;
        bottom: 10px;
        left: 10px;
        /*background-image: url("../pics/juststuff_white_logo.png");*/
        width:150px;
        height:150px;
    }
    
    .caption_container_light, .caption_container_black {
        padding-bottom:150px;
        padding-top:50px;
    }
    
    .caption_container_light {
        
        background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(253,221,0,1) 0%, rgba(240,107,5,1) 90% );    
        color:#fff;
    }
    .caption_container_black {
        text-align:center;
        background-image: radial-gradient( circle farthest-corner at 16.5% 28.1%,  rgba(15,27,49,1) 0%, rgba(0,112,218,1) 90% );
        color:#fff;

    }
    
    a {
        color:#fff;
    }
    
    .click_container {
        display:none;
    }
    
    .alert_box {
        display:none;
    }
    
}