.active {
  color: #444444 !important; }

* {
  font-family: 'Ubuntu', sans-serif;
  font-size: 1.5rem; }

.light-text {
  color: #615D5D; }

.heading-color {
  color: #443C3C; }

#fullpage {
  width: 100%; }

.navigation {
  position: absolute;
  background: rgba(229, 229, 230, 0.43);
  width: 100vw;
  height: 12vh;
  z-index: 101;
  box-shadow: 2px 2px 2px rgba(34, 34, 34, 0.19); }

img {
  height: 100px; }

.nav-banana {
  position: absolute;
  right: 5%;
  top: 3vh; }

nav {
  display: inline-block;
  z-index: 9;
  position: relative !important;
  opacity: 0.85;
  margin-bottom: 0px !important; }

.navbar-brand {
  position: absolute;
  left: 0;
  z-index: 222; }
  .navbar-brand img {
    height: 60px;
    width: 120; }

.navbar-default {
  background: transparent;
  border: transparent; }
  .navbar-default ul li {
    margin: 0.4rem;
    border-radius: 0.5rem;
    width: 130px;
    font-weight: 600; }
    .navbar-default ul li a {
      text-align: center;
      color: #4B2219 !important;
      text-shadow: 0.3px 0.3px 0.3px #fff; }
    .navbar-default ul li a:hover {
      color: #944535 !important;
      border-radius: 0.5rem !important; }
  .navbar-default ul li:hover {
    border: none !important; }

.section h2 {
  text-align: center; }

.section .img {
  border-radius: 4px !important; }

.homepage {
  background: url(../img/homepage.jpg) 60% 50% no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.learn {
  background: rgba(202, 202, 199, 0.43) !important; }
  .learn img {
    border-radius: 4% !important; }
  .learn h2 {
    color: #443C3C;
    text-align: center; }
  .learn p {
    color: #615D5D; }

.about {
  background: rgba(160, 190, 214, 0.22); }
  .about img {
    border-radius: 4% !important; }

.overlay {
  background: rgba(3, 125, 190, 0.99);
  height: 100vh;
  width: 100vw;
  opacity: 0.0;
  z-index: 111; }

.contact {
  margin-top: 12vh;
  background: #fff; }
.copyright{
  margin-bottom: 100px;
  padding: 20px 5px 10px 5px ;
  background: #444;
  color: #f4f4f4 !important;
}
.copyright p{
  font-size: 1.3rem;
}
#wrapper {
  position: absolute !important;
  top: 0; }

/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/
/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
  position: relative;
  height: 100vh; }

.fade-carousel .carousel-inner .item {
  height: 100vh; }

.fade-carousel .carousel-indicators > li {
  margin: 0 2px;
  background-color: #f39c12;
  border-color: #f39c12;
  opacity: .7; }

.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1; }

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }

.hero h1 {
  font-size: 6em;
  font-weight: bold;
  margin: 0;
  padding: 0; }

.scroller {
  background: rgba(0, 0, 255, 0);
  position: absolute;
  bottom: 20px;
  left: 45vw; }

/********************************/
/*            Overlay           */
/********************************/
/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {
  padding: 10px 40px; }

.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
  color: #f5f5f5;
  background-color: #1abc9c;
  border-color: #1abc9c;
  outline: none;
  margin: 20px auto; }

.scroll {
  color: rgba(255, 255, 255, 0.61);
  font-weight: 600;
  font-size: 1.5rem;
  font-family: 'Rokkitt', serif;
  margin-bottom: 0px !important; }

.scroll-down {
  position: relative;
  left: 40%;
  width: 15px;
  height: 15px;
  margin-top: 0px !important;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb04 2s infinite;
  animation: sdb04 2s infinite;
  box-sizing: border-box; }

.scroll1 {
  color: rgba(43, 43, 43, 0.61);
  font-weight: 600;
  font-size: 1.5rem;
  font-family: 'Rokkitt', serif;
  margin-bottom: 0px !important; }

.scroll-down1 {
  position: relative;
  left: 40%;
  width: 15px;
  height: 15px;
  margin-top: 0px !important;
  border-left: 1px solid #2B2B2B;
  border-bottom: 1px solid #2B2B2B;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb04 2s infinite;
  animation: sdb04 2s infinite;
  box-sizing: border-box; }

@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0); }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px); }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0); } }

@keyframes sdb04 {
  0% {
    transform: rotate(-45deg) translate(0, 0); }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px); }
  40% {
    transform: rotate(-45deg) translate(0, 0); } }

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px) {
  .hero {
    width: 980px; }
  .contact {
    margin-top: 12vh; }
    .contact .fp-tableCell {
      vertical-align: top !important; } }

@media screen and (max-width: 768px) {
  .about {
    margin-top: 12vh; }
    .about p {
      font-size: 1.2rem; }
    .about h2 {
      font-size: 1.6rem; }
    .about .fp-tableCell {
      vertical-align: baseline !important; }
  .learn {
    margin-top: 12vh; }
    .learn .col-md-6 {
      margin: 1%; }
      .learn .col-md-6 img {
        border-radius: 4% !important; }
    .learn p {
      font-size: 1.2rem;
      line-height: 1.2 !important; }
    .learn h2 {
      font-size: 1.6rem; }
    .learn .fp-tableCell {
      vertical-align: baseline !important; }
  .contact {
    margin-top: 12vh; }
    .contact .fp-tableCell {
      vertical-align: top !important; } }

@media screen and (max-width: 640px) {
  .col-md-6 p{
  font-size: 0.8em;
  }
.heart1 img{
  height: 30vh !important; 
  width: 100vw !important;
}

  .scroller {
    left: 35vw; }
  #fp-nav {
    display: none; }
  .hero h1 {
    font-size: 4em; }
  .navbar-default ul {
    background: rgba(7, 0, 0, 0.73); }
    .navbar-default ul li a {
      text-align: center;
      color: #EFF1F0 !important;
      text-shadow: none; }
    .navbar-default ul li a:hover {
      color: #ABAAAF !important;
      border-radius: 0.5rem !important; }
  .navbar-brand img {
    height: 50px;
    width: 100px; }
  .about {
    margin-top: 12vh; }
    .about p {
      font-size: 1.2rem; }
    .about h2 {
      font-size: 1.6rem; }
    .about .fp-tableCell {
      vertical-align: baseline !important; }
  .learn {
    margin-top: 12vh; }
    .learn .col-md-6 {
      margin: 1%; }
      .learn .col-md-6 img {
        border-radius: 4% !important; }
    .learn p {
      font-size: 1.2rem;
      line-height: 1.2 !important; }
    .learn h2 {
      font-size: 1.6rem; }
    .learn .fp-tableCell {
      vertical-align: baseline !important; }
  .contact .contact-form {
    overflow-y: scroll;
    overflow-x: inherit;
    height: 60vh; }
  .contact .fp-tableCell {
    vertical-align: top !important; } }