@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

body { background-color:#e3fffe; color: #07223e; max-width: 100%; margin:0 auto; font-size:18px; font-family: "Manrope", sans-serif; }

.icon { position:relative; display: block; width: 90%; max-width: 130px; margin: 0 auto;}
.logo { position:relative; display: block; width: 90%; max-width: 400px; margin: 0 auto;}


.content { position:absolute; display: block; margin: 0 auto; width: 90%; max-width: 1000px; text-align: center; top: 50%; transform: translate(-50%,-50%); left: 50%;}
.content-2 { position:relative; display: block; margin: 100px auto; width: 90%; max-width: 1000px; text-align: center; }
h1 {font-weight: 700;margin-bottom: 0;margin-top: 30px;}
h2 {font-weight: 400;margin-top: 10px;font-size: 21px;max-width: 570px;margin: 10px auto 0;line-height: 31px;}
p {}
.slogan { position:relative; display: block; margin: 15px auto 0; font-size: 18px;font-weight: 500;}

@media screen and (max-width:900px){  
.icon {max-width: 90px;}
.content-2 {margin: 50px auto 5vw;}
h1 {font-size: 28px;}
h2 {font-size: 18px;}
p {}
}