/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

 body, html {
  height: 100%;
}

.hero {
      background-image:url(../img/group6.svg);
      background-size:cover;
      background-repeat:no-repeat;
      height:78vh; 
      width:auto;
}

.hero_contact {
  background-image:url(../img/contact_cover.jpg);
      background-size:cover;
      background-repeat:no-repeat;
      height:60vh; 
      width:auto;
}

.page-header {
    background-color: #b2afab;
    background-position: 50%;
    background-size: cover;
    min-height: 100vh;
    max-height: 999px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1;
}

.page-header-1 {
    background-color: #b2afab;
    background-position: 50%;
    background-size: cover;
    height:50vh;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1;
}


.page-header-2 {
    background-color: #b2afab;
    background-position: 50%;
    background-size: cover;
    height:57vh;
    overflow: hidden;
    position: relative;
    width: 100%;
  
}




.title {
    margin-top: 30px;
    margin-bottom: 25px;
    min-height: 32px;
}


.herocontent {
	padding-top:10rem;
}

.glomoimage {
    height: 800px;
    width: auto;
}

@media (min-width: 992px) {
   .glomoimage {
    height: 574px;
    width: auto;
}

}


.valueproposition {
	margin-top:5rem;
	margin-bottom:5rem;
	padding-top:5rem;
	padding-bottom:5rem;
}

.about-glomo-text {
font-size:16pt;
}



.glomocard {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 1rem;
    box-shadow: -2px 2px 54px -10px rgba(5,5,5,0.41);
    transition:0.5s ease;

}

.activated {
  font-weight:bold;
  color:#45b24f;
}

.glomocard-2 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 1rem;
    box-shadow: -2px 2px 54px -10px rgba(5,5,5,0.41);
    transition:0.5s ease;

}

.glomocard:hover {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 1rem;
  box-shadow: -2px 2px 54px -6px rgba(252,0,0,1);
    transition:0.5s ease;

}

.card {
    border-radius: 12px;
    box-shadow: 0 6px 10px -4px rgba(0,0,0,.15);
    background-color: #fff;
    color: #333;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    border: 0 none;
    transition: transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease;
}


.contact {
  padding-top:15rem;
}



.footer {
padding-top:2rem;
padding-bottom:2rem;
background-color:#2FA432;
color:white;
}

.credit {
  background-color:#2a8a3e;
  padding:1rem;
}


.second-vp {
  padding-top:5rem;
  padding-bottom:5rem;
}




.shake-horizontal {
  -webkit-animation: shake-horizontal 10000ms cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
          animation: shake-horizontal 10000ms cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-7-18 12:54:55
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shake-horizontal
 * ----------------------------------------
 */
@-webkit-keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}
@keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}


/* end of keyframe*/


@media (max-width: 991.98px) {

  .herocontent {
  padding-top:7rem;

}

.contact {
  padding-top:7rem;
}


h1, .h1 {
    font-size: 1.7rem;
}

.about-glomo-text {
font-size:9.5pt;
}


}