@media (max-width: 767px){
    html {
        font-size: 25px !important;
    }
}
@media (max-width: 575px){
    html {
        font-size: 18px !important;
        margin-top: 0;
    }
}
@media (max-width: 425px){
    html {
        font-size: 13px !important;
    }
}
.center {
     position: absolute;
     box-sizing: border-box;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
     filter: drop-shadow(20px 10px 10px #66224c7c);

}
img_container {
   width:100%;
   height:100%; 

}
.txt {
    position:absolute;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    width:99.3%;
    bottom:10px;
    text-align:center;
    padding-left: 0px;
    padding-right: 0px;
    color: #224c7c;
    animation-delay: 3s;
    animation: fadeins 5s forwards;
    @keyframes fadeIns {
                        to {
                        background-color: #523c00;
                           }
                        }
     }
body { padding:0;

            background-color: #224c7c;
            animation: fadeIn 5s forwards;
        }
        @keyframes fadeIn {
            to {
                background-color: #b2d6ff;
                }

}
.ft1 {
        display: inline;
        width: 1em;      
        color: #224c7c;
        animation-delay: 6s;
        animation: fadeins3 12s forwards;
    @keyframes fadeIns3 {
                        to {
                            color: #774c7c;
                           }
                        }
    }