html {
  font-size: 14px;
}
@font-face {
    font-family: MontserratRegular;
    src: url('../fonts/Montserrat/Montserrat-Regular.ttf');
}
@font-face {
    font-family: MontserratSemiBold;
    src: url('../fonts/Montserrat/Montserrat-SemiBold.ttf');
}
@font-face {
    font-family: MontserratBold;
    src: url('../fonts/Montserrat/Montserrat-Bold.ttf');
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}
.container{
    max-width:none;
    padding:0;
}
body {
    background-color: #fff;
    font-family: MontserratRegular !important;
    background-size:cover;
    background-image:url("../img/large_scale.png");
}
.hero-container
{
    height:75vh;
    width:100%;
    border-radius:15px;
}
.hero-container .card{
    border-radius:1.5rem;
    overflow:hidden;
}
.hero-text-card {
    border: none;
}
.hero-title {
    font-size: 4rem;
    font-family: MontserratBold;
    color: #33449c;
}
.hero-text {
    font-size: 2rem;
    color: #50a546;
    transform: scale(1, 1);
    animation: hero-scroll linear;
    animation-timeline: scroll();
}
.hero-image {
    height:100%;
}
.product-card{
    border:none;
    border-radius:2rem 0 2rem 0;
}
.offer-text {
    font-size: 1.4rem;
    font-weight: normal;
    color: #50a546;
    width: 60%;
   
}
.products-container {
    width:100%;
}
.logo{
    height:70px;
}
.footer-container {
    background-color: #33449c;
    position:relative;
}
.product-text{
    line-height:2rem;
    font-size:1.2rem;
}
.product-header {
    color: #33449c;
    font-size:1.5rem;
    font-family: MontserratSemiBold;
}
@keyframes hero-scroll {
    to {
        transform: scale(0, 1);
    }
}
.prod-type {
    color: #33449c;
}
.distributor-logo{
    width:200px;
}
.location-text{
    font-size:1.5rem;
}
.contact-header{
    font-size:1.5rem;
    color:#33449c;
}
.btn-blue{
    background-color:#33449c;
    color:white;
}
.btn-blue:hover{
    border: solid 2px #33449c;
    color:#33449c;
    background-color:white;
}
.text-blue {
    color: #33449c;
}