@media screen and (max-width:1000px){
    /* [ 2 ] - HEADER */
    header{
        height: auto;
        padding: 60px 15px;
    }
    .main_title{
        font-size: 5em;
    }
    .main_small_title{
        line-height: 1;
        font-size: 2em;
        text-transform: uppercase;
        color: #ffffff;
    }

    /* [ 3 ] - GIFT CARDS SECTION */
    .card_item{
        width: 33.333333%;
    }
    .generator_cards{
        flex-direction: column;
    }
    
}

@media screen and (max-width:800px){
    /* [ 3 ] - GIFT CARDS SECTION */
    .card_item{
        width: 50%;
    }
}

@media screen and (max-width:700px){
    /* [ 2 ] - HEADER */
    header{
        height: auto;
        padding: 30px 15px;
    }
    .main_title{
        font-size: 3em;
    }
    .main_small_title{
        line-height: 1;
        font-size: 1.5em;
        text-transform: uppercase;
        color: #ffffff;
    }
    .generator_title, .started_generation_title, .completed_generation_title {
        font-size: 25px;
    }
}

@media screen and (max-width:500px){
    /* [ 3 ] - GIFT CARDS SECTION */
    .card_item{
        width: 100%;
    }
    .generator_title, .started_generation_title, .completed_generation_title {
        font-size: 20px;
    }
}

@media screen and (max-width:400px){
    /* [ 2 ] - HEADER */
    header{
        height: auto;
        padding: 30px 15px 25px 15px;
    }
    .main_title{
        font-size: 30px;
    }
    .main_small_title{
        line-height: 1;
        font-size: 16px;
        text-transform: uppercase;
        color: #ffffff;
    }
    .generator_title, .started_generation_title, .completed_generation_title {
        font-size: 16px;
    }

    .amazon_brand img{
        max-width: 200px;
    }
    .apple_brand img{
        max-width: 200px;
    }
    .bestbuy_brand img{
        max-width: 150px;
    }
    .ebay_brand img{
        max-width: 150px;
    }
    .gamestop_brand img{
        max-width: 250px;
    }
    .google_brand img{
        max-width: 250px;
    }
    .playstation_brand img{
        max-width: 100px;
    }
    .roblox_brand img{
        max-width: 250px;
    }
    .spotify_brand img{
        max-width: 200px;
    }
    .target_brand img{
        max-width: 100px;
    }
    .walmart_brand img{
        max-width: 250px;
    }
    .xbox_brand img{
        max-width: 200px;
    }

    footer{
        font-size: 13px;
    }
}