.mr-page {
  font-size: 1.1em;
  font-family: 'lato-heavy', sans-serif;
}

p {
    margin-top: 0;
    margin-bottom: 0;
}

a img {
  transition: transform .2s;
}

a:hover img {
  transform: scale(1.1);
}

@media (max-width: 768px) {
  .mr-page {
  	font-size: 0.9em;
  }	
  
  h1 {
  	font-size: 2em;
  }
  
  h2 {
  	font-size: 1.6em;
  }
}
        

.btn-more, .btn-more:hover 
{
  background-color: #008000;
  color: white;
  border-radius: 30px !important;
  font-size: 1.1em;
  padding: 10px 20px;
}

.header {
  display:flex;
  justify-content: space-between;
  	
}

.mr-page .navbar {
  	height: 80px;
}

#logo > img {
  max-height: 60px !important;
  animation: fadein-opacity 1.5s forwards;
}


.nav-link-header .nav-link {
  	color : black !important;
  	font-size : 1.2em;
  	font-weight : 700;
  	font-style: normal;
    margin: 0px 15px;
}


.text 
{
  font-size: 1.3em;
  line-height: 1.5;
}

.texty 
{
  font-size: 1.1em;
}
        
        

#header-top {
  animation: fadein-opacity 1.5s forwards;
  height: calc(100vh - 80px);
  min-height: calc(100vh - 80px);
}

#banner {
  animation: fadein-opacity 1.5s forwards;
  height: 30%;
  background-position: center;
  background-size: cover;
}

#min-banner {
  animation: fadein-opacity 1.5s forwards;
  height: 30vh;
  background-position: center;
  background-size: cover;
}

#text-banner {
  animation: fadein-opacity 1.5s forwards;
}

#text-banner h1 {
  font-size: 2.5em;
  font-weight: 500;
}

#text-header {
  animation: fadein-opacity 1.5s forwards;
  height: 70%;
  display: flex;
  align-items: center;
}


#banner .editor-container-components, #min-banner .editor-container-components {
  height: auto !important;
}

#gamme.vp-cmp-been-displayed, #sites.vp-cmp-been-displayed, .content-fadein.vp-cmp-been-displayed {
  animation: fadein-animation 2s forwards;
}

.line-elements {
  background-color: white;
  border-radius: 30px;
}

.btn-contact {
  background-color:#190E66;
}
        
        
@keyframes fadein-opacity {
  0%,
  25% {
    opacity: 0;
  }
}

@keyframes fadein-animation {
  0% {
    transform: translateY(150px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}