.awardsHead{
    width: 100vw;
    height: 10vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.awardsHead h3{
    font-size: 1.2rem;
    border-bottom: 1px solid red;
}
#awards{
    display: flex;
    flex-direction: column;
    justify-self: center;
    align-items: center;
}
#awardsContent{
    width: 90vw;
    height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#acTop, #acBottom, #acMiddle, #acTopStyle{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#acMiddle div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-right: 2vw;
    margin-left: 2vw;
    margin-top: 0;
    margin-bottom: 0;
}
#aw8{
    font-size: 3rem;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}
#aw6, #aw9{
    font-size: 2rem;
    margin: 0;
}
#aw7, #aw10{
    font-size: 1rem;
    margin: 0;
}
#aw3, #aw4, #aw5{
    font-size: 1rem;
    margin-right: 1vw;
    margin-left: 1vw;
    margin-top: 0;
    margin-bottom: 0;
}
#aw12, #aw13{
    font-size: 1rem;
    margin-right: 1vw;
    margin-left: 1vw;
    margin-top: 0;
    margin-bottom: 0;
}
#aw1{
    font-size: 1.5rem;
    margin-bottom: 10vh;
    rotate: -90deg;
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
    transition: all 0.2s;
}
#aw2{
    font-size: 1.5rem;
    margin-bottom: 10vh;
    rotate: -90deg;
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
}
#aw11{
    font-size: 1.5rem;
    margin-top: 10vh;
    rotate: -90deg;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
}
#aw14{
    font-size: 1.5rem;
    margin-top: 15vh;
    rotate: -90deg;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
}
#aw1:hover{
    transition: all 0.2s;
    transform: scale(1.2) rotate(90deg);
}
#aw2:hover{
    transition: all 0.2s;
    transform: scale(1.2) rotate(90deg);
}
#aw11:hover{
    transition: all 0.2s;
    transform: scale(1.2) rotate(90deg);
}
#aw14:hover{
    transition: all 0.2s;
    transform: scale(1.2) rotate(90deg);
}
#aw3:hover, #aw4:hover, #aw5:hover,#aw9:hover, #aw10:hover, #aw6:hover, #aw7:hover, #aw8:hover, #aw12:hover, #aw13:hover{
    transition: all 0.2s;
    transform: scale(1.2);
}





@media (max-width:1500px) {
    #awardsContent{
        margin-left: 1.5vw;
    }
    #aw1{
        margin-bottom: 13vh;
    }
    #aw2{
        margin-bottom: 13vh;
    }
    #aw11{
        margin-top: 13vh;
    }
    #aw14{
        margin-top: 13vh;
    }
}
@media (max-width:1000px) {
    #aw1{
        margin-bottom: 13vh;
    }
    #aw2{
        margin-bottom: 13vh;
    }
    #aw11{
        margin-top: 13vh;
    }
    #aw14{
        margin-top: 13vh;
    }
}
@media (max-width:700px) {
    #aw8{
        font-size: 1.2rem;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    #aw6, #aw9{
        font-size:  0.8rem;
        margin: 0;
    }
    #aw7, #aw10{
        font-size: 0.4rem;
        margin: 0;
    }
    #aw3, #aw4, #aw5{
        font-size: 0.4rem;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    #aw12, #aw13{
        font-size: 0.4rem;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    #aw1{
        font-size: 0.6rem;
        margin-bottom: 8vh;
        rotate: -90deg;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        transition: all 0.2s;
    }
    #aw2{
        font-size: 0.6rem;
        margin-bottom: 8vh;
        rotate: -90deg;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
    }
    #aw11{
        font-size: 0.6rem;
        margin-top: 8vh;
        rotate: -90deg;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
    }
    #aw14{
        font-size: 0.6rem;
        margin-top: 8vh;
        rotate: -90deg;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
    }
}
@media (max-width:500px) {
    #aw8{
        font-size: 1.2rem;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    #aw6, #aw9{
        font-size:  0.8rem;
        margin: 0;
    }
    #aw7, #aw10{
        font-size: 0.4rem;
        margin: 0;
    }
    #aw3, #aw4, #aw5{
        font-size: 0.4rem;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    #aw12, #aw13{
        font-size: 0.4rem;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    #aw1{
        font-size: 0.6rem;
        margin-bottom: 6vh;
        rotate: -90deg;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        transition: all 0.2s;
    }
    #aw2{
        font-size: 0.6rem;
        margin-bottom: 6vh;
        rotate: -90deg;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
    }
    #aw11{
        font-size: 0.6rem;
        margin-top: 6vh;
        rotate: -90deg;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
    }
    #aw14{
        font-size: 0.6rem;
        margin-top: 6vh;
        rotate: -90deg;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
    }
}
@media (max-width:300px) {
    #aw8{
        font-size: 0.6rem;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    #aw6, #aw9{
        font-size:  0.4rem;
        margin: 0;
    }
    #aw7, #aw10{
        font-size: 0.2rem;
        margin: 0;
    }
    #aw3, #aw4, #aw5{
        font-size: 0.2rem;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    #aw12, #aw13{
        font-size: 0.2rem;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    #aw1{
        font-size: 0.3rem;
        margin-bottom: 3vh;
        rotate: -90deg;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        transition: all 0.2s;
    }
    #aw2{
        font-size: 0.3rem;
        margin-bottom: 3vh;
        rotate: -90deg;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
    }
    #aw11{
        font-size: 0.3rem;
        margin-top: 3vh;
        rotate: -90deg;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
    }
    #aw14{
        font-size: 0.3rem;
        margin-top: 3vh;
        rotate: -90deg;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
    }
}
@media (max-width:200px) {
    #aw8{
        font-size: 0.3rem;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    #aw6, #aw9{
        font-size: 0.2rem;
        margin: 0;
    }
    #aw7, #aw10{
        font-size: 0.1rem;
        margin: 0;
    }
    #aw3, #aw4, #aw5{
        font-size: 0.1rem;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    #aw12, #aw13{
        font-size: 0.1rem;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    #aw1{
        font-size: 0.15rem;
        margin-bottom: 1vh;
        rotate: -90deg;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        transition: all 0.2s;
    }
    #aw2{
        font-size: 0.15rem;
        margin-bottom: 1vh;
        rotate: -90deg;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
    }
    #aw11{
        font-size: 0.15rem;
        margin-top: 1vh;
        rotate: -90deg;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
    }
    #aw14{
        font-size: 0.15rem;
        margin-top: 1vh;
        rotate: -90deg;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
    }
}
@media (max-width:100px) {
    #aw8{
        font-size: 0.3rem;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    #aw6, #aw9{
        font-size: 0.2rem;
        margin: 0;
    }
    #aw7, #aw10{
        font-size: 0.1rem;
        margin: 0;
    }
    #aw3, #aw4, #aw5{
        font-size: 0.1rem;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    #aw12, #aw13{
        font-size: 0.1rem;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    #aw1{
        font-size: 0.15rem;
        margin-bottom: 1vh;
        rotate: -90deg;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        transition: all 0.2s;
    }
    #aw2{
        font-size: 0.15rem;
        margin-bottom: 1vh;
        rotate: -90deg;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
    }
    #aw11{
        font-size: 0.15rem;
        margin-top: 1vh;
        rotate: -90deg;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
    }
    #aw14{
        font-size: 0.15rem;
        margin-top: 1vh;
        rotate: -90deg;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
    }
}

