﻿html {
  width: 100%; }

body {
  font-family: Montserrat; }

a {
  font-weight: 600; }
  a:hover {
    text-decoration: none; }

.main {
  padding: 60px 0; }

.axx-navbar {
  display: flex;
  flex-direction: row;
  width: 100%; }
  .axx-navbar .navbar-brand img {
    max-width: 100%; }
  .axx-navbar .call-us-wrapper {
    flex: 1;
    display: flex;
    justify-content: center; }
    .axx-navbar .call-us-wrapper .call-us {
      padding: 15px;
      background-color: #f18e0a;
      border-radius: 5px; }
      .axx-navbar .call-us-wrapper .call-us .phone-number {
        text-align: center;
        color: #003563;
        transition: ease-in 0.3s; }
      .axx-navbar .call-us-wrapper .call-us:hover .phone-number {
        color: white; }

.main .content .document-wrapper {
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px; }
  .main .content .document-wrapper .document {
    padding: 30px;
    background-color: lightgray;
    text-align: center;
    border-radius: 5px; }
    .main .content .document-wrapper .document .btn-primary {
      background-color: #f18e0a;
      border-color: #f18e0a; }
      .main .content .document-wrapper .document .btn-primary:focus {
        box-shadow: 0 0 0 0.2rem rgba(241, 142, 10, 0.5); }

.not-found {
  padding: 30px 0; }

footer {
  background-color: #003563;
  color: white;
  padding: 60px 0 40px; }
  @media (max-width: 768px) {
    footer {
      padding: 30px; } }
  footer .footer-title {
    color: #f18e0a;
    margin-bottom: 20px;
    padding-bottom: 13px;
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: 1px; }
    footer .footer-title::after {
      display: block;
      position: relative;
      content: ' ';
      width: 100%;
      left: 0;
      bottom: 0;
      height: 2px;
      background-color: #f18e0a; }
  footer .agence span {
    display: block;
    font-size: 14px;
    line-height: 1.8; }
    footer .agence span i.fa.fa-map-marker {
      margin-right: 10px; }
  @media (max-width: 768px) {
    footer .agence {
      margin-bottom: 20px; } }
  footer p {
    font-size: 14px; }
