@charset "UTF-8";
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article, aside, footer, header, nav, section {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

figcaption, figure, main {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b, strong {
  font-weight: inherit;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details, menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

@font-face {
  font-family: "Playfair Display SC";
  src: url("../fonts/Playfair_Display_SC/PlayfairDisplaySC-BlackItalic.ttf");
  font-weight: normal;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato/Lato-Regular.ttf");
  font-weight: normal;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato/Lato-Bold.ttf");
  font-weight: bold;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato/Lato-Light.ttf");
  font-weight: lighter;
}
html {
  font-size: 100%;
}

body {
  font-size: 1.25rem;
  color: #2C2C2C;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  text-align: left;
  line-height: 2rem;
  letter-spacing: 0.125rem;
}

h1 {
  font-size: 5.438rem;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  line-height: 3.625rem;
  letter-spacing: 0.563rem;
}

h1.main {
  font-size: 3.875rem;
  color: #0C5F4C;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  line-height: 3.625rem;
  letter-spacing: 0.419rem;
  min-width: 0;
}

h2 {
  font-size: 2.188rem;
  color: #0C5F4C;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  line-height: 3.625rem;
  letter-spacing: 0.238rem;
}

h3 {
  font-size: 1.875rem;
  color: #0C5F4C;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  line-height: 3.625rem;
  letter-spacing: 0.2rem;
}

button, .button {
  font-size: 1.25rem;
  color: white;
  font-family: "Playfair Display SC", serif;
  line-height: 2rem;
  letter-spacing: 0.063rem;
  text-align: center;
}

.navBar {
  font-size: 1.25rem;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  line-height: 1.813rem;
  letter-spacing: 0.063rem;
  text-align: center;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  font-size: 1.25rem;
  font-family: "Lato", sans-serif;
  font-weight: lighter;
  line-height: 2rem;
  letter-spacing: 0.125rem;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  font-size: 1.25rem;
  font-family: "Lato", sans-serif;
  font-weight: lighter;
  line-height: 2rem;
  letter-spacing: 0.125rem;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  font-size: 1.25rem;
  font-family: "Lato", sans-serif;
  font-weight: lighter;
  line-height: 2rem;
  letter-spacing: 0.125rem;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  font-size: 1.25rem;
  font-family: "Lato", sans-serif;
  font-weight: lighter;
  line-height: 2rem;
  letter-spacing: 0.125rem;
}

input::placeholder, textarea::placeholder {
  font-size: 1.25rem;
  font-family: "Lato", sans-serif;
  font-weight: lighter;
  line-height: 2rem;
  letter-spacing: 0.125rem;
}

.logoSmall {
  font-size: 1.25rem;
  color: #50E3C2;
  font-family: "Playfair Display SC", serif;
  text-align: center;
}

.logoLarge {
  font-size: 6.95rem;
  color: #063974;
  font-family: "Playfair Display SC", serif;
}

html {
  max-width: 2000px;
  margin: 0 auto;
}

.wrapper {
  margin: 0 auto;
  max-width: 1400px;
  width: 90%;
}

img {
  display: block;
  max-width: 100%;
  height: 100%;
}

ul, li, a, input {
  padding: 0;
  margin: 0;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
  padding: 10px 15px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a.button {
  background-color: #063974;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a.button:hover, a.button:focus {
  text-decoration: underline;
}

button {
  color: white;
  background-color: #063974;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
button:hover, button:focus {
  text-decoration: underline;
}

#img4 {
  display: none;
}

header {
  background-size: cover;
  background-repeat: no-repeat;
  height: clamp(300px, 90vh, 800px);
}
header .navBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-transform: uppercase;
}
header .navBar ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
header .navBar ul li {
  color: white;
}
header .navBar ul li:hover, header .navBar ul li:focus {
  color: #50E3C2;
}
header .hamburger, header .break {
  display: none;
}
header .hamburger i, header .break i {
  color: white;
}
header .break {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  height: 0;
}

html.home header {
  background-image: url(../assets/home-image-1.jpg);
  position: relative;
}
html.home .headerContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: no-wrap;
      flex-wrap: no-wrap;
  min-height: 250px;
  max-height: 700px;
  height: 65vh;
  width: 90%;
  position: relative;
  z-index: 10;
}
html.home .headerContent h1 {
  font-size: clamp(2.25rem, 5vw, 3.875rem);
}
html.home .headerContent span {
  font-size: clamp(2rem, 10vw, 6.95rem);
  display: block;
  line-height: clamp(3rem, 10vw, 8rem);
}
html.home .headerImage {
  position: absolute;
  bottom: 0;
  -webkit-transform: translateY(8vh);
          transform: translateY(8vh);
  width: 40%;
}
html.home .headerImage img {
  width: 100%;
}

html.blog header {
  background-image: url("../assets/blog-image-1.jpg");
}

html.contact header {
  background-image: url("../assets/contact-image-1.jpg");
}

footer {
  font-size: clamp(0.75rem, 2.5vw, 1.25rem);
  background-color: #2C2C2C;
  text-align: center;
  color: #FAFFFE;
}
footer p {
  margin: 0;
}

form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 50px 0;
}
form button {
  width: 100%;
  border: none;
}

input, textarea {
  border: none;
  outline: none;
  padding: 10px 20px;
  -webkit-transition: 2ms;
  transition: 2ms;
}
input:focus, input:hover, textarea:focus, textarea:hover {
  background-color: rgba(80, 227, 194, 0.25);
}

input {
  border-bottom: 2px solid #50E3C2;
  width: 48%;
  margin-top: 10px;
}

textarea {
  border: 2px solid #50E3C2;
  width: 100%;
  margin: 50px 0;
  height: 25vh;
  min-height: 200px;
  max-height: 250px;
}

.submissionResponse {
  text-align: center;
  display: none;
}

.guyana {
  background-color: #FAFFFE;
}
.guyana .guyanaFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: no-wrap;
      flex-wrap: no-wrap;
  padding: 100px 0;
}
.guyana .guyanaFlex .contentContainer {
  width: 55%;
  padding-right: 30px;
}
.guyana .guyanaFlex .contentContainer p {
  margin: 0 0 30px;
}
.guyana .guyanaFlex .imgContainer {
  width: clamp(30%, 20vw, 35%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.guyana .guyanaFlex img {
  -webkit-box-shadow: -15px 15px #50E3C2;
          box-shadow: -15px 15px #50E3C2;
  width: 100%;
}

.gallery {
  background-color: #D2F9F1;
}
.gallery .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.gallery .wrapper .galleryItem {
  padding: 100px 0;
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.carouselButton {
  all: unset;
  color: #50E3C2;
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.carouselButton:hover, .carouselButton:focus {
  cursor: pointer;
}
.carouselButton.previous {
  left: 5%;
}
.carouselButton.next {
  right: 5%;
}

.moreInfo {
  background-color: #FAFFFE;
}

.itemContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding: 100px 0 75px;
}
.itemContainer .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 50%;
  padding-bottom: 25px;
}
.itemContainer .items .iconContainer {
  width: 10%;
  min-width: 70px;
}
.itemContainer .items .iconContainer .iconBg {
  background-color: #50E3C2;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.itemContainer .items .iconContainer .iconBg i {
  letter-spacing: -1px;
  color: white;
}
.itemContainer .items .infoContainer {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.itemContainer .items .infoContainer h3 {
  margin: 0;
  line-height: 2.5rem;
}
.itemContainer .items .infoContainer a {
  padding: 0;
}
.itemContainer .items .infoContainer a:hover, .itemContainer .items .infoContainer a:focus {
  text-decoration: underline;
}

.planning {
  background-color: #D2F9F1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 2000px;
}
.planning .planAhead, .planning .newLocations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.planning .planAhead .imgContainer, .planning .planAhead .contentContainer, .planning .newLocations .imgContainer, .planning .newLocations .contentContainer {
  width: 45%;
}
.planning .planAhead p, .planning .newLocations p {
  margin-bottom: 30px;
}
.planning .planAhead .contentContainer {
  padding: 5vw 12vw 5vw 0;
}
.planning .planAhead .imgContainer {
  -webkit-transform: translateY(-7.5vh);
          transform: translateY(-7.5vh);
}
.planning .planAhead img {
  -webkit-box-shadow: 20px 20px #50E3C2;
          box-shadow: 20px 20px #50E3C2;
}
.planning .newLocations {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  text-align: right;
}
.planning .newLocations .contentContainer {
  padding: 5vw 0 5vw 12vw;
}
.planning .newLocations .imgContainer {
  -webkit-transform: translateY(7.5vh);
          transform: translateY(7.5vh);
}
.planning .newLocations img {
  -webkit-box-shadow: -20px 20px #50E3C2;
          box-shadow: -20px 20px #50E3C2;
  width: 100%;
}
.planning .banner img {
  width: 100%;
}

.freeTrip {
  background-color: #FAFFFE;
}
.freeTrip .wrapper {
  text-align: center;
  padding: 70px 100px 100px;
}
.freeTrip .wrapper p {
  margin-bottom: 30px;
}

.testList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

html.blog {
  background-color: #FAFFFE;
}
html.blog h1 {
  font-size: clamp(3.5rem, 10vw, 5.438rem);
  color: white;
}
html.blog h2 {
  margin-bottom: 0;
}
html.blog h3 {
  color: #2C2C2C;
}
html.blog h4 {
  color: #063974;
  margin: 0;
}
html.blog h5 {
  color: #063974;
  margin: 0;
}
html.blog h6 {
  font-size: 1.25rem;
  color: #063974;
  font-weight: normal;
  font-style: italic;
  margin: 0;
}
html.blog h6 span {
  font-weight: bold;
}
html.blog .findOutMore {
  display: block;
  color: #0C5F4C;
  font-weight: bold;
  padding: 0;
  margin-bottom: 30px;
}

.post {
  -webkit-transform: translateY(clamp(-600px, -30vh, -300px));
          transform: translateY(clamp(-600px, -30vh, -300px));
}
.post .postContent {
  width: 65%;
}
.post .contentBorder {
  -webkit-transform: translateY(-2vh);
          transform: translateY(-2vh);
  padding: 4vh 0 2vh;
  border-bottom: 5px solid #50E3C2;
  border-right: 5px solid #50E3C2;
}
.post .contentBorder .contentContainer {
  margin-left: 10%;
  padding-right: 10%;
}
.post .imgContainer {
  width: 100%;
  padding: 0 20px 0 0;
}
.post .imgContainer img {
  width: 100%;
  -webkit-box-shadow: 20px 20px #50E3C2;
          box-shadow: 20px 20px #50E3C2;
}

.sidebar {
  width: 20%;
  position: absolute;
  top: 110vh;
  right: 0vw;
  background-color: white;
  padding: 0 0 25px 25px;
}
.sidebar p {
  margin-bottom: 0;
}
.sidebar img {
  width: 100%;
  -webkit-transform: translateY(-25px);
          transform: translateY(-25px);
}
.sidebar .recentPosts li::before {
  content: "•";
  color: #50E3C2;
  font-weight: bold;
  display: inline-block;
}

.comments {
  -webkit-transform: translateY(clamp(-500px, -20vh, -200px));
          transform: translateY(clamp(-500px, -20vh, -200px));
  width: 65%;
}
.comments .wrapper {
  margin-left: 10%;
  padding-right: 10%;
}
.comments .comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: no-wrap;
      flex-wrap: no-wrap;
  margin-bottom: 75px;
}
.comments .comment .imgContainer {
  margin: 10px 25px 0 0;
  min-width: 15vh;
  max-width: 15vh;
}
.comments .comment .imgContainer img {
  width: 100%;
}
.comments .comment .contentContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 85%;
}
.comments .comment .contentContainer p {
  margin-top: 0;
}

html.contact {
  background-color: #FAFFFE;
}
html.contact h1 {
  font-size: clamp(3.5rem, 10vw, 5.438rem);
  color: white;
  margin-left: 5vw;
  -webkit-transform: translateY(clamp(-600px, -30vh, -300px));
          transform: translateY(clamp(-600px, -30vh, -300px));
}

.contact.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 50px;
}

.getInTouch {
  -webkit-transform: translateY(clamp(-600px, -30vh, -300px));
          transform: translateY(clamp(-600px, -30vh, -300px));
  width: 65%;
}
.getInTouch .formContainer {
  background-color: white;
  padding: 50px;
  -webkit-box-shadow: 20px 20px #50E3C2;
          box-shadow: 20px 20px #50E3C2;
}

.contactInfo {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0 0 100px;
  -webkit-transform: translateY(clamp(-100px, -30vh, 300px));
          transform: translateY(clamp(-100px, -30vh, 300px));
}
.contactInfo a, .contactInfo i {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.contactInfo a:hover, .contactInfo a:focus, .contactInfo i:hover, .contactInfo i:focus {
  color: #50E3C2;
}
.contactInfo .socialMedia {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contactInfo .socialMedia li:first-child a {
  padding-left: 0;
}
.contactInfo .email {
  font-weight: bold;
}
.contactInfo .email a {
  padding: 0;
}
.contactInfo .address {
  font-size: 1rem;
}

@media (max-width: 1024px) {
  html.home .headerImage {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  html.home .guyanaFlex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px 0;
  }
  html.home .guyanaFlex .contentContainer {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    padding: 0;
  }
  html.home .guyanaFlex .imgContainer {
    margin-top: 70px;
    width: 50%;
  }
  html.home .planAhead .imgContainer, html.home .newLocations .imgContainer {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    width: 50%;
  }
  html.home .planAhead .imgContainer img, html.home .newLocations .imgContainer img {
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 100%;
  }
  html.home .planAhead .contentContainer, html.home .newLocations .contentContainer {
    text-align: center;
    padding: 0 30px 50px;
  }
  html.home .freeTrip .wrapper {
    padding: 0px 50px 50px;
  }
  html.blog .sidebar {
    display: none;
  }
  html.blog .postContent, html.blog .comments {
    width: 80%;
  }
  html.contact .contact.wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  html.contact .getInTouch, html.contact .contactInfo {
    width: 100%;
  }
  html.contact .contactInfo {
    -webkit-transform: translateY(clamp(-100px, -30vh, 300px));
            transform: translateY(clamp(-100px, -30vh, 300px));
    text-align: center;
    padding: 0;
  }
  html.contact .contactInfo .socialMedia {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 768px) {
  header .hamburger {
    display: block;
    background-color: transparent;
    border: none;
  }
  header .navLinks {
    display: none;
    width: 100%;
  }
  header .navLinks ul {
    position: absolute;
    right: 5%;
    left: 5%;
  }
  header .navLinks ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    width: 100%;
    text-align: right;
  }
  header .navLinks ul a {
    padding-right: 0;
  }
  header .hamburger, header .break {
    display: block;
  }
  input {
    min-width: 0px;
    width: 100%;
  }
  html.home .gallery .wrapper #img1, html.home .gallery .wrapper #img3 {
    display: none;
  }
  html.home .gallery .wrapper .galleryItem {
    width: 100%;
    padding: 30px 0;
  }
  html.home .itemContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  html.home .itemContainer .items {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  html.home .planAhead, html.home .newLocations {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  html.home .planAhead .imgContainer, html.home .planAhead .contentContainer, html.home .newLocations .imgContainer, html.home .newLocations .contentContainer {
    width: 100%;
  }
  html.home .planAhead .imgContainer img, html.home .planAhead .contentContainer img, html.home .newLocations .imgContainer img, html.home .newLocations .contentContainer img {
    -webkit-box-shadow: 0 0;
            box-shadow: 0 0;
  }
  html.blog .sidebar {
    display: none;
  }
  html.blog .postContent, html.blog .comments {
    width: 100%;
  }
}
@media (max-width: 480px) {
  header {
    height: clamp(300px, 90vh, 500px);
  }
  html.home .headerContent {
    height: 45vh;
    min-height: 230px;
  }
  html.home .items {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  html.blog .comment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  html.blog .comment .imgContainer {
    margin: 0 0 25px 0;
  }
}
@media (max-width: 360px) {
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-size: 1rem;
  }
  input::-moz-placeholder, textarea::-moz-placeholder {
    font-size: 1rem;
  }
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-size: 1rem;
  }
  input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    font-size: 1rem;
  }
  input::placeholder, textarea::placeholder {
    font-size: 1rem;
  }
  html.home .items {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: center;
  }
  html.home .items .iconContainer {
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}