/*==========================================
HEADER
==========================================*/

.award-header {
    text-align: center;
    margin-bottom: 50px;
}

.award-badge {
    display: inline-block;
    background: #FEE2E2;
    color: #C1121F;
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: 600;
    letter-spacing: .5px;
}

.award-header h1 {
    font-size: 46px;
    font-weight: 700;
    margin-top: 20px;
    color: #212529;
}

.award-header p {
    max-width: 850px;
    margin: auto;
    color: #666;
    line-height: 1.8;
}

/*==========================================
INTRODUCTION
==========================================*/

.announcement-box {
    background: #fff;
    padding: 35px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    margin-bottom: 40px;
}

    .announcement-box p {
        margin-bottom: 18px;
        line-height: 1.9;
        color: #555;
        text-align: justify;
    }

/*==========================================
PRIZES
==========================================*/

.prize-card {
    background: #fff;
    border-radius: 20px;
    text-align: center;
    padding: 45px 30px;
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
    transition: .3s;
    height: 100%;
}

    .prize-card:hover {
        transform: translateY(-8px);
    }

.prize-icon {
    font-size: 60px;
    margin-bottom: 20px;
}

.prize-card h3 {
    font-weight: 700;
    margin-bottom: 15px;
}

.prize-card h1 {
    font-size: 42px;
    color: #C1121F;
    font-weight: 700;
}

.gold {
    border-top: 6px solid #F4B400;
}

.silver {
    border-top: 6px solid #9CA3AF;
}

.bronze {
    border-top: 6px solid #B87333;
}

/*==========================================
MOBILE
==========================================*/

@media(max-width:768px) {

    .award-header h1 {
        font-size: 34px;
    }

    .announcement-box {
        padding: 25px;
    }
}