header {
	height: 100vh; margin-bottom: 50px;
    background-image: url(../img/gl/header.webp);
	background-size: cover;
}
.ten {
height: 100%;
}
.gl { padding: 10px 0;font-weight: 300;letter-spacing: 0.02em;margin: 100px 0 25px;
 }
@media screen and (min-width: 1490px) {
.gl { 
max-width: 70%;
}
h1 { font-size: 4rem;
}
}
@media screen and (max-width: 1480px) {
h1 { font-size: 3rem;width: 900px;
}
.gl {margin: 50px 0 25px 25px; max-width: 100%;
}
}
@media screen and (max-width: 1020px) {
.gl { 
width: 780px; margin: 50px 0 25px;}

h1 { font-size: 2.5rem;
}
}
@media screen and (max-width: 780px) {
h1 { width: 90%;margin-left: 10px;
        font-size: 7.5vw; font-weight: 600; text-align:center
}
.gl {margin: 50px 0 25px;
}
}
.gl>p { 
    width: 36.71875vw;
    font-weight: 500;
    font-size: 1.5625vw;
    line-height: 2.34375vw;
    letter-spacing: 0.04em;
    margin-right: 0.8854166667vw;
}

@media screen and (max-width: 768px) {
    .gl>p {
        width: 67.1875vw;
        text-align: center;
        font-size: 3.75vw;
        margin: 0 auto 20px;
        line-height: 5.625vw
    }
    }