@charset "utf-8";

.nav{
    border-bottom:2px solid teal;
}
.nav-brains-logo{
    width: 100px;
}
.header{
    height: auto;
    background-color: teal;
    border-bottom: solid 1px silver;
}
.header h2{
    color: white;
    font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
.header p{
    color: white;
    font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
.login-btn a{
    color: white;
    font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
.login-nav{
    margin-left: 2%;
}
.login-nav a{
    font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
.login-nav button{
    font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

@media screen and (max-width: 376px){
    .login-btn{
        background-color: teal;
    }
}