*,
*:before,
*:after {
 box-sizing: border-box;
}

html {
    font-size: 1.25vw;  /* 24px */
    font-family: Montserrat;
}

body {
    background-color: #e5e4e8;
    color: #13004d;
}

img {
    max-width: 20%;
}

#logo {
    margin-top: 2rem;
}

.contact {
    font-size: 24px;
    margin-top: 2rem;
}

.foot {
    font-size: 20px;
    font-weight: regular;
    margin-top: 4rem;
}

.contact a {
    color: #13004d;
    text-decoration: none;
    margin-bottom: 1rem;
}

#kapcsolat {
    margin-bottom: 3rem;
}

h1 {
    margin: 3rem 0;
    font-size: Magnisa Sans;
}

#identity {
    font-weight: bold;
    font-size: 28px;
}

@media only screen and (max-width: 1025px) {   /* tablet */
    html {
        font-size: 1.1vw;
}
}

@media only screen and (max-width: 768px) {   /* tablet */
    html {
        font-size: 1vw;
}
    img {
    max-width: 50%;
}
}

@media only screen and (max-width: 480px) {   /* telefon */
    html {
        font-size: 0.8vw;
}
    img {
    max-width: 70%;
}
}