html, body{height: 100%;}

body{
    background-color: #000000;
    font-family:  'Agipo Bold Condensed',Helvetica, Arial, sans-serif;
    font-weight:  bold;
    font-style:   normal;
    font-stretch: condensed;
    color:rgb(235,235,235);
    margin:8px;
    padding: 0;
}

#ljmu_logo, #ljmu_logo_info {
    width: 12vw;
    min-width: 120px;
    margin: 2vw auto 4vw auto;
}

#stickerDiv{
    width:100%;
    height:100%;
}


/*---- COUNTER AND TEXT ----*/
.count_text{text-align: center;}

.count_block{
    width: 20.5vw;
    text-align: left;
    float: left;
}

.count_last{width: 16.6vw;}
.yellow{color:rgb(254,236,47);}

/* ---- MAIN CONTENT AREA ----*/
#content-wrapper{
    width:100%;
    margin:0 0 30px 0;
    height: 100%;
    text-align: center;
}

#main-text{
    width: 70%;
    height: 100%;
    float: left;
}


#sticker_info{
    width: 12vw;
    max-width: 118px;
    position: absolute;
    left: 5vh;
    top: 32vh;
    transform: rotate(-14deg);
  }

.clear{clear: both;}


/*---- GENERAL TYPE ----*/

#count_numbers{
    text-transform: uppercase;
    font-size: 18vw;
    width: 78.5vw;
    margin: 0 auto;
    line-height: 0.8em;
    letter-spacing: -0.02em;
    font-weight: 400;
}


#count_text, #count_numbers{
    font-family: 'Agipo Bold Condensed',Helvetica, Arial, sans-serif;
    font-weight:  bold;
    font-style:   normal;
    font-stretch: condensed;
}    

h1{ text-transform: uppercase;
    font-size: 18vw;
    max-width: 100%;
    line-height: 0.8em;
    letter-spacing: -0.02em;
    font-weight: 400;
    overflow-wrap: break-word;
}

.infotext {font-size: 7vw;}

h1.infotext a {
    font-size: 7vw;
    text-transform: uppercase;
    overflow-wrap: break-word;
    max-width: 100%;
    line-height: 0.8em;
    letter-spacing: -0.02em;
    font-weight: 400;
    color:rgb(235,235,235);
    display: inline;
    text-decoration: none;
}


h1.infotext a:hover{color:rgb(254,236,47);}

a, a:link, a:visited {text-decoration: none;}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;

}


/*---- MOBILE ----*/

@media (max-width: 767px){


}


/* --------*/

@media (min-width: 768px) and (max-width: 991px) {



}

/* --------*/

@media (max-width: 768px) {



}

/* --------*/

@media (max-width: 991px){


}


/* --------*/

@media (max-width: 576px) {
    
#ljmu_logo {
    margin: 0 auto 0 auto;
    position: absolute;
    width: 30vw;
    margin-left: -15vw;
    bottom: 15px;
    left: 50%;
}

#ljmu_logo_info{
    margin: 2em auto 2em auto;
    position: absolute;
    width: 30vw;
    margin-left: -15vw;
    left: 50%;
}

#sticker_info {
    max-width: 100px;
    position: fixed;
    width: 26vw;
    left: 2vw;
    top: 67vw;
    transform: rotate(-14deg);
}

.infotext {font-size: 11vw;}

h1.infotext a {
    font-size: 11vw;
    text-transform: uppercase;
    max-width: 100%;
    line-height: 0.8em;
    letter-spacing: -0.02em;
    font-weight: 400;
    color:rgb(235,235,235);
    display: inline;
    text-decoration: none;
}

}

/* --------*/

@media (max-width: 414px) {
   

}

/* --------*/

@media (max-width: 412px) {

 
}

/* --------*/

@media (max-width: 375px) {

}

/* --------*/

@media (max-width: 360px) {

}

/* --------*/

@media (max-width: 320px) {

}