:root {
  --c-silver: #cbcbcb;
  --c-blue:#002d81;
  --c-blue-white: rgba(213, 229, 254, 0.4);
  --c-orange:#ef9500;
  --c-maroon:#991916;
}


@font-face {
  font-family: roboto;
  src: url('/plugins/roboto-font/Roboto-Black.ttf');
}
@font-face {
  font-family: montse;
  src: url('/plugins/montserrat/Montserrat-Regular.otf');
}
@font-face {
  font-family: Montserrat !important;
  src: url('/plugins/montserrat/Montserrat-Regular.otf');
}
@font-face {
  font-family: 'Montserrat';
  src: url('/plugins/montserrat/Montserrat-Regular.otf');
}

@font-face {
  font-family: montse-bold;
  src: url('/plugins/montserrat/Montserrat-Bold.otf');
}
@font-face {
  font-family: montse-black;
  src: url('/plugins/montserrat/Montserrat-Black.otf');
}



div,h1,h2,h3,h4,h5,h6,a,li,ul,span{
  font-family: montse;
}

.parallax {
  /* The image used */
  background-image: url("/res/img/img03-1500.jpg");

  /* Set a specific height */
  min-height: 550px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.btn-success{
  background-color: #014901;
}
.btn{
  background-color: var(--c-blue);
}
.btn:hover{
  color: #725707;
  border-color: #725707;
}
.btn i.fa{
  font-size: 20px;
}