html {
  font-family: 'Montserrat', sans-serif;
}

body {
	font-family: 'Montserrat', sans-serif;
	font-size: 0.7rem;
	line-height: 1.5;
	color: #483c3c;
	text-align: left;
}

a {
	color: #483c3c;
}

a:hover {
	color: #483c3c;
}



#carouseltop .carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}

#column {
  height: 100vh;
  min-height: 350px;
  background-color: rgba(255, 255, 255, 0.6);
}

.carousel-caption {
	left: 5%;
	color: #fff;
  top:15%;
	text-align: left;
}
.carousel-caption1 {
    position: absolute;
    right: 5%;
    bottom: 5%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: right;
}

.icon {
    font-size: 2rem;
}

.img {
      margin-top: 10% !important;
    margin-bottom:15%;
    width: 75%;
    height: auto;
}



@media (min-width: 576px) {
  .img {
      margin-bottom:15%;
      width: 65%;
      height: auto;
  }

  body {
  	font-size: 0.75rem;
  }
  .icon {
      font-size: 2.5rem;
  }
     }


@media (min-width: 768px) {
  .img {
      margin-bottom:15%;
      width: 60%;
      height: auto;
  }
  .icon {
      font-size: 2.5rem;
  }

  body {
  	font-size: 0.8rem;
  }
 }


@media (min-width: 992px) {
  .img {
      margin-bottom:15%;
      width: 60%;
      height: auto;
  }
  .icon {
      font-size: 2.5rem;
  }
  body {
    font-size: 0.8rem;
  }
 }

 @media (min-width: 1200px) {
   .img {
       margin-bottom:17%;
       width: 55%;
       height: auto;
   }
   .icon {
       font-size: 2.5rem;
   }
   body {
    font-size: 0.8rem;
   }
  }