/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

@font-face {
  font-family: "Ananda";
  src: url("assets/font/ananda.ttf") format("truetype");
}
@font-face {
  font-family: "Ananda-Bold";
  src: url("assets/font/ananda_black.ttf") format("truetype");
}

/* Rest of your CSS code */

.bleu-fonce {
  color: #243886 !important;
}

.bleu-clair {
  color: #1e9cd7 !important;
}

/* Use the imported font */
.ananda {
  font-family: "Ananda", sans-serif;
}
.ananda-bold {
  font-family: "Ananda-Bold", sans-serif;
}

.source-code {
  font-family: "Source Code Pro", sans-serif !important;
}
p {
  font-family: "Source Code Pro", sans-serif;
}
h1 h2 h3 {
  font-family: "Source Code Pro", sans-serif;
}

.size-1 {
  font-size: 1.2em !important;
}
.size-2 {
  font-size: 35px !important;
  margin-top: 10px !important;
}
.map-contact {
  height: 500px;
  border-radius: 6px;
}

@media (max-width: 1200px)
{
  #mainMenu nav>ul>li>a {
    font-size: 14px !important;
  }
}

@media (max-width: 1050px)
{
  #mainMenu nav>ul>li>a {
    font-size: 12px !important;
  }
}