body,html{height:100vh;padding-top:0;scroll-behavior:smooth;font-size:16px}body{margin:0;display:flex;flex-direction:column}h1{font-family:Merriweather;font-weight:lighter;font-size:2.5rem;color:olive}h2{font-family:Merriweather;font-weight:lighter;font-size:2.0rem;color:olive}h3{font-family:Lato;font-weight:bold;font-size:1.5rem;color:olive}p{font-family:Lato;font-weight:normal;font-size:1.5rem;color:navy}ul{font-family:Lato;font-weight:normal;font-size:1.1rem;color:navy;line-height:1.5;padding-left:2.0rem}header{margin:0;display:grid;height:auto;grid-template-columns:15% auto auto;grid-template-rows:1fr 2fr;grid-template-areas:"logo heading flags" "logo heading login"}.logo{grid-area:logo;display:flex;align-items:center;justify-content:right;padding:5%}.logo img{display:block;height:100%}.heading{grid-area:heading;display:inline;margin-top:auto;margin-bottom:auto;padding:2% 2% 5% 2%}.heading h1{font-family:Merriweather;font-weight:normal;font-size:3rem;margin-bottom:0;color:navy}.heading h2{font-family:Merriweather;font-weight:normal;font-size:2rem;margin-top:0;color:olive}.flags{grid-area:flags;display:flex;flex-direction:row;align-items:center;justify-content:right;margin-left:auto;padding:5px 30px 5px 5px}.flags img{height:40px;margin:0 8px;opacity:.8;transition:.6s}.flags img:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);opacity:1;transition:.3s}.login{grid-area:login;display:flex;align-items:center;justify-content:right;margin-left:auto;padding:15px 30px}.login img{height:75px;opacity:.9;transition:1s}.login img:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:1;transition:.5s}main{margin:0;display:grid;grid-template-columns:100%;grid-template-rows:70vh auto;grid-template-areas:"banner" "introduction"}.banner{grid-area:banner;background-color:skyblue;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.brochure{position:absolute;top:66%;left:62%;transform:translate(0,-50%)}.brochure img{height:60px;opacity:.9;transition:1s}.brochure img:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:1;transition:.5s}.pricing{position:absolute;top:80%;left:62%;transform:translate(0,-50%)}.pricing img{height:60px;opacity:.9;transition:1s}.pricing img:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:1;transition:.5s}.introduction{grid-area:introduction;align-items:center;justify-content:center;padding:2% 20% 2% 20%}.introduction h1{text-align:center;line-height:1.3}.introduction p{text-align:center;margin-top:3rem}.features{margin:0;display:grid;grid-template-columns:1fr 9fr;grid-template-rows:repeat(auto,5);padding:0 25% 3% 25%}.feature-icon{display:flex;align-items:center;justify-content:center;padding:10px}.feature-icon img{height:80px}.feature-description{display:flex;align-items:center;justify-content:left;padding:2%;font-family:Lato;font-weight:normal;font-size:1.5rem !important;color:navy}.portwatch-container{margin:0;display:grid;grid-template-columns:60% 40%;grid-template-rows:32% 68%;grid-template-areas:"video intro" "video portwatch";height:100%;min-height:100%;background-size:cover;background-position:center}.video{grid-area:video;display:flex;align-items:center;justify-content:center;border:5px solid white;margin:auto;padding:3px}.intro{grid-area:intro;display:flex;margin-top:auto;padding:1%;font-family:Merriweather;font-weight:normal;font-style:italic;font-size:2.0rem;color:white}.portwatch{grid-area:portwatch;display:flex;flex-direction:column;align-items:center;padding:4% 30% 4% 4%}.portwatch h2{font-family:Merriweather;font-weight:normal;font-size:3.0rem;color:white;text-align:center;margin-top:0rem;margin-bottom:0rem}.portwatch p{font-family:Lato;font-weight:normal;font-size:1.7rem;color:white;text-align:center;margin-top:.5rem;line-height:1.3}.plans-container{margin:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 3.8fr auto;grid-template-areas:"plans-title  plans-title  plans-title" "low-plan     mid-plan     top-plan" "low-footnote mid-footnote top-footnote";padding:1% 20% 4% 20%}.plans-title{grid-area:plans-title;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2% 1% 3% 1%}.plans-title h1{text-align:center;margin-bottom:0rem}.plans-title h3{text-align:center;margin-top:0rem}.low-plan{grid-area:low-plan;display:flex;flex-direction:column;background-repeat:no-repeat;background-size:contain;background-position:center top;margin:0 10%;padding:1%;overflow:hidden;position:relative}.mid-plan{grid-area:mid-plan;display:flex;flex-direction:column;background-repeat:no-repeat;background-size:contain;background-position:center top;margin:0 10%;padding:1%;overflow:hidden;position:relative}.top-plan{grid-area:top-plan;display:flex;flex-direction:column;background-repeat:no-repeat;background-size:contain;background-position:center top;margin:0 10%;padding:1%;overflow:hidden;position:relative}.plan{font-family:Lato;font-weight:bold;font-size:1.7rem;color:white;position:absolute;top:0;left:8%}.cost{font-family:Merriweather;font-weight:bold;font-size:1.9rem;color:white;position:absolute;top:0;right:8%}.unit{font-family:Lato;font-weight:normal;font-size:1.4rem;color:white;position:absolute;top:12%;left:8%}.list{position:absolute;top:27%;left:2%;padding-right:2%}.low-footnote{grid-area:low-footnote;font-family:Lato;font-weight:normal;font-size:.9rem;color:navy;margin:0 10%;padding:1%}.mid-footnote{grid-area:mid-footnote;font-family:Lato;font-weight:normal;font-size:.9rem;color:navy;margin:0 10%;padding:1%}.top-footnote{grid-area:top-footnote;font-family:Lato;font-weight:normal;font-size:.9rem;color:navy;margin:0 10%;padding:1%}footer{margin:0;height:auto;min-height:70vh;background-color:olive;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"contact logo2 map" "contact social map"}.contact{grid-area:contact;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10% 1% 1% 20%}.contact h2{font-family:Lato;font-weight:normal;font-size:2.0rem;color:white;opacity:.9;text-align:center;margin-top:0rem;margin-bottom:1.8rem}.contact form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%}.contact form input{font-family:Lato;font-size:1.4rem;opacity:.5;width:100%;height:2.5rem;border-radius:7px;border:0;padding:0 2%;margin-bottom:2rem}.contact form textarea{font-family:Lato;font-size:1.2rem;line-height:1.2;opacity:.5;width:100%;border-radius:9px;border:0;padding:2% 2%;margin-bottom:2rem}#website{display:none}.submit{width:100%;background-color:black;color:white;opacity:.1;transition:1s}.submit:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:.6;transition:.5s}.logo2{grid-area:logo2;display:flex;align-items:center;justify-content:center;padding:1%}.logo2 img{height:75%}.map{grid-area:map;display:flex;align-items:center;justify-content:center;padding:1% 20% 1% 1%}.map img{height:90%}.social{grid-area:social;display:flex;flex-direction:column;padding:1%}.social h2{font-family:Lato;font-weight:normal;font-size:2.0rem;color:white;opacity:.9;text-align:center;margin-top:0rem;margin-bottom:.3rem}.social h3{font-family:Lato;font-weight:normal;font-size:1.3rem;color:white;opacity:.9;text-align:center;margin-top:0rem;margin-bottom:0rem}.social-button{display:flex;flex-direction:row;justify-content:center}.social-button img{width:130px;padding:20px;opacity:.8;transition:.6s}.social-button img:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:1;transition:.3s}@media only screen and (max-width:1280px){body,html{font-size:12px}.flags img{height:36px;margin:0 7px}.login img{height:70px}.brochure img{height:50px}.pricing img{height:50px}.introduction{padding:2% 10% 2% 10%}.features{padding:0 15% 3% 15%}.feature-icon{padding:8px}.feature-icon img{height:70px}.video iframe{width:504px;height:284px}.portwatch{padding:4% 20% 4% 0%}.plans-container{grid-template-rows:1fr 4.0fr auto;padding:1% 10% 4% 10%}.contact{padding:10% 1% 1% 10%}.map{padding:1% 10% 1% 1%}.social-button img{width:100px;padding:18px}}@media only screen and (max-width:1024px){body,html{font-size:10px}.flags img{height:32px;margin:0 6px}.login img{height:65px}.brochure img{height:40px}.pricing img{height:40px}.introduction{padding:2% 10% 2% 10%}.features{padding:0 15% 3% 15%}.feature-icon{padding:6px}.feature-icon img{height:60px}.video iframe{width:448px;height:252px}.portwatch{padding:4% 15% 4% 0%}.plans-container{grid-template-rows:1fr 4.1fr auto;padding:1% 5% 4% 5%}.contact{padding:10% 1% 1% 5%}.map{padding:1% 5% 1% 1%}.social-button img{width:90px;padding:16px}}@media only screen and (max-width:736px){body,html{font-size:9px}header{grid-template-columns:17% auto auto}.flags img{height:26px;margin:0 6px}.login img{height:45px}.brochure img{height:30px}.pricing img{height:30px}.introduction{padding:2% 10% 2% 10%}.features{padding:0 15% 3% 15%}.feature-icon{padding:6px}.feature-icon img{height:50px}.video iframe{width:373px;height:210px}.portwatch{padding:4% 5% 4% 0%}.plans-container{grid-template-rows:1fr 3.4fr auto;padding:1% 5% 4% 5%}.contact{padding:5% 1% 1% 5%}.map{padding:1% 5% 1% 1%}.social-button img{width:75px;padding:10px}}@media only screen and (max-width:667px){body,html{font-size:8px}header{grid-template-columns:18% auto auto}.flags img{height:23px;margin:0 5px}.login img{height:40px}.brochure img{height:30px}.pricing img{height:30px}.introduction{padding:2% 10% 2% 10%}.features{padding:0 15% 3% 15%}.feature-icon{padding:5px}.feature-icon img{height:45px}.video iframe{width:336px;height:189px}.portwatch{padding:4% 5% 4% 0%}.plans-container{grid-template-rows:1fr 3.3fr auto;padding:1% 5% 4% 5%}.contact{padding:3% 1% 1% 5%}.map{padding:1% 5% 1% 1%}.social-button img{width:70px;padding:10px}}@media only screen and (max-width:600px){body,html{font-size:8px}header{margin:0;display:grid;grid-template-columns:30% auto;grid-template-rows:2fr 3fr 2fr;grid-template-areas:"flags flags" "logo heading" "login login"}.flags img{height:23px;margin:0 5px}.login img{height:50px}main{grid-template-rows:50vh auto}.brochure{top:15%;left:25%}.brochure img{height:40px}.pricing{top:30%;left:25%}.pricing img{height:40px}.introduction{padding:2% 7% 2% 7%}.features{padding:0 15% 3% 15%}.feature-icon{padding:5px}.feature-icon img{height:45px}.portwatch-container{grid-template-columns:100%;grid-template-rows:1fr 3fr 3fr;grid-template-areas:"intro" "video" "portwatch";height:75%;min-height:75%}.intro{padding-left:5%;font-size:2.5rem}.video iframe{width:336px;height:189px}.portwatch{padding:5% 7%}.portwatch p{font-size:2.0rem}.plans-container{grid-template-columns:100%;grid-template-rows:1fr repeat(3,5.3fr .5fr);grid-template-areas:"plans-title" "low-plan" "low-footnote" "mid-plan" "mid-footnote" "top-plan" "top-footnote";padding:1% 5% 4% 5%}.low-plan{margin:0 20%}.mid-plan{margin:0 20%}.top-plan{margin:0 20%}.plan{font-size:2.6rem}.cost{font-size:2.6rem}.unit{font-size:2.0rem}ul{font-size:1.7rem}.low-footnote{font-size:1.1rem;margin:0 20%}.mid-footnote{font-size:1.1rem;margin:0 20%}.top-footnote{font-size:1.1rem;margin:0 20%}footer{grid-template-columns:1fr 1fr;grid-template-rows:2fr 1fr 1fr;grid-template-areas:"contact contact" "logo2 map" "social map"}.contact{padding:3% 10% 1% 10%}.map{padding:1% 5% 1% 1%}.social-button img{width:70px;padding:10px}}