@import url('//fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');

html {
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    -ms-text-size-adjust: none;
    -webkit-overflow-scrolling: touch;
}

body {
    font-size:18px;
    height: 100%;
    min-height: 100%;
    background: #fafdff;
}

.logo {
   width:150px; height:auto
}

#navbar {
   transition: top 0.3s; /* Transition effect when sliding down (and up) */
}

#navmenu, .ui.small.fixed.borderless.menu {
   display: none;
}

.ui.banner.segment {
   background-image: url('../images/header.jpg');
   height: 500px;
   background-repeat: no-repeat;
   background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
}

.banner h1.ui.header {
   font-family: 'Alfa Slab One', cursive;
   letter-spacing: 2.3px;
   font-size: 3em;
   font-weight: normal;
   -webkit-text-stroke: 1px black;
}

.banner h2.ui.header {
   font-family: 'Alfa Slab One', cursive;
   letter-spacing: 2px;
   font-size: 2em;
   font-weight: normal;
   -webkit-text-stroke: 1px black;
}

h1.ui.icon.header {
   font-size: 2em;
}

.ui.banner > .ui.middle.aligned.center.aligned.grid {
   min-height: 600px;
}

.ui.grid.home {
   padding: 10px 10px 0px 10px;
}

/*.ui.icon.header {
  font-family: 'Alfa Slab One';
  font-weight: normal;
}
.ui.horizontal.segments.equal.width {
  margin-top:-13px;
}
.ui.horizontal.segments.equal.width > .ui.segment {
    flex-grow:1;
    width:0;
}

.ui.segment > p {
  font-size: 20px;
}*/

#steps > p,
.contact > p,
.ui.segment,
.ui.accordion > .content >.accordion > .title {
    font-size:18px;
}

iframe#iFrameResizer0 {
    height: 640px;
}

.cursor {
   cursor: pointer;
}
.hidden {
   display: none;
}

/* Footer segment */
.ui.vertical.footer.segment {
    background-color:#96c9e8;
    padding: 25px 0 25px 0;
    font-size:14px;
}

#bottom {
   text-align:center; font-size:10px;
   background: #2185d0;
   color:#ffffff;
   width: 100%;
   padding: 8px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.grecaptcha-badge {
  display: none;
}

/* Mobile & tablets */
@media only screen and (min-width : 320px) and (max-width : 1024px) {
   body {
      font-size: 16px;
   }

   .ui.massive.fixed.pointing.menu {
      display: none;
   }

   .ui.small.fixed.borderless.menu {
      display: inline-flex;
   }

   .logo {
      width:100px; height:auto
   }

   #navmenu {
      display: block;
   }

   .overlay {
       height: 0;
       width: 100vw;
       position: fixed;
       z-index: 1;
       left: 0;
       top: 0;
       background-color:  #2185d0;
       overflow-x: hidden;
       transition: 0.5s;
   }
   .overlay-content {
       position: relative;
       top: 10%; /* 25% from the top */
       width: 100vw; /* 100% width */
       text-align: center; /* Centered text/links */
       margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
   }
   #navmenu {
       letter-spacing: 0.7px;
       font-size:25px;
       font-weight: 500;
   }
   #navmenu p {
       line-height: 40px;
   }
   #navmenu a {
       color:#ffffff;
   }

   .banner h1.ui.header {
      font-size: 1.9em;
   }

   .banner h2.ui.header {
      font-size: 1.0em;
   }

   h1.ui.icon.header {
      font-size: 1.3em;
   }

   #navbar {
      display: none;
   }

   .ui.borderless.icon.menu >.right.menu >.bars-container {
       cursor: pointer;
   }
   .bar1,
   .bar2,
   .bar3 {
      width: 30px;
      height: 0.3em;
      background-color: #000000;
      margin-bottom: 3.2px;
      transition: 0.4s;
    }
    .change .bar1 {
      -webkit-transform: rotate(-45deg) translate(-7px, 4px);
      transform: rotate(-45deg) translate(-9px, 6px);
    }
    .change .bar2 {
      opacity: 0;
    }
    .change .bar3 {
      -webkit-transform: rotate(45deg) translate(-1px, -1px);
      transform: rotate(45deg) translate(-4px, -1px);
    }

    .ui.stackable.centered.raised.three.cards > .card {
      margin-top:2.5em;
    }

    /* Footer segment */
    .ui.vertical.footer.segment {
        padding-left: 25px;
    }
}