@charset "UTF-8";
/* CSS Document */
nav, article, footer {
    display: none;
}
header {
    clear: both;
    width: 100%;
    height: 100%;
}
.header-logo {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: fadeIn 5s ease 0s 1 normal;
}
.header-logo img {
    margin: 0;
    padding: 0;
}
.header-logo a {
    transition: 0.3s;
}
.header-logo a:hover {
    filter: invert(1);
}

@media (min-width: 321px) {
.header-logo {
    width: 28vw;
}
.header-logo img {
    width: 100%;
}
}

@media (min-width: 415px) {
.header-logo {
    width: 17vw;
}
}

@media (min-width: 960px) {
.header-logo {
    width: 17vw;
}
}

@media (min-width: 1024px) {
.header-logo {
    width: 13vw;
}
}

@media (min-width: 1060px) {
.header-logo {
    width: 11vw;
}
}

@media (min-width: 1200px) {
.header-logo {
    width: 7vw;
}
}