.index-head-img{
    position: relative;
}

.index-head-img img{
    width: 100%;
}

.centered {
    position: absolute;
    font-size: 500%;
    color: #f70814;
    top: 10%;
    right: 4%;
    text-shadow: rgb(255, 255, 255) 1px 1px 0, rgb(226, 250, 117) -1px -1px 0, 
                 rgb(204, 199, 248) -1px 1px 0, rgb(199, 252, 202) 1px -1px 0;
    font-style: oblique;
    text-align: right;
}



@media screen and (max-width: 920px) {
    .centered {
        font-size: 250%;
    }
}

@media screen and (max-width: 750px) {
    .centered {
        font-size: 230%;
    }
}

@media screen and (max-width: 470px) {
    .centered {
        font-size: 150%;
    }
}