/*==================== bANNIERE */
#banniere
{   width: 100%;
    height: 45vh;
    background: url('../images/top.png');
    background-size: contain;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: rgba(50, 70, 80, 0.7);
    background-blend-mode: soft-light;
}

@media screen and (max-width: 995px) {
	#banniere {
		height: 30vh;
	}
}

@media screen and (max-width: 525px) {
	#banniere {
		height: 20vh;
	}
}

@media screen and (max-width: 397px) {
	#banniere {
		height: 15vh;
	}
}
@media screen and (max-width: 340px) {
	#banniere {
		height: 10vh;
	}
}

#banniere h2
{
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
}

#banniere a
{
  border: 3px solid white;
  color: white;
  background: transparent;
  text-align: center;
  border-radius: 5px;
  font-weight: bold;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;  
}

.service-card{
  box-shadow: 1px 2px 5px 3px rgba(0, 0, 0, 0.05);
  border: none !important ;
}

#banniere a:hover
{
    background-color: rgba(226, 0, 26,0.7);
    border-color: rgba(226, 0, 26,0.7);  
}

/* Own css */

.btn-link {
  color: #fff;
  background-color: rgb(226, 0, 26);
  border-color: rgb(226, 0, 26);
}

.btn-link:disabled,
.btn-link[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: black !important;
}

.btn-link:hover {
  color: #fff;
  background-color: rgb(226, 0, 26);
  border-color: rgb(226, 0, 26);
  opacity: 0.8;
  text-decoration: none;
}