@import url("https://fonts.googleapis.com/css?family=Alegreya+Sans|Julius+Sans+One|Lato|Oswald");
header {
  position: fixed;
  width: 100%;
  height: 100px;
  background: white;
  -webkit-transition: right 1000ms;
  -moz-transition: right 1000ms;
  -o-transition: right 1000ms;
  transition: right 1000ms;
  z-index: 1000;
  text-align: center; }
  header .nav-logo-container {
    width: 32%;
    height: 97.5px;
    position: absolute;
    margin: auto;
    top: 2.5px;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: background .6s ease-in-out;
    -moz-transition: background .6s ease-in-out;
    -o-transition: background .6s ease-in-out;
    transition: background .6s ease-in-out; }
    header .nav-logo-container:hover {
      background: rgba(194, 214, 214, 0.4); }
    header .nav-logo-container .ji-logo {
      position: absolute;
      width: 23vw;
      margin: auto;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 10; }

.ji-ul-nav-left {
  position: relative;
  width: 34%;
  height: 97.5px;
  float: left;
  top: 2.5px;
  font-family: "Julius Sans One", sans-serif;
  letter-spacing: .09rem; }
  .ji-ul-nav-left li {
    display: inline-block;
    position: relative;
    width: 49%;
    height: 100%;
    text-align: center;
    padding-top: 40px;
    -webkit-transition: background .6s ease-in-out;
    -moz-transition: background .6s ease-in-out;
    -o-transition: background .6s ease-in-out;
    transition: background .6s ease-in-out; }
    .ji-ul-nav-left li:hover {
      background: rgba(194, 214, 214, 0.4); }

.dropdown::after, .dropdown::before {
  content: " \2193";
  position: absolute;
  display: inline-block;
  color: black;
  font-size: .8em;
  right: 20%;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
.dropdown:hover::after, .dropdown:hover::before {
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px); }
.dropdown::before {
  left: -40%; }

.dropdown-content {
  position: absolute;
  top: 98px;
  width: 100%;
  height: 97.5px;
  display: none;
  background: white; }
  .dropdown-content li {
    width: 100%;
    border-bottom: 0.1px dotted rgba(0, 0, 0, 0.2);
    border-right: 0.1px dotted rgba(0, 0, 0, 0.2); }
    .dropdown-content li:hover {
      background: rgba(194, 214, 214, 0.4); }
    .dropdown-content li a {
      color: black;
      font-size: .8rem;
      letter-spacing: .09rem; }
      .dropdown-content li a::after {
        content: "";
        display: block;
        height: .5px;
        width: 0;
        background: black;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
        margin: 0 auto; }

.dropdown:hover .dropdown-content {
  display: block; }

.ji-ul-nav-right {
  position: relative;
  width: 34%;
  height: 97.5px;
  float: right;
  top: 2.5px;
  font-family: "Julius Sans One", sans-serif;
  letter-spacing: .09rem; }
  .ji-ul-nav-right li {
    display: inline-block;
    position: relative;
    width: 49%;
    height: 100%;
    text-align: center;
    padding-top: 40px;
    -webkit-transition: background .6s ease-in-out;
    -moz-transition: background .6s ease-in-out;
    -o-transition: background .6s ease-in-out;
    transition: background .6s ease-in-out;
    z-index: 9; }
    .ji-ul-nav-right li:hover {
      background: rgba(194, 214, 214, 0.4); }

.header-a {
  display: inline-block;
  text-align: center;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  color: black;
  font-size: .8rem; }
  .header-a::after {
    content: "";
    display: block;
    height: .5px;
    width: 0;
    background: black;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    margin: 0 auto; }

.header-a:hover::after {
  width: 100%;
  color: black; }

@media only screen and (max-width: 1072px) {
  .ji-ul-nav-left li, .ji-ul-nav-right li {
    width: 48.5%; }

  .dropdown-content li {
    width: 100%; } }
@media only screen and (max-width: 900px) {
  header .nav-logo-container .ji-logo {
    width: 90%; } }
@media only screen and (max-width: 780px) {
  header .nav-logo-container .ji-logo {
    width: 95%; } }
/* change to tablet/mobile nav */
@media only screen and (min-width: 831px) {
  #secondary-header {
    display: none; } }
@media only screen and (max-width: 830px) {
  header {
    display: none; }

  #secondary-header {
    height: 100px;
    position: fixed;
    width: 100%;
    z-index: 1000;
    background: white;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent; }
    #secondary-header .slide-down {
      position: absolute;
      background: #cedfc9;
      left: 0;
      top: 0;
      width: 7px;
      height: 100%;
      z-index: 1000; }
    #secondary-header img {
      height: 94%;
      position: absolute;
      top: 3px;
      left: 30px; }

  .mobile-header-nav {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100px;
    width: 100%; }
    .mobile-header-nav li {
      border-bottom: .1px solid white; }
      .mobile-header-nav li:nth-child(1) {
        background-color: #dae6e6; }
      .mobile-header-nav li:nth-child(2) {
        background-color: #e3ece8; }
      .mobile-header-nav li:nth-child(3) {
        background-color: #eef4ec; }
      .mobile-header-nav li:nth-child(4) {
        background-color: #dae6e6; }
      .mobile-header-nav li:nth-child(5) {
        background-color: #e3ece8; }
      .mobile-header-nav li:nth-child(6) {
        background-color: #eef4ec; }
      .mobile-header-nav li a {
        color: black;
        display: block;
        font-family: "Julius Sans One", sans-serif;
        font-size: 1.3em;
        letter-spacing: .2em;
        padding: 5vh 0;
        text-align: center;
        text-decoration: none;
        border-left: 7px solid #cedfc9;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }

  .hamburger-menu {
    display: inline-block;
    height: 100px;
    padding: 39px 25px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    float: right; }
    .hamburger-menu .menu-item {
      background: #a5c49c;
      display: block;
      height: 2px;
      margin: 0 0 10px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      width: 40px;
      border-radius: 100px; }
    .hamburger-menu.open .menu-item {
      margin: 0 0 5px; }
      .hamburger-menu.open .menu-item:first-child {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 10px;
        -moz-transform-origin: 10px;
        -ms-transform-origin: 10px;
        -o-transform-origin: 10px;
        transform-origin: 10px; }
      .hamburger-menu.open .menu-item:nth-child(2) {
        opacity: 0; }
      .hamburger-menu.open .menu-item:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 10px;
        -moz-transform-origin: 10px;
        -ms-transform-origin: 10px;
        -o-transform-origin: 10px;
        transform-origin: 10px; } }
@media only screen and (max-width: 500px) {
  #secondary-header {
    height: 100px; }
    #secondary-header img {
      height: 92%;
      top: 4px;
      left: 15px; }
    #secondary-header .slide-down {
      width: 7px; }

  .mobile-header-nav {
    top: 100px; }
    .mobile-header-nav li a {
      font-size: 1.3em;
      border-left: 7px solid #cedfc9; }

  .hamburger-menu {
    position: relative;
    padding: 0;
    margin: 40px 15px; }
    .hamburger-menu .menu-item {
      background: #a5c49c;
      display: block;
      height: 2px;
      margin: 0 0 10px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      width: 40px;
      border-radius: 100px; }
    .hamburger-menu.open .menu-item {
      margin: 0 0 5px; }
      .hamburger-menu.open .menu-item:first-child {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 10px;
        -moz-transform-origin: 10px;
        -ms-transform-origin: 10px;
        -o-transform-origin: 10px;
        transform-origin: 10px; }
      .hamburger-menu.open .menu-item:nth-child(2) {
        opacity: 0; }
      .hamburger-menu.open .menu-item:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 10px;
        -moz-transform-origin: 10px;
        -ms-transform-origin: 10px;
        -o-transform-origin: 10px;
        transform-origin: 10px; } }
@media only screen and (max-width: 450px) {
  #secondary-header {
    height: 90px; }
    #secondary-header img {
      height: 92%;
      top: 4px;
      left: 15px; }
    #secondary-header .slide-down {
      width: 6px; }

  .mobile-header-nav {
    top: 90px; }
    .mobile-header-nav li a {
      font-size: 1.2em;
      border-left: 6px solid #cedfc9; }

  .hamburger-menu {
    position: relative;
    padding: 0;
    margin: 36px 10px; }
    .hamburger-menu .menu-item {
      background: #a5c49c;
      display: block;
      height: 2px;
      margin: 0 0 9px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      width: 35px;
      border-radius: 100px; }
    .hamburger-menu.open .menu-item {
      margin: 0 0 5px; }
      .hamburger-menu.open .menu-item:first-child {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 7.65px;
        -moz-transform-origin: 7.65px;
        -ms-transform-origin: 7.65px;
        -o-transform-origin: 7.65px;
        transform-origin: 7.65px; }
      .hamburger-menu.open .menu-item:nth-child(2) {
        opacity: 0; }
      .hamburger-menu.open .menu-item:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 7.65px;
        -moz-transform-origin: 7.65px;
        -ms-transform-origin: 7.65px;
        -o-transform-origin: 7.65px;
        transform-origin: 7.65px; } }
@media only screen and (max-width: 400px) {
  #secondary-header {
    height: 80px; }
    #secondary-header img {
      height: 92%;
      top: 4px;
      left: 15px; }
    #secondary-header .slide-down {
      width: 5px; }

  .mobile-header-nav {
    top: 80px; }
    .mobile-header-nav li a {
      font-size: 1.1em;
      border-left: 5px solid #cedfc9; }

  .hamburger-menu {
    position: relative;
    padding: 0;
    margin: 34px 10px; }
    .hamburger-menu .menu-item {
      margin: 0 0 6px;
      width: 25px;
      height: 2px; }
    .hamburger-menu.open .menu-item {
      margin: 0 0 5px; }
      .hamburger-menu.open .menu-item:first-child {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 3px;
        -moz-transform-origin: 3px;
        -ms-transform-origin: 3px;
        -o-transform-origin: 3px;
        transform-origin: 2.85px; }
      .hamburger-menu.open .menu-item:nth-child(2) {
        opacity: 0; }
      .hamburger-menu.open .menu-item:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 3px;
        -moz-transform-origin: 3px;
        -ms-transform-origin: 3px;
        -o-transform-origin: 3px;
        transform-origin: 2.85px; } }
@media only screen and (max-width: 340px) {
  #secondary-header {
    height: 80px; }
    #secondary-header img {
      height: 89%;
      top: 4px;
      left: 15px; }
    #secondary-header .slide-down {
      width: 5px; }

  .mobile-header-nav {
    top: 80px; }
    .mobile-header-nav li a {
      font-size: 1.1em;
      border-left: 5px solid #cedfc9; } }
@media only screen and (max-width: 320px) {
  #secondary-header {
    height: 80px; }
    #secondary-header img {
      height: 83%;
      top: 7px;
      left: 15px; }
    #secondary-header .slide-down {
      width: 5px; }

  .mobile-header-nav {
    top: 80px; }
    .mobile-header-nav li a {
      font-size: 1.1em;
      border-left: 5px solid #cedfc9; } }
#slideshow {
  position: relative;
  overflow: hidden;
  width: 93%;
  height: 80vh;
  padding-bottom: 40%;
  top: 100px;
  margin: 0 auto; }

/* (img px height / img px width x 100) = padding-bottom % */
#slideshow div {
  position: absolute;
  z-index: 2;
  width: 105%;
  height: 105%;
  top: -3%;
  left: -3%;
  background-position: center;
  background-size: cover;
  opacity: 0;
  -webkit-transition: opacity 3s,  -webkit-transform 8s;
  -ms-transition: opacity 3s,  -ms-transform 8s;
  transition: opacity 3s, transform 8s; }

#slideshow div {
  -webkit-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left; }

#slideshow div:nth-of-type(2n+1) {
  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right; }

#slideshow div:nth-of-type(3n+1) {
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left; }

#slideshow div:nth-of-type(4n+1) {
  -webkit-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  transform-origin: bottom right; }

#slideshow .fx:first-child + span + div ~ div, #slideshow .fx1 {
  z-index: 1; }

#slideshow .fx, #slideshow .fx1 {
  -webkit-transform: scale(1.15) translate(2.5%);
  -ms-transform: scale(1.15) translate(2.5%);
  transform: scale(1.15) translate(2.5%);
  opacity: 1; }

#slideshow div:nth-of-type(1) {
  background-image: url(ji-photos/101_PANA/slideshow1.3.JPG); }

#slideshow div:nth-of-type(2) {
  background-image: url(ji-photos/101_PANA/slideshow2.3.JPG); }

#slideshow div:nth-of-type(3) {
  background-image: url(ji-photos/101_PANA/slideshow3.3.jpeg); }

#slideshow div:nth-of-type(4) {
  background-image: url(ji-photos/101_PANA/slideshow4.3.JPG); }

#slideshow div:nth-of-type(5) {
  background-image: url(ji-photos/101_PANA/slideshow5.3.JPG); }

#slideshow-box {
  position: absolute;
  border: 1.5px solid rgba(255, 255, 255, 0.4);
  top: 5%;
  left: 5%;
  margin: 0 auto;
  width: 90%;
  height: 90%;
  z-index: 999; }
  #slideshow-box::after {
    content: "";
    position: absolute;
    border: 1.5px solid rgba(255, 255, 255, 0.4);
    bottom: -15px;
    left: -15px;
    width: 30.5%;
    height: 200px;
    z-index: 1000; }
  #slideshow-box .slideshow-box-text1 {
    position: absolute;
    z-index: 999;
    color: white;
    bottom: 9vw;
    left: 1vw;
    font-family: 'Oswald', sans-serif;
    font-size: 2.3vw;
    letter-spacing: .7em;
    text-transform: uppercase; }
  #slideshow-box .slideshow-box-text2 {
    position: absolute;
    z-index: 999;
    color: white;
    bottom: 5vw;
    left: 3vw;
    font-family: 'Oswald', sans-serif;
    font-size: 2.3vw;
    letter-spacing: .7em;
    text-transform: uppercase; }
  #slideshow-box .slideshow-box-text3 {
    position: absolute;
    z-index: 999;
    color: white;
    bottom: .8vw;
    left: 5vw;
    font-family: 'Oswald', sans-serif;
    font-size: 2.3vw;
    letter-spacing: .7em;
    text-transform: uppercase; }

.slideshow-link {
  position: absolute;
  z-index: 999;
  display: inline-block;
  top: 50%;
  right: 3%;
  width: 20%;
  border: .1px solid white; }
  .slideshow-link .slideshow-text-link {
    text-align: center;
    color: white;
    font-family: 'Oswald', sans-serif;
    letter-spacing: .4em;
    text-transform: uppercase; }
    .slideshow-link .slideshow-text-link::after {
      content: " \2192";
      display: inline-block;
      position: absolute;
      top: -2.5px;
      -webkit-transition: .5s;
      -moz-transition: .5s;
      -o-transition: .5s;
      transition: .5s; }
    @media only screen and (min-width: 1025px) {
      .slideshow-link .slideshow-text-link:hover::after {
        -webkit-transform: translateX(14px);
        -moz-transform: translateX(14px);
        -ms-transform: translateX(14px);
        -o-transform: translateX(14px);
        transform: translateX(14px); } }

@media only screen and (max-width: 1200px) {
  .slideshow-link .slideshow-text-link {
    font-size: .9em; } }
@media only screen and (max-width: 1072px) {
  #slideshow {
    width: 100%; }

  #slideshow-box::after {
    display: none; } }
@media only screen and (max-width: 920px) {
  #slideshow-box::after {
    width: 33%;
    height: 36%; } }
@media only screen and (max-width: 880px) {
  #slideshow-box::after {
    width: 33%;
    height: 36%; }

  .slideshow-link {
    width: 25%; } }
@media only screen and (max-width: 695px) {
  .slideshow-link {
    display: none; } }
@media only screen and (max-width: 450px) {
  #slideshow {
    top: 90px; } }
@media only screen and (max-width: 500px) {
  #slideshow-box .slideshow-box-text1 {
    font-size: 18px;
    bottom: 55px; }

  #slideshow-box .slideshow-box-text2 {
    font-size: 18px;
    bottom: 30px; }

  #slideshow-box .slideshow-box-text3 {
    font-size: 18px; } }
@media only screen and (max-width: 400px) {
  #slideshow {
    top: 80px; } }
.social-icon-para {
  font-family: "Lato", sans-serif;
  text-align: center;
  color: black;
  font-weight: bold; }

.social-icons-container {
  width: 100%;
  text-align: center; }
  .social-icons-container .social-unordered {
    width: 100%;
    text-align: center; }
    .social-icons-container .social-unordered .social-list {
      display: inline-block;
      margin: 3.5% 1.5%;
      font-size: 2em;
      border: 2.5px solid #85adad;
      padding: 0 .5%; }
      .social-icons-container .social-unordered .social-list:hover {
        border: 2.5px solid #dfeadc; }
      .social-icons-container .social-unordered .social-list i:hover {
        color: #dfeadc; }

@media only screen and (max-width: 800px) {
  .social-icon-para {
    font-size: .9em; }

  .social-icons-container .social-unordered .social-list {
    margin-bottom: 6%; } }
@media only screen and (max-width: 724px) {
  .social-icons-container .social-unordered .social-list {
    font-size: 1.8em; } }
@media only screen and (max-width: 600px) {
  .social-icons-container .social-unordered .social-list {
    font-size: 1.6em; } }
@media only screen and (max-width: 430px) {
  .social-icons-container .social-unordered .social-list {
    font-size: 1.4em;
    margin: 3.5%;
    margin-bottom: 10%;
    padding-top: .4%;
    width: 8.5%;
    border: 2px solid #85adad; }
    .social-icons-container .social-unordered .social-list:hover {
      border: 2px solid #dfeadc; } }
@media only screen and (max-width: 380px) {
  .social-icons-container .social-unordered .social-list {
    width: 9%; } }
@media only screen and (max-width: 360px) {
  .social-icons-container .social-unordered .social-list {
    width: 9.5%; } }
@media only screen and (max-width: 345px) {
  .social-icons-container .social-unordered .social-list {
    width: 10%; } }
@media only screen and (max-width: 325px) {
  .social-icons-container .social-unordered .social-list {
    width: 10.5%; } }
@media only screen and (max-width: 305px) {
  .social-icons-container .social-unordered .social-list {
    width: 11%; } }
.footer-container {
  width: 100%;
  border-top: .1px solid #dfeadc;
  background-image: url("ji-photos/marble-2371776_1920.jpg");
  background-size: cover; }
  .footer-container .footer-text1 {
    position: relative;
    padding: 5% 0 2% 0;
    font-family: 'MicrosoftUighur';
    font-size: 1.5em;
    text-transform: uppercase;
    color: black;
    letter-spacing: .2em;
    text-align: center; }

.footer-text2 {
  position: relative;
  padding-bottom: 4%;
  font-family: "Julius Sans One", sans-serif;
  font-size: 1.7em;
  text-align: center; }

@font-face {
  font-family: 'MicrosoftUighur';
  src: url(msuighur.ttf); }
@media only screen and (max-width: 900px) {
  .footer-container .footer-text1 {
    font-size: 1.3em; }

  .footer-text2 {
    font-size: 1.5em; } }
@media only screen and (max-width: 800px) {
  .footer-container .footer-text1 {
    font-size: 1.2em; }

  .footer-text2 {
    font-size: 1.4em; } }
@media only screen and (max-width: 650px) {
  .footer-container .footer-text1 {
    font-size: 1.1em;
    margin: 3%; }

  .footer-text2 {
    font-size: 1.3em;
    margin: 3%; }

  .footer-container .social-icon-para {
    font-size: .8em;
    margin: 3%; } }
@media only screen and (max-width: 430px) {
  .footer-container .footer-text1 {
    font-size: 1.1em;
    margin: 5%; }

  .footer-text2 {
    font-size: 1.2em;
    margin: 5%; }

  .footer-container .social-icon-para {
    font-size: .8em;
    margin: 5%; } }
.about-container {
  display: inline-block;
  width: 100%;
  padding-top: 100px; }
  .about-container .about-main-img {
    width: 50%;
    height: 100%;
    display: inline-block;
    float: left; }

.about-para-container {
  display: inline-block;
  width: 50%;
  text-align: center; }
  .about-para-container::after {
    content: "";
    position: absolute;
    display: block;
    border-top: 3px solid #dfeadc;
    border-left: 3px solid #dfeadc;
    border-bottom: 3px solid #dfeadc;
    top: 9vw;
    right: 0;
    width: 33%;
    height: 21vw;
    z-index: -1; }
  .about-para-container h1 {
    text-align: center;
    margin: 7% auto 5% auto;
    font-family: "Julius Sans One", sans-serif; }
  .about-para-container .about-profile-pic {
    width: 25%;
    margin-bottom: 6%; }
  .about-para-container .about-paragraph {
    width: 75%;
    text-align: center;
    margin: 2% auto;
    text-align: left;
    font-family: "Lato", sans-serif;
    color: black;
    letter-spacing: .05em;
    word-spacing: .02em;
    padding: 1.5% 1.5% 3% 1.5%;
    background: white; }
  .about-para-container #about-btn {
    display: inline-block;
    text-align: center;
    width: 25%;
    margin: 0 auto;
    border: 1px solid #dfeadc;
    z-index: 1;
    background: white; }
    .about-para-container #about-btn .about-btn2 {
      display: inline-block;
      margin: 0 auto;
      width: 100%;
      height: 100%;
      padding: 3%;
      font-size: 1.1em;
      font-weight: 600;
      font-family: "Julius Sans One", sans-serif;
      text-align: center;
      -webkit-transition: .5s;
      -moz-transition: .5s;
      -ms-transition: .5s;
      -o-transition: .5s;
      transition: .5s;
      z-index: 1;
      cursor: pointer; }
      @media only screen and (min-width: 1025px) {
        .about-para-container #about-btn .about-btn2:hover {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          transform: translateX(-10px); } }

@media only screen and (max-width: 1024px) {
  .about-para-container #about-btn .about-btn2 {
    display: none; }

  .about-para-container #about-btn .about-arrow {
    display: inline-block;
    font-family: "Julius Sans One", sans-serif;
    font-weight: bold;
    color: #85adad;
    padding: 3%; }

  .about-para-container #about-btn {
    width: 30%; } }
@media only screen and (min-width: 1025px) {
  .about-para-container #about-btn .about-arrow {
    display: none; } }
.about-btn2::after {
  position: absolute;
  top: 2px;
  right: 20px;
  content: " \2192";
  opacity: 0;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  font-size: 1.05em;
  z-index: 1; }

.about-btn2:hover::after {
  opacity: 1;
  -webkit-transform: translateX(22px);
  -moz-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px); }

@media only screen and (max-width: 1200px) {
  .about-para-container #about-btn .about-btn2 {
    font-size: 1em; }

  .about-para-container .about-paragraph {
    font-size: .9em; }

  .about-para-container::after {
    top: 10vw; } }
@media only screen and (max-width: 1135px) {
  .about-paragraph {
    padding-bottom: 0; }

  .about-para-container .about-profile-pic {
    margin-bottom: 4%; }

  .about-para-container::after {
    height: 20vw; }

  .about-para-container h1 {
    font-size: 1.5em;
    margin: 6% auto 3% auto; } }
@media only screen and (max-width: 1024px) {
  .about-para-container::after {
    height: 19.5vw;
    top: 11vw; } }
@media only screen and (max-width: 1008px) {
  .about-para-container .about-profile-pic {
    margin-bottom: 3%; }

  .about-para-container #about-btn .about-btn2 {
    padding: 2%; }

  .about-para-container .about-paragraph {
    padding: 0; } }
@media only screen and (max-width: 950px) {
  .about-para-container .about-paragraph {
    width: 95%; }

  .about-para-container .about-profile-pic {
    margin-bottom: 5%; }

  .about-para-container::after {
    top: 12vw; } }
@media only screen and (max-width: 864px) {
  .about-para-container .about-profile-pic {
    margin-bottom: 2%; }

  .about-para-container::after {
    top: 13vw; } }
@media only screen and (max-width: 850px) {
  .about-para-container::after {
    display: none; }

  .about-para-container {
    position: relative;
    width: 100%;
    background: none; }

  .about-para-container .about-paragraph {
    width: 80%;
    font-size: 1.1em;
    margin: 7% auto;
    background-color: white;
    z-index: 100;
    border: 1px solid #dfeadc;
    padding: 2%;
    margin: 3% auto; }

  .about-container .about-main-img {
    display: none; }

  .about-container .about-profile-pic {
    display: inline-block;
    margin: 5% 0 0 0; }

  .about-container h1 {
    display: inline-block;
    margin: 15% 0 0 20%;
    float: left;
    font-size: 2.5em;
    border-bottom: 3px solid #dfeadc; }

  .about-para-container #about-btn {
    margin-bottom: 6%; }

  .about-para-container #about-btn {
    width: 20%; } }
@media only screen and (max-width: 724px) {
  .about-container h1 {
    font-size: 2em; }

  .about-para-container .about-paragraph {
    font-size: 1em; }

  .about-para-container #about-btn {
    width: 22%; } }
@media only screen and (max-width: 600px) {
  .about-para-container #about-btn {
    width: 25%; } }
@media only screen and (max-width: 560px) {
  .about-container h1 {
    font-size: 1.8em;
    margin-left: 16%; }

  .about-para-container .about-paragraph {
    font-size: .95em; }

  .about-para-container #about-btn {
    width: 27%; } }
@media only screen and (max-width: 480px) {
  .about-container {
    text-align: center; }

  .about-container {
    text-align: center; }

  .about-container h1 {
    font-size: 1.7em;
    text-align: center;
    display: block;
    float: none;
    width: 30%;
    margin: 5% auto; }

  .about-container .about-profile-pic {
    display: block;
    width: 50%;
    margin: 2% auto; } }
@media only screen and (max-width: 480px) {
  .about-container h1 {
    font-size: 1.6em; }

  .about-para-container #about-btn {
    width: 32%; } }
@media only screen and (max-width: 480px) {
  .about-container h1 {
    width: 35%; } }
@media only screen and (max-width: 365px) {
  .about-container h1 {
    width: 40%; }

  .about-para-container #about-btn {
    margin-bottom: 9%;
    margin-top: 4%; } }
@media only screen and (max-width: 400px) {
  .about-para-container #about-btn {
    width: 38%; } }
@media only screen and (max-width: 340px) {
  .about-para-container #about-btn {
    width: 44%; } }
@media only screen and (max-width: 322px) {
  .about-container h1 {
    width: 45%; }

  .about-para-container #about-btn {
    width: 46%; }

  .about-para-container .about-paragraph {
    font-size: .9em; } }
@media only screen and (max-width: 450px) {
  .about-container {
    padding-top: 90px; } }
@media only screen and (max-width: 400px) {
  .about-container {
    padding-top: 80px; } }
.error {
  color: red;
  font-family: "Lato", sans-serif; }

.success {
  color: black;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  font-family: "Julius Sans One", sans-serif; }

.contact-container {
  width: 100%;
  padding-top: 100px;
  display: inline-flex; }

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact textarea, #contact button[type="submit"] {
  font-family: "Lato", sans-serif;
  color: black; }

#contact {
  padding: 2%;
  width: 47%; }

#contact h3 {
  color: #85adad;
  display: block;
  font-size: 2em;
  font-family: "Julius Sans One", sans-serif;
  margin: 4% 2% 0 2%; }

#contact h4 {
  margin: 5% 2%;
  display: block;
  font-size: 1em;
  font-family: "Lato", sans-serif;
  color: black;
  font-weight: 100; }

fieldset {
  border: medium none !important;
  margin: 0 0 10px;
  min-width: 100%;
  padding: 0;
  width: 100%; }

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact textarea {
  width: 100%;
  border: 1px solid #dfeadc;
  background: #FFF;
  margin: 1%;
  padding: 2%; }

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #AAA; }

#contact textarea {
  height: 150px;
  width: 100%;
  text-align: left;
  resize: none; }

#contact button[type="submit"] {
  cursor: pointer;
  width: 100%;
  border: 2px solid #dfeadc;
  background: white;
  color: #85adad;
  margin: 1%;
  padding: 1%;
  font-size: 1em;
  font-family: "Julius Sans One", sans-serif;
  font-weight: 600; }
  #contact button[type="submit"]::after {
    content: " \2192";
    display: inline-block;
    font-size: 1.2em;
    margin: 0 1%; }

#contact button[type="submit"]:hover {
  background: #f0f5ef;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out; }

#contact button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
  outline: 0;
  border: 1px solid #999; }

::-webkit-input-placeholder {
  color: #888; }

:-moz-placeholder {
  color: #888; }

::-moz-placeholder {
  color: #888; }

:-ms-input-placeholder {
  color: #888; }

.map-container {
  width: 50%;
  text-align: center; }
  .map-container iframe {
    width: 100%;
    margin: 15% 2%; }

@media only screen and (max-width: 724px) {
  .contact-container {
    display: block; }
    .contact-container #contact {
      width: 90%;
      margin: 0 auto;
      padding: 0; }

  .map-container {
    width: 90%;
    text-align: center;
    margin: 0 auto; }
    .map-container iframe {
      margin: 5% auto 10% auto; }

  #contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact textarea, #contact button[type="submit"] {
    margin: 0; }

  #contact h3 {
    font-size: 1.7em;
    margin-top: 8%; }

  #contact h4 {
    font-size: .9em; } }
@media only screen and (max-width: 650px) {
  #contact h3 {
    font-size: 1.5em; } }
@media only screen and (max-width: 400px) {
  #contact h3 {
    font-size: 1.4em;
    margin-top: 10%; }

  #contact h4 {
    font-size: .85em; }

  .map-container iframe {
    height: 350px;
    margin: 5% auto 12% auto; } }
@media only screen and (max-width: 350px) {
  .map-container iframe {
    height: 300px; } }
@media only screen and (max-width: 450px) {
  .contact-container {
    padding-top: 90px; } }
@media only screen and (max-width: 400px) {
  .contact-container {
    padding-top: 80px; } }
.background-box {
  position: absolute;
  height: 370px;
  width: 96.5%;
  left: 0;
  top: 140px;
  border-top: 3px solid #dfeadc;
  border-right: 3px solid #dfeadc;
  border-bottom: 3px solid #dfeadc;
  z-index: -2; }

@media only screen and (max-width: 1024px) {
  .background-box {
    display: none; } }
.inner-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  height: 78%;
  border: 0.1px solid rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 0.4); }

.container {
  position: relative;
  width: 100%;
  margin: 10% auto 0 auto;
  text-align: center; }
  .container a {
    position: relative;
    -webkit-display: inline-flex;
    -moz-display: inline-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    background: #e4eded;
    width: 25%;
    height: 430px;
    font-size: 24px;
    color: #c4dfe6;
    text-decoration: none;
    font-weight: bold;
    margin: 4% 2%;
    padding: 50px; }
    .container a span {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block; }
    .container a:after {
      border: 1px solid #dfeadc;
      position: absolute;
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .container a span.brd-top:before {
      height: 4px;
      content: '';
      width: 0;
      left: 0;
      top: 0;
      display: block;
      position: absolute;
      background-color: #c2d6d6;
      z-index: 1;
      -webkit-transition: 0.7s all 0s cubic-bezier(0.65, 0.045, 0.355, 1);
      -moz-transition: 0.7s all 0s cubic-bezier(0.65, 0.045, 0.355, 1);
      -ms-transition: 0.7s all 0s cubic-bezier(0.65, 0.045, 0.355, 1);
      transition: 0.7s all 0s cubic-bezier(0.65, 0.045, 0.355, 1); }
    .container a span.brd-top:after {
      content: '';
      width: 4px;
      height: 0;
      right: 0;
      bottom: 0;
      display: block;
      z-index: 1;
      background-color: #c2d6d6;
      position: absolute;
      -webkit-transition: 0.7s all 0s cubic-bezier(0.65, 0.045, 0.355, 1);
      -moz-transition: 0.7s all 0s cubic-bezier(0.65, 0.045, 0.355, 1);
      -ms-transition: 0.7s all 0s cubic-bezier(0.65, 0.045, 0.355, 1);
      transition: 0.7s all 0s cubic-bezier(0.65, 0.045, 0.355, 1); }
    .container a span.brd-bottom:before {
      height: 4px;
      content: '';
      width: 0;
      bottom: 0;
      right: 0;
      display: block;
      position: absolute;
      background-color: #c2d6d6;
      z-index: 1;
      -webkit-transition: 0.7s all 0s cubic-bezier(0.65, 0.045, 0.355, 1);
      -moz-transition: 0.7s all 0s cubic-bezier(0.65, 0.045, 0.355, 1);
      -ms-transition: 0.7s all 0s cubic-bezier(0.65, 0.045, 0.355, 1);
      transition: 0.7s all 0s cubic-bezier(0.65, 0.045, 0.355, 1); }
    .container a span.brd-bottom:after {
      content: '';
      width: 4px;
      height: 0;
      left: 0;
      top: 0;
      display: block;
      z-index: 1;
      background-color: #c2d6d6;
      position: absolute;
      -webkit-transition: 0.7s all 0s cubic-bezier(0.65, 0.045, 0.355, 1);
      -moz-transition: 0.7s all 0s cubic-bezier(0.65, 0.045, 0.355, 1);
      -ms-transition: 0.7s all 0s cubic-bezier(0.65, 0.045, 0.355, 1);
      transition: 0.7s all 0s cubic-bezier(0.65, 0.045, 0.355, 1); }
    @media only screen and (min-width: 1025px) {
      .container a:hover span.brd-top:before, .container a:hover span.brd-bottom:before {
        width: 100%; }
      .container a:hover span.brd-top:after, .container a:hover span.brd-bottom:after {
        height: 100%; } }

#button2 {
  position: absolute;
  display: inline-block;
  left: 50%;
  top: 89%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50%;
  height: 7.5%;
  z-index: 100;
  border: 0.1px solid #a5c49c;
  text-align: center;
  background: white; }

.btn-home {
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  font-size: .8em;
  font-family: "Julius Sans One", sans-serif;
  text-align: center;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  z-index: 1; }
  @media only screen and (min-width: 1025px) {
    .btn-home:hover {
      -webkit-transform: translateX(-10px);
      -moz-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
      transform: translateX(-10px); } }

.btn-home::after {
  position: absolute;
  top: -1px;
  right: 20px;
  content: " \2192";
  opacity: 0;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  font-size: .9em;
  z-index: 1; }

@media only screen and (max-width: 1024px) {
  #button2 .home-arrow {
    display: inline-block;
    font-family: "Julius Sans One", sans-serif;
    font-size: .75em;
    padding-top: 3.1%; }
    #button2 .home-arrow::after {
      content: " \2192";
      position: relative;
      display: inline-block;
      margin-left: 4%;
      top: -3%; }

  #button2 {
    width: 60%; }

  .btn-home {
    display: none; } }
@media only screen and (min-width: 1025px) {
  .btn-home:hover::after {
    opacity: 1;
    -webkit-transform: translateX(22px);
    -moz-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px); }

  #button2 .home-arrow {
    display: none; } }
.home-h2 {
  font-family: "Julius Sans One", sans-serif;
  font-size: 1.2em;
  z-index: 1; }

.home-para {
  color: black;
  font-weight: 100;
  font-size: .65em;
  font-family: "Lato", sans-serif;
  margin: 15% auto 0 auto;
  line-height: 1.5em;
  letter-spacing: .05em;
  z-index: 1;
  text-align: left; }

@media only screen and (max-width: 1200px) {
  .background-box {
    height: 360px; }

  .btn-home {
    font-size: .7em; }

  #button2 {
    height: 7.7%; }

  .home-h2 {
    font-size: 1em; } }
@media only screen and (max-width: 1050px) {
  .container a {
    width: 31%;
    margin: 6% 1%; }

  .background-box {
    height: 380px; } }
@media only screen and (max-width: 892px) {
  .home-h2 {
    font-size: .85em;
    margin: 0;
    padding: 0; }

  .home-para {
    font-size: .58em; }

  .container a {
    margin: 8% 1%; }

  #button2 .home-arrow {
    padding-top: 3.5%; } }
@media only screen and (max-width: 810px) {
  .container a {
    margin: 5% auto;
    display: block;
    -webkit-flex-direction: none;
    -moz-flex-direction: none;
    flex-direction: none;
    width: 90%;
    padding: 4%;
    height: auto;
    z-index: 999; }

  .container {
    margin-top: 20%;
    margin-bottom: 8%;
    text-align: center;
    padding: 0; }

  .home-h2 {
    font-size: 1em;
    padding-top: 0;
    color: black; }

  .home-para {
    font-size: .7em;
    margin: 4%;
    text-align: center;
    padding: 0; }

  #button2 {
    position: relative;
    margin: 0 auto;
    margin-top: 10%;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    height: 1.32em;
    position: static;
    display: block;
    left: 40%;
    top: 80%;
    width: 25%;
    text-align: center;
    background: white; }
    #button2 .home-arrow {
      display: block;
      position: relative;
      padding-top: 3.1%; }
      #button2 .home-arrow::after {
        top: -6%; }

  .inner-box {
    width: 95%;
    margin: 0;
    padding: 0; }

  .box-1 {
    height: 65%; }

  .box-2 {
    height: 68%; }

  .box-3 {
    height: 65%; } }
@media only screen and (max-width: 730px) {
  #button2 {
    width: 30%; } }
@media only screen and (max-width: 700px) {
  .container {
    margin-top: 22%; } }
@media only screen and (max-width: 650px) {
  #button2 {
    font-size: .85em;
    height: 1.42em; }

  .home-para {
    font-size: .6em; }

  .home-h2 {
    font-size: .9em; }

  .container {
    margin-top: 25%; } }
@media only screen and (max-width: 525px) {
  #button2 {
    width: 35%; }
    #button2 .home-arrow::after {
      top: -3%; }

  .container {
    margin-top: 28%; } }
@media only screen and (max-width: 500px) {
  #button2 {
    width: 40%; }

  .container {
    margin-top: 30%; } }
@media only screen and (max-width: 450px) {
  #button2 {
    width: 45%; }

  #button2 {
    font-size: .82em; }

  .btn-home {
    padding-bottom: 10%; }

  .home-para {
    font-size: .52em; }

  .home-h2 {
    font-size: .85em; } }
@media only screen and (max-width: 400px) {
  #button2 {
    width: 48%; }

  #button2 {
    font-size: .8em; }

  .home-para {
    font-size: .5em; }

  .home-h2 {
    font-size: .82em; } }
@media only screen and (max-width: 360px) {
  .box-1 {
    height: 70%; }

  .box-2 {
    height: 72%; }

  .box-3 {
    height: 70%; }

  .home-h2 {
    font-size: .76em; }

  #button2 {
    font-size: .75em; }
    #button2 .home-arrow::after {
      top: -1%; }

  .container {
    margin-top: 35%; } }
@media only screen and (max-width: 315px) {
  .home-h2 {
    font-size: .72em; }

  #button2 {
    padding-top: .4%; }
    #button2 .home-arrow::after {
      top: 0; }

  .container {
    margin-top: 38%; } }
.services-container {
  padding-top: 100px;
  width: 100%;
  margin: 0 auto;
  text-align: center; }
  .services-container::after {
    content: "";
    position: absolute;
    top: 70vw;
    left: 6%;
    border: 3px solid #dfeadc;
    width: 55%;
    height: 43vw;
    z-index: -1; }
  .services-container::before {
    content: "";
    position: absolute;
    top: 20vw;
    right: 6%;
    border: 3px solid #dfeadc;
    width: 55%;
    height: 43vw;
    z-index: -1; }
  .services-container .services-heading {
    text-align: center;
    font-family: "Julius Sans One", sans-serif;
    color: #85adad;
    margin: 4% auto 3% auto;
    font-size: 1.5em;
    font-weight: bold; }

.services-box-container {
  width: 35%;
  height: 100%;
  -webkit-display: inline-flex;
  -moz-display: inline-flex;
  display: inline-flex;
  margin: 0 3% 5% 3%;
  border: 0.1px solid #dfeadc; }
  .services-box-container .services-inner-container {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
    background: white; }
    .services-box-container .services-inner-container::before {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      width: 0;
      height: 3px;
      background: #c2d6d6;
      -webkit-transition: 1s;
      -moz-transition: 1s;
      -ms-transition: 1s;
      -o-transition: 1s;
      transition: 1s; }
    .services-box-container .services-inner-container::after {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      width: 3px;
      height: 0;
      background: #c2d6d6;
      -webkit-transition: 1s;
      -moz-transition: 1s;
      -ms-transition: 1s;
      -o-transition: 1s;
      transition: 1s; }

.services-link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 3px;
  background: #c2d6d6;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s; }
.services-link::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 0;
  background: #c2d6d6;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s; }
.services-link .services-h2 {
  font-size: 1.5em;
  color: black;
  font-family: "Julius Sans One", sans-serif; }
.services-link .services-box-para {
  font-size: 1em;
  font-family: "Lato", sans-serif;
  color: black;
  padding: 3%;
  letter-spacing: .02em; }
.services-link img {
  width: 100%;
  padding: 3%;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s; }

@media only screen and (min-width: 1025px) {
  .services-inner-container:hover::before, .services-link:hover::before {
    width: 100%; }

  .services-inner-container:hover::after, .services-link:hover::after {
    height: 100%; } }
@media only screen and (max-width: 1024px) {
  .services-box-container {
    border: 3px solid #dfeadc; } }
@media only screen and (max-width: 1200px) {
  .services-container::before, .services-container::after {
    height: 550px; } }
@media only screen and (max-width: 1190px) {
  .services-container::before, .services-container::after {
    display: none; } }
@media only screen and (max-width: 935px) {
  .services-link .services-h2 {
    font-size: 1.3em; }

  .services-link .services-box-para {
    font-size: .9em; } }
@media only screen and (max-width: 865px) {
  .services-box-container {
    width: 40%; } }
@media only screen and (max-width: 740px) {
  .services-link .services-h2 {
    font-size: 1.2em; }

  .services-link .services-box-para {
    font-size: .8em; }

  .services-container .services-heading {
    font-size: 1.3em;
    margin: 7%; } }
@media only screen and (max-width: 769px) {
  .services-box-container {
    display: block;
    width: 90%;
    margin: 3% auto; }

  .services-container {
    margin-bottom: 8%; } }
@media only screen and (max-width: 500px) {
  .services-container .services-heading {
    font-size: 1.1em; } }
@media only screen and (max-width: 370px) {
  .services-container .services-heading {
    margin: 8%; }

  .services-container {
    margin-bottom: 10%; } }
@media only screen and (max-width: 450px) {
  .services-container {
    padding-top: 90px; } }
@media only screen and (max-width: 400px) {
  .services-container {
    padding-top: 80px; } }
.testimonials-container {
  width: 100%;
  padding-top: 100px;
  text-align: center; }
  .testimonials-container .testimonials-heading {
    text-align: center;
    font-size: 1.6em;
    font-family: "Julius Sans One", sans-serif;
    color: #85adad;
    margin: 4% auto 4% auto; }
  .testimonials-container .testimonials-box {
    -webkit-display: inline-flex;
    -moz-display: inline-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    width: 30%;
    height: 700px;
    border: 3px solid #dfeadc;
    margin: 0 1% 4% 1%; }
    .testimonials-container .testimonials-box .testi-p {
      display: inline-block;
      color: black;
      font-family: "Lato", sans-serif;
      padding: 10px;
      font-size: 1.1em;
      letter-spacing: .05em;
      margin-top: 15px;
      text-align: left; }

.first-letter::first-letter {
  font-size: 1.2em; }

@media only screen and (max-width: 1200px) {
  .testimonials-container .testimonials-box {
    height: 800px; } }
@media only screen and (max-width: 1078px) {
  .testimonials-container .testimonials-box {
    height: 850px; } }
@media only screen and (max-width: 1024px) {
  .testimonials-container .testimonials-box {
    display: block;
    width: 90%;
    margin: 0 auto 4% auto;
    height: auto; }

  .testimonials-container .testimonials-box .testi-p {
    padding: 1.5% 2%;
    margin: 0; }

  .testimonials-container {
    text-align: justify;
    margin-bottom: 9%; } }
@media only screen and (max-width: 550px) {
  .testimonials-container .testimonials-heading {
    font-size: 1.4em;
    margin: 6%; }

  .testimonials-container .testimonials-box .testi-p {
    font-size: .9em;
    margin: 1%; }

  .testimonials-container {
    margin-bottom: 11%; } }
@media only screen and (max-width: 330px) {
  .testimonials-container .testimonials-box .testi-p {
    font-size: .85em; }

  .testimonials-container .testimonials-heading {
    font-size: 1.3em;
    margin: 8%; } }
@media only screen and (max-width: 450px) {
  .testimonials-container {
    padding-top: 90px; } }
@media only screen and (max-width: 400px) {
  .testimonials-container {
    padding-top: 80px; } }
.residential-container {
  display: inline-block;
  width: 100%;
  padding-top: 100px; }
  .residential-container img {
    width: 50%;
    display: inline-block;
    float: left; }

.residential-inner-container {
  display: inline-block;
  width: 50%;
  text-align: center; }
  .residential-inner-container::after {
    content: "";
    position: absolute;
    display: block;
    border-top: 3px solid #dfeadc;
    border-left: 3px solid #dfeadc;
    border-bottom: 3px solid #dfeadc;
    top: 20.2%;
    right: 0;
    width: 46.5%;
    height: 570px;
    z-index: -1; }
  .residential-inner-container h1 {
    text-align: center;
    margin: 7% auto 5% auto;
    font-family: "Julius Sans One", sans-serif; }
  .residential-inner-container p {
    width: 75%;
    text-align: left;
    margin: auto;
    font-family: "Lato", sans-serif;
    color: black;
    letter-spacing: .02em;
    word-spacing: .1em;
    padding: 1.5% 1.5% 5% 1.5%;
    background: white; }
  .residential-inner-container .residential-p-center {
    text-align: center; }
  .residential-inner-container ul {
    width: 50%;
    margin-left: 35%;
    margin-bottom: 6%;
    text-align: center; }
    .residential-inner-container ul li {
      color: black;
      font-family: "Lato", sans-serif;
      text-align: left;
      letter-spacing: .03em; }
  .residential-inner-container h2 {
    color: black;
    font-family: "Julius Sans One", sans-serif; }

@media only screen and (max-width: 1240px) {
  .residential-container {
    margin: 5% 10%;
    width: 80%; }
    .residential-container img {
      float: right;
      width: 35%; }

  .residential-inner-container {
    width: 65%;
    text-align: left; }
    .residential-inner-container::after {
      display: none; }
    .residential-inner-container h1 {
      text-align: left;
      margin: 3% 0;
      padding: 0; }
    .residential-inner-container p {
      width: 100%;
      text-align: left;
      padding: 0;
      margin-bottom: 3%; }
    .residential-inner-container ul {
      width: 100%;
      text-align: left;
      margin-left: 3%; }
    .residential-inner-container h2 {
      margin: 4% 0 3% 0; } }
@media only screen and (max-width: 780px) {
  .residential-container {
    text-align: center; }
    .residential-container img {
      float: none;
      width: 50%;
      margin-bottom: 3%; }
    .residential-container .residential-inner-container {
      width: 80%; }
      .residential-container .residential-inner-container h1 {
        text-align: center;
        margin-bottom: 5%; } }
@media only screen and (max-width: 582px) {
  .residential-container img {
    width: 60%; }
  .residential-container .residential-inner-container h1 {
    font-size: 1.5em; }
  .residential-container .residential-inner-container p {
    font-size: .9em; }
  .residential-container .residential-inner-container ul {
    font-size: .9em;
    margin-left: 5%; }
  .residential-container .residential-inner-container h2 {
    font-size: 1.3em; } }
@media only screen and (max-width: 485px) {
  .residential-container img {
    width: 70%; }
  .residential-container .residential-inner-container {
    width: 90%; }
    .residential-container .residential-inner-container h1 {
      font-size: 1.4em; }
    .residential-container .residential-inner-container p {
      font-size: .85em; }
    .residential-container .residential-inner-container ul {
      font-size: .85em;
      margin-left: 7%; }
    .residential-container .residential-inner-container h2 {
      font-size: 1.2em; } }
@media only screen and (max-width: 430px) {
  .residential-container img {
    width: 80%; }
  .residential-container .residential-inner-container {
    width: 90%;
    margin-bottom: 8%; }
    .residential-container .residential-inner-container h2 {
      font-size: 1em; } }
@media only screen and (max-width: 352px) {
  .residential-container img {
    width: 85%; }
  .residential-container .residential-inner-container {
    width: 95%;
    margin-bottom: 8%; }
    .residential-container .residential-inner-container h2 {
      font-size: .9em; } }
@media only screen and (max-width: 450px) {
  .residential-container {
    padding-top: 90px; } }
@media only screen and (max-width: 400px) {
  .residential-container {
    padding-top: 80px; } }
.retail-container {
  display: inline-block;
  width: 100%;
  padding-top: 100px; }
  .retail-container img {
    width: 50%;
    display: inline-block;
    float: left; }

.retail-inner-container {
  display: inline-block;
  width: 50%;
  text-align: center; }
  .retail-inner-container::after {
    content: "";
    position: absolute;
    display: block;
    border-top: 3px solid #dfeadc;
    border-left: 3px solid #dfeadc;
    border-bottom: 3px solid #dfeadc;
    top: 20.2%;
    right: 0;
    width: 46.5%;
    height: 560px;
    z-index: -1; }
  .retail-inner-container h1 {
    text-align: center;
    margin: 7% auto 5% auto;
    font-family: "Julius Sans One", sans-serif; }
  .retail-inner-container p {
    width: 75%;
    text-align: left;
    margin: auto;
    font-family: "Lato", sans-serif;
    color: black;
    letter-spacing: .02em;
    word-spacing: .1em;
    padding: 1.5% 1.5% 5% 1.5%;
    background: white; }
  .retail-inner-container .retail-p-center {
    text-align: center; }
  .retail-inner-container ul {
    width: 50%;
    margin-left: 35%;
    margin-bottom: 6%;
    text-align: center; }
    .retail-inner-container ul li {
      color: black;
      font-family: "Lato", sans-serif;
      text-align: left;
      letter-spacing: .03em; }
  .retail-inner-container h2 {
    color: black;
    font-family: "Julius Sans One", sans-serif; }

@media only screen and (max-width: 1240px) {
  .retail-container {
    margin: 5% 10%;
    width: 80%; }
    .retail-container img {
      float: right;
      width: 35%; }

  .retail-inner-container {
    width: 65%;
    text-align: left; }
    .retail-inner-container::after {
      display: none; }
    .retail-inner-container h1 {
      text-align: left;
      margin: 3% 0;
      padding: 0; }
    .retail-inner-container p {
      width: 100%;
      text-align: left;
      padding: 0;
      margin-bottom: 3%; }
    .retail-inner-container ul {
      width: 100%;
      text-align: left;
      margin-left: 3%; }
    .retail-inner-container h2 {
      margin: 4% 0 3% 0; } }
@media only screen and (max-width: 780px) {
  .retail-container {
    text-align: center; }
    .retail-container img {
      float: none;
      width: 50%;
      margin-bottom: 3%; }
    .retail-container .retail-inner-container {
      width: 80%; }
      .retail-container .retail-inner-container h1 {
        text-align: center;
        margin-bottom: 5%; } }
@media only screen and (max-width: 582px) {
  .retail-container img {
    width: 60%; }
  .retail-container .retail-inner-container h1 {
    font-size: 1.5em; }
  .retail-container .retail-inner-container p {
    font-size: .9em; }
  .retail-container .retail-inner-container ul {
    font-size: .9em;
    margin-left: 5%; }
  .retail-container .retail-inner-container h2 {
    font-size: 1.3em; } }
@media only screen and (max-width: 485px) {
  .retail-container img {
    width: 70%; }
  .retail-container .retail-inner-container {
    width: 90%; }
    .retail-container .retail-inner-container h1 {
      font-size: 1.4em; }
    .retail-container .retail-inner-container p {
      font-size: .85em; }
    .retail-container .retail-inner-container ul {
      font-size: .85em;
      margin-left: 7%; }
    .retail-container .retail-inner-container h2 {
      font-size: 1.2em; } }
@media only screen and (max-width: 430px) {
  .retail-container img {
    width: 80%; }
  .retail-container .retail-inner-container {
    width: 90%;
    margin-bottom: 8%; }
    .retail-container .retail-inner-container h2 {
      font-size: 1em; } }
@media only screen and (max-width: 352px) {
  .retail-container img {
    width: 85%; }
  .retail-container .retail-inner-container {
    width: 95%;
    margin-bottom: 8%; }
    .retail-container .retail-inner-container h2 {
      font-size: .9em; } }
@media only screen and (max-width: 450px) {
  .retail-container {
    padding-top: 90px; } }
@media only screen and (max-width: 400px) {
  .retail-container {
    padding-top: 80px; } }
.one-room-container {
  display: inline-block;
  width: 100%;
  padding-top: 100px; }
  .one-room-container img {
    width: 50%;
    display: inline-block;
    float: left; }

.one-room-inner-container {
  display: inline-block;
  width: 50%;
  text-align: center; }
  .one-room-inner-container::after {
    content: "";
    position: absolute;
    display: block;
    border-top: 3px solid #dfeadc;
    border-left: 3px solid #dfeadc;
    border-bottom: 3px solid #dfeadc;
    top: 20.2%;
    right: 0;
    width: 46%;
    height: 570px;
    z-index: -1; }
  .one-room-inner-container h1 {
    text-align: center;
    margin: 7% auto 4% auto;
    font-family: "Julius Sans One", sans-serif; }
  .one-room-inner-container p {
    width: 75%;
    text-align: left;
    margin: auto;
    font-family: "Lato", sans-serif;
    color: black;
    letter-spacing: .02em;
    word-spacing: .1em;
    padding: 1.5% 1.5% 5% 1.5%;
    background: white; }
  .one-room-inner-container ul {
    width: 50%;
    margin-left: 35%;
    margin-bottom: 4%;
    text-align: center; }
    .one-room-inner-container ul li {
      color: black;
      font-family: "Lato", sans-serif;
      text-align: left;
      letter-spacing: .03em; }
  .one-room-inner-container h2 {
    color: black;
    font-family: "Julius Sans One", sans-serif;
    text-align: center;
    margin: 2% 2% 2% 15%;
    text-align: left; }

@media only screen and (max-width: 1240px) {
  .one-room-container {
    margin: 5% 10%;
    width: 80%; }
    .one-room-container img {
      float: right;
      width: 35%; }

  .one-room-inner-container {
    width: 65%;
    text-align: left; }
    .one-room-inner-container::after {
      display: none; }
    .one-room-inner-container h1 {
      text-align: left;
      margin: 3% 0;
      padding: 0; }
    .one-room-inner-container p {
      width: 100%;
      text-align: left;
      padding: 0;
      margin-bottom: 3%; }
    .one-room-inner-container ul {
      width: 100%;
      text-align: left;
      margin-left: 3%; }
    .one-room-inner-container h2 {
      margin: 4% 0 3% 0; } }
@media only screen and (max-width: 780px) {
  .one-room-container {
    text-align: center; }
    .one-room-container img {
      float: none;
      width: 50%;
      margin-bottom: 3%; }
    .one-room-container .one-room-inner-container {
      width: 80%; }
      .one-room-container .one-room-inner-container h1 {
        text-align: center;
        margin-bottom: 5%; } }
@media only screen and (max-width: 582px) {
  .one-room-container img {
    width: 60%; }
  .one-room-container .one-room-inner-container h1 {
    font-size: 1.5em; }
  .one-room-container .one-room-inner-container p {
    font-size: .9em; }
  .one-room-container .one-room-inner-container ul {
    font-size: .9em;
    margin-left: 5%; }
  .one-room-container .one-room-inner-container h2 {
    font-size: 1.3em; } }
@media only screen and (max-width: 485px) {
  .one-room-container img {
    width: 70%; }
  .one-room-container .one-room-inner-container {
    width: 90%; }
    .one-room-container .one-room-inner-container h1 {
      font-size: 1.4em; }
    .one-room-container .one-room-inner-container p {
      font-size: .85em; }
    .one-room-container .one-room-inner-container ul {
      font-size: .85em;
      margin-left: 7%; }
    .one-room-container .one-room-inner-container h2 {
      font-size: 1.2em; } }
@media only screen and (max-width: 430px) {
  .one-room-container img {
    width: 80%; }
  .one-room-container .one-room-inner-container {
    width: 90%;
    margin-bottom: 8%; }
    .one-room-container .one-room-inner-container h2 {
      font-size: 1em; } }
@media only screen and (max-width: 352px) {
  .one-room-container img {
    width: 85%; }
  .one-room-container .one-room-inner-container {
    width: 95%;
    margin-bottom: 8%; }
    .one-room-container .one-room-inner-container h2 {
      font-size: .9em; } }
@media only screen and (max-width: 450px) {
  .one-room-container {
    padding-top: 90px; } }
@media only screen and (max-width: 400px) {
  .one-room-container {
    padding-top: 80px; } }
.select-and-save-container {
  display: inline-block;
  width: 100%;
  padding-top: 100px; }
  .select-and-save-container img {
    width: 50%;
    display: inline-block;
    float: left; }

.select-and-save-inner-container {
  display: inline-block;
  width: 50%;
  text-align: center; }
  .select-and-save-inner-container::after {
    content: "";
    position: absolute;
    display: block;
    border-top: 3px solid #dfeadc;
    border-left: 3px solid #dfeadc;
    border-bottom: 3px solid #dfeadc;
    top: 20.2%;
    right: 0;
    width: 46%;
    height: 355px;
    z-index: -1; }
  .select-and-save-inner-container h1 {
    text-align: center;
    margin: 7% auto 5% auto;
    font-family: "Julius Sans One", sans-serif; }
  .select-and-save-inner-container p {
    width: 75%;
    text-align: left;
    margin: auto;
    font-family: "Lato", sans-serif;
    color: black;
    letter-spacing: .02em;
    word-spacing: .1em;
    padding: 1.5% 1.5% 5% 1.5%;
    background: white; }
  .select-and-save-inner-container ul {
    width: 50%;
    margin-left: 45%;
    margin-bottom: 6%;
    text-align: center; }
    .select-and-save-inner-container ul li {
      color: black;
      font-family: "Lato", sans-serif;
      text-align: left;
      letter-spacing: .03em; }
  .select-and-save-inner-container h2 {
    color: black;
    font-family: "Julius Sans One", sans-serif; }

@media only screen and (max-width: 1240px) {
  .select-and-save-container {
    margin: 5% 10%;
    width: 80%; }
    .select-and-save-container img {
      float: right;
      width: 35%; }

  .select-and-save-inner-container {
    width: 65%;
    text-align: left; }
    .select-and-save-inner-container::after {
      display: none; }
    .select-and-save-inner-container h1 {
      text-align: left;
      margin: 3% 0;
      padding: 0; }
    .select-and-save-inner-container p {
      width: 100%;
      text-align: left;
      padding: 0;
      margin-bottom: 3%; }
    .select-and-save-inner-container ul {
      width: 100%;
      text-align: left;
      margin-left: 3%; }
    .select-and-save-inner-container h2 {
      margin: 4% 0 3% 0; } }
@media only screen and (max-width: 780px) {
  .select-and-save-container {
    text-align: center; }
    .select-and-save-container img {
      float: none;
      width: 50%;
      margin-bottom: 3%; }
    .select-and-save-container .select-and-save-inner-container {
      width: 80%; }
      .select-and-save-container .select-and-save-inner-container h1 {
        text-align: center;
        margin-bottom: 5%; } }
@media only screen and (max-width: 582px) {
  .select-and-save-container img {
    width: 60%; }
  .select-and-save-container .select-and-save-inner-container h1 {
    font-size: 1.5em; }
  .select-and-save-container .select-and-save-inner-container p {
    font-size: .9em; }
  .select-and-save-container .select-and-save-inner-container ul {
    font-size: .9em;
    margin-left: 5%; }
  .select-and-save-container .select-and-save-inner-container h2 {
    font-size: 1.3em; } }
@media only screen and (max-width: 485px) {
  .select-and-save-container img {
    width: 70%; }
  .select-and-save-container .select-and-save-inner-container {
    width: 90%; }
    .select-and-save-container .select-and-save-inner-container h1 {
      font-size: 1.4em; }
    .select-and-save-container .select-and-save-inner-container p {
      font-size: .85em; }
    .select-and-save-container .select-and-save-inner-container ul {
      font-size: .85em;
      margin-left: 7%; }
    .select-and-save-container .select-and-save-inner-container h2 {
      font-size: 1.2em; } }
@media only screen and (max-width: 430px) {
  .select-and-save-container img {
    width: 80%; }
  .select-and-save-container .select-and-save-inner-container {
    width: 90%;
    margin-bottom: 8%; }
    .select-and-save-container .select-and-save-inner-container h2 {
      font-size: 1em; } }
@media only screen and (max-width: 352px) {
  .select-and-save-container img {
    width: 85%; }
  .select-and-save-container .select-and-save-inner-container {
    width: 95%;
    margin-bottom: 8%; }
    .select-and-save-container .select-and-save-inner-container h2 {
      font-size: .9em; } }
@media only screen and (max-width: 450px) {
  .select-and-save-container {
    padding-top: 90px; } }
@media only screen and (max-width: 400px) {
  .select-and-save-container {
    padding-top: 80px; } }
.portfolio-container {
  width: 100%;
  padding-top: 100px;
  text-align: center; }
  .portfolio-container h1 {
    font-size: 1.7em;
    font-family: "Julius Sans One", sans-serif;
    text-align: center;
    margin: 4%; }

.portfolio-img-container {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
  margin: 5% 7% 7% 7%;
  text-align: center; }
  .portfolio-img-container img {
    width: 92%;
    height: auto;
    margin: 3.5% 0; }

@media only screen and (max-width: 930px) {
  .portfolio-container h1 {
    font-size: 1.4em;
    margin-top: 6%; }

  .portfolio-container h2 {
    font-size: 1.15em; }

  .portfolio-img-container {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; } }
@media only screen and (max-width: 600px) {
  .portfolio-container h1 {
    font-size: 1.3em;
    margin-top: 8%; }

  .portfolio-container h2 {
    font-size: 1.1em; } }
@media only screen and (max-width: 550px) {
  .portfolio-img-container {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1; } }
@media only screen and (max-width: 450px) {
  .portfolio-container {
    padding-top: 90px; } }
@media only screen and (max-width: 400px) {
  .portfolio-container {
    padding-top: 80px; }

  .portfolio-container h1 {
    margin-top: 10%; }

  .portfolio-img-container {
    margin: 5% 4%; } }
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  color: #85adad; }

.slider {
  position: absolute;
  width: 100%;
  border: .1px solid #c2d6d9;
  height: 3px;
  background-color: #c2d6d9; }

/*# sourceMappingURL=main.css.map */