@import url("/css/main.css");
#main{
    position: relative;
    width:100%;
    height: 100%;
    z-index: 20;
}
.container_premii{
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap:3rem;
}
.tricouGarantat, .TV, .tricou{
    width:50%;
}
.sticla{
    margin:0 auto;
    width:40%;
    margin-top:10%;
}
.bottom_text{
    font-size:12px;
    text-align: center;
    color:black;
    font-family:AvLight;
}
.sticker{
    margin:0 auto;
}

@media(min-width:1000px){
    .text{
        width:35%;
    }
    .tricouGarantat, .TV, .tricou {
        width: 15%;
    }
    .container_premii{
        flex-direction: row;
        justify-content: flex-start;
    }
    .sticla {
        margin: 0 auto;
        width: 10%;
         margin-top: 0%; 
    }
    .bottom_text, .sticker{
        display:none;
    }
    .sticla{
        margin:0;
        position: absolute;
        bottom: 20%;
        right: 5%;
        width:25%;
    }
    .text{
        margin:0;
        position: absolute;
        bottom: 35%;
        left: 5%;
        width:50%;
    }
    .container_premii{
 margin-left:7%;
    }
    .TV{
        width:23% !important;
    }
}

@media(min-width:1200px){
    .TV {
        width: 18% !important;
    }
    
}
@media(min-width:1360px){
    .text {
        bottom: 30%;
    }
}

@media(min-width:1900px){
    .tricouGarantat, .TV, .tricou {
        width: 18%;
    }
}