@font-face {
    font-family: pirateFont1;
    src: url(../assets/fonts/PSL150SP.TTF);
}
body{
    background-image: url("../assets/news/img/bg/bg-news.png");
    background-repeat: no-repeat;
    background-position:center;
    background-size:cover;
    height:100%;
    position: relative;
    font-family: pirateFont1;
}
img.img-character2 {
    width:197px;
    position: absolute;
    top: 40%;
}
img.img-character1 {
    width: 317.5px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.img-support img{
    width: 202px;
    position: fixed;
    top: 40%;
    right: 1.5%;
    /* transition:0.2 ease-in-out; */
}
.img-support img:hover{
    transform: scale(1.2)
}
.container{
    display: flex;
    justify-content:center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
    background-image: url("../assets/news/img/bg/2_BG.png");
    background-repeat: no-repeat;
    background-position:center;
    background-size:cover;
}
.img-anoucment img{
    width:500px;
}
.wrapper-desc{
    width:500px;
    display:flex;
    flex-direction: column;
    justify-content:center;
    align-items:center;
    margin-bottom: 40px;
}
.title p{
    color:#ffdb84;
    font-size:18px;
    font-weight:700;
    text-align:center;
}
.desc b{
    color:#ffdb84;
    font-size:28px;
    font-weight:500;
    text-align:center;
}
.desc {
    margin-top: 10px;
    color:white;
    font-size:22px;
    /*font-weight:400;*/
}
.img-header img{
    width:341px;
}
@media screen and (max-width:468px){
    .img-anoucment img{
        width: 330px;
    }
    .wrapper-desc{
        width: 330px;
    }
}
@media screen and (min-width:469px){
    .img-anoucment img{
        width: 400px;
    }
    .wrapper-desc{
        width: 400px;
    }
    img.img-character1{
        width: 250px;
    }
}

@media screen and (min-width:980px){
    .img-anoucment img{
        width: 500px;
    }
    .wrapper-desc{
        width: 500px;
    }
    img.img-character1{
        width: 318px;
    }
}

@media screen and (max-width:767px){
    img.img-character2{
        display: none;
    }
    img.img-character1{
        display:none;
    }
    .img-support img{
        display:none;
    }
}