/* CSS Document */

body {color:#6e7671; background-color:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif; letter-spacing: 0.5px;}


.gangstawrapper {margin-left:2%; margin-right:auto; margin-top: 20px;max-width:1024px;background-color:#fff;}
.crispwrapper {margin-left:2%; margin-right:auto; margin-top: 22px; max-width:1024px;background-color:#fff;}
.sweetwrapper {margin-left:2%; margin-top: 18px; background-color:#fff; max-width:1024px;}

a {color:#666; text-decoration:none;}
a:hover {color:#fff; background-color:#1fb25a;}

.main-font {font-family:Arial, Helvetica, sans-serif; color:#6e7671;  font-size: 11px; line-height: 18px; letter-spacing: 0.5px;}
strong {color:#1fb25a;}


.col {position: relative; float: left; width: 100%;}
.col-2{width: 19%;}
.col-3 {width: 19%;}
.col-4 {width: 60%;}
.col-5 {width: 20%;}
.col-6 {width: 75%;}
.col-7 {width: 5%}
.col-8 {width: 30%;}
.col-9 {width: 65%;}

.col-pad {width: 1%;}

.chekov {font-size: 13px;}
.sham-69 {float: right;}

.buttonhide {display:none;}

ul {list-style-type:none; margin: 0; padding:0; }
ul li {font-weight: bold; color:#1fb25a;}
ul a {font-weight: normal;color:#6e7671;}
ul a:hover {color:#fff; background-color:#1fb25a;}


@media screen and (max-width:800px) { 
.chekov {font-size: 11px;}
.col { width: 100%; }
.gangstawrapper {margin-left: 0.5%; margin-top: 10px;}
.crispwrapper {margin-left: 0.5%; margin-top: 15px;}
.sweetwrapper {margin-left:0.5%; margin-top:13px; width:100%;}
.buttonwrapper {width:100%;background-color:#f0f;}
.sneakysneaky {display:none;}
.col-2{width: 49.5%; }
.col-3 {width: 50%;}
.col-5 {width: 75%;}
.col-pad {width: 0.5%;}



.buttonhide {display:inline;}

.dropbtn {
    background-color: #1fb25a;
    color: white;
    padding: 2px;
    padding-left: 5px;
    font-size: 14px;
    border: none;
    cursor: pointer;
    width:100%;
    text-align:left;
    margin-bottom:10px;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #fff;
    color: #1fb25a;
}

.dropdown {
    position: relative;
    display: inline;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width:100%;
    overflow: auto;
    padding:5px;
    margin-top:-10px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: #6e7671;
    
    text-decoration: none;
    display: block;
}

.dropdown a:hover {color:#fff;background-color: #1fb25a;}

.show {display:block;}




 }




@media screen and (max-width:325px) { 
.col { width: 100%; }
.gangstawrapper {margin-left: 0.5%; margin-top: 10px;}
.crispwrapper {margin-left: 0.5%; margin-top: 15px;}
.sweetwrapper {margin-left:0.5%; margin-top: 11px;}
.sneakysneaky {display:none;}
.col-2{width: 49.5%; }
.col-3 {width: 49.5%;}
.col-5 {width: 75%;}
.col-pad {width: 0.5%;}



.buttonhide {display:inline;}

.dropbtn {
    background-color: #1fb25a;
    color: white;
    padding: 2px;
    padding-left: 5px;
   font-size: 14px;
    border: none;
    cursor: pointer;
    width:100%;
    text-align:left;
    margin-bottom:10px;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #fff;
    color: #1fb25a;
}

.dropdown {
    position: relative;
    display: inline;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 250px;
    overflow: auto;
    padding:5px;
    margin-top:-10px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: #6e7671;
    
    text-decoration: none;
    display: block;
}

.dropdown a:hover {color:#fff;background-color: #1fb25a;}

.show {display:block;}

 }

.vader { position:relative; width:100%; height:900px;}
.vader img { position:absolute; left:0; top:0; }