body {font-family: 'Plus Jakarta Sans', sans-serif; background: #000; }
body p {line-height: 1.3; margin-bottom: 5px;}
body p:last-child {margin-bottom: 0px;}

header {padding-top: 50px;}
header img {width: 300px; margin: 0 auto;}

.landing .wrapper {width: 100%; max-width: 50vw; z-index: 1; margin:5vw auto}
.landing .wrapper article {color: #fff; text-align: center;}
.landing .wrapper article h1 {font-weight: bold; font-size: 18px; margin-bottom: 1vw; color: #42e1a6; letter-spacing: 2px;}
.landing .wrapper article h2 {font-size: 4vw; font-weight: normal;}
.landing .wrapper article h2 span {position: relative;}
.landing .wrapper article h2 span div {position: absolute; width: 100%; top: -7px; left: 0px; z-index: -1; box-sizing: border-box;
  padding: 10px;}
.landing .wrapper article h2 em {font-style: normal; color: #55b0e2;}

.landing p {margin-top: 30px;}
.landing a {margin-top: 30px;}

.form-wrapper {max-width: 800px; margin: 0 auto;}
#contactform .grid {display: grid; grid-template-columns: 1fr 1fr; /* Two equal columns */ gap: 20px;}
#contactform .grid-full {grid-template-columns: 1fr;}
#contactform label {color:#fff; font-size: 15px; font-weight:bold; display: block; margin: 20px 0 10px}
#contactform input[type=text], #contactform input[type=email] {border:1px solid #fff; color:#fff; background: transparent; padding: 15px 0; text-indent: 20px; width: 100%; font-family: 'Plus Jakarta Sans', sans-serif; border-radius: 60px}
#contactform textarea {border:1px solid #fff; color:#fff; background: transparent; padding: 12px 0; text-indent: 20px; width: 100%; font-family: 'Plus Jakarta Sans', sans-serif; border-radius: 20px; height: 150px; width: 100%;}
.button {display: inline-block;background:#55b0e2; border-radius: 60px; color: #fff;border:none; padding: 15px 20px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight:bold; font-size: 16px; line-height:1; margin-top: 15px;}

.highlight_message {background: #ff2e2e; color: #fff; padding: 10px; border-radius: 50px; text-align: center;}
.success {color: #fff !important; background: #3fb93f !important; padding: 10px; border-radius: 50px; text-align: center;}

footer {margin: 7vw auto 0; width: 90%; color: #fff; box-sizing: border-box; padding: 40px 0; border-top: 1px solid #55b0e2;}
footer a {font-size: 22px; font-weight: 600; margin-bottom: 10px; display: inline-block;}
footer article:nth-child(2) {text-align: right;}
footer .copyright {color: #fff7; font-size: 14px;}


@keyframes pulse {
    0%, 100% {
        filter: brightness(1) blur(100px);
    }
    50% {
        filter: brightness(1.2) blur(100px);
    }
}

@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@media screen and (max-width: 1100px) {

  .landing {overflow: hidden;}
  .landing figure,.landing .wrapper {max-width: 85%;}
  .landing .wrapper article h1 {font-size: 16px; margin-bottom: 20px;}
  .landing .wrapper article h2 {font-size: 30px;}
  .landing .wrapper article h2 span div {padding: 0px; top: -3px;}

  footer article {width: 100%;}
  footer article:nth-child(2) {text-align: left; margin-top: 30px;}
  footer article p {margin-bottom: 10px;}
}

@media screen and (max-width: 900px) {

  .form-wrapper {max-width: 90%;}

}