body{background:#0e1925;padding:0;margin:0;background-image:url(../images/bg-graphics.jpg);background-position:top center;background-size:cover;background-repeat:no-repeat}
header{position:fixed;top:0;z-index:99;width:100%}
.btn-gloss{box-shadow:inset 0 1px 7px #ffffffc9;border-color:#ffffffab!important;font-weight:700}
.bg-black{background-color:#000000cc!important}
.logo{display:block;text-decoration:none}
.logo img{width:100%;max-width:14vw}
.border-dark{border-color:#2e3439}
.navbar .nav-link{color:#FFF;padding-right:.85rem!important;padding-left:.85rem!important;font-size:1.0.82rem!important}
.section{padding:100px 0}
.sub-para{font-size:1.15vw;color:#fff!important;line-height:1.8em}
#title{font-size:3.5vw;font-weight:700}
#title span{background:-webkit-linear-gradient(white,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#home{height:100vh;padding:0;margin:0}
#generate-image{min-height:100vh;background-color:#000;padding:75px 0 5px}
#carouselExampleIndicators .carousel-item{width:100vw;height:100vh;background-size:cover;background-position:top center;background-repeat:no-repeat}
#carouselExampleIndicators .carousel-caption{overflow:hidden;left:30vw!important;right:30vw!important;background-color:#000;padding:0!important;border-radius:0;box-shadow:0 4px 10px #000}
.featured_img{width:100%;height:300px;background-size:cover;background-position:center}
.VoteBtn{display:block;cursor:pointer;text-align:center}
.hot_label{display:block;font-size:1.5vw;font-weight:900;background-color:#d60000;line-height:1.75rem}
.not_label{display:block;font-size:1.5vw;font-weight:900;background-color:#0c0cd0;line-height:1.75rem}
.ImgGrid .carousel-caption{bottom:0;position:static;left:0;width:100%;right:0;margin:0 auto;background:#000;padding:0 15px}
.vote-icon{width:100%;max-width:4vw}
.vote-title{background-color:#ffd700;font-size:.85vw;color:#333;font-weight:500;line-height:1.3em;border:solid 2px #ff0;border-top:none}
.vote-count{font-size:1.7vw;line-height:1.15em;font-weight:700;color:#000;text-shadow:0 3px 5px #fff}
.view-count{background-color:#ffd700;font-size:1vw;color:#333;font-weight:500;line-height:1.3em;border:solid 2px #ff0;border-bottom:none}
.prompt-form{padding:10px 14px;border-radius:15px;border:solid 2px #82b3ff;background-color:#0f10219e;box-shadow:0 0 10px #ffffffcf;margin:0 auto 20px}
#textInput::placeholder{color:#888;font-size:1em}
#textInput:-ms-input-placeholder{color:#888;font-size:1em}
#textInput::-ms-input-placeholder{color:#888;font-size:1em}
.img-thumbnail{padding:.25rem;background-color:#000000b8!important;border:1px solid #454545!important;border-radius:.25rem;max-width:100%;height:auto}
.image-overlay{position:relative;overflow:hidden}
.image-overlay img{display:block;width:100%;height:auto;transition:transform .3s ease}
.image-overlay:hover img{transform:scale(1.1)}
.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);color:#fff;opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}
.image-overlay:hover .overlay{opacity:1}
.download-btn{margin-top:10px}
.newsletter-section{background-color:#222fe7a8;padding:15px 0}
.newsletter-section h3{margin-bottom:5px;font-size:1.5rem}
.newsletter-section form{max-width:600px;margin:0 auto}
.bg-hot{background-color:red;color:#FFF;font-size:3vw;font-weight:700}
.bg-not{background-color:blue;color:#FFF;font-size:3vw;font-weight:700}
@media(max-width: 767px) {
.prompt-form{padding:5px 10px}
.prompt-label{margin:0!important;font-size:5vw;line-height:2rem}
.counter-text{display:block!important;margin:5px auto}
.signupbtn{display:none}
.logo img{width:100%;max-width:30vw;padding-top:10px}
.sub-para{display:none;font-size:3.75vw;line-height:1.5rem}
#title{font-size:6vw;line-height:2rem}
#generate-image{padding:65px 0}
.hot_label,.not_label{font-size:3.5vw;line-height:1.25rem}
.featured_img{height:222px!important}
#home,#carouselExampleIndicators .carousel-item{height:60vh}
#carouselExampleIndicators .carousel-caption{bottom:0!important;left:0!important;right:0!important}
#navbarNavDropdown{position:absolute;right:0;background:#000;width:85vw!important;top:9vh}
#navbarNavDropdown li{border-bottom:dashed 1px #232222}
.navbar-toggler{background:red;padding:5px 10px;font-size:22px;border:solid 2px red}
.btn-gloss{padding:5px 10px!important;margin:0 3px;font-size:4vw!important}
.vote-icon{width:100%;max-width:14vw}
.bg-hot,.bg-not{font-size:6vw}
.vote-title{font-size:4vw}
.vote-count{font-size:8vw}
.view-count{font-size:4vw}
}