footer{
    background-color: #ed7498;
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
    height: 480px;
    font-size: 1.5em;
    color: #FFFFFF;
    padding-top: 15px;
    display: inline-block;
    width: 90%;


}
footer img{
    display: block;
    width: 250px;
    margin-top: 20px;
    margin-bottom: 15px;

    margin-left: auto;
    margin-right: auto;
    left: auto;
    right: auto;
}
footer img:nth-child(1){
    display: block;
    width: 150px;
}
footer .title{
    display: block;
    color: #ffffff;
    text-align: center;
}
@media only screen and (min-width : 550px) {
    footer{
        background-image: url("../../../pic/footer.png");
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: auto 40%;
        height: 450px;
        color: #FFFFFF;
        padding-top: 15px;

    }
    footer img{
        width: 250px;
    }
    footer img:nth-child(1){
        width: 150px;
    }
}
@media only screen and (min-width : 720px) {
    footer{
        height: 365px;
    }
}