@font-face {
    font-family: KaiseiDecol;
    src: url("../font/Kaisei_Decol/KaiseiDecol-Bold.ttf") format("truetype");
}

* {
    margin: 0px;
    padding: 0px;
    font-family: KaiseiDecol;
    color: #C39A46;
}

html {
    scroll-behavior: smooth;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    height: 100vh;
} 

body {
    overflow-x: hidden;
}

header {
    background: #800000;
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
}

header img {
    height: 65%;
    margin-left: 50px;
}

header p{
    left: 0;
    width: 100%;
    font-size: 25px;
    text-align: center;
    position: absolute;
}

.btn-red {
    background: #800000;
}

.btn-red:hover {
    background: #da190b;
}

.btn-green {
    background: #4CAF50;
}

.btn-green:hover {
    background: #62d465;
}

.btn-blue {
    background: #274156;
}

.btn-blue:hover {
    background: #5d80a5;
}

@media (max-width: 1024px) {
    header p {
        display: none;
    }
}

@media (max-width: 768px) {
    header {
        height: 80px;
    }
}

@media (max-width: 480px) {
    header {
        box-sizing: border-box;
        height: 60px;
        justify-content: space-between;
        padding: 0px 20px;
    }
    
    header img {
        margin-left: 0;
        height: 70%;
    }
}