/* Arimo Regular */
@font-face {
    font-family: 'Arimo';
    src: url('../fonts/Arimo-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Arimo Italic */
@font-face {
    font-family: 'Arimo';
    src: url('../fonts/Arimo-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

/* Arimo Medium */
@font-face {
    font-family: 'Arimo';
    src: url('../fonts/Arimo-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/* Arimo Medium Italic */
@font-face {
    font-family: 'Arimo';
    src: url('../fonts/Arimo-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

/* Arimo SemiBold */
@font-face {
    font-family: 'Arimo';
    src: url('../fonts/Arimo-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* Arimo SemiBold Italic */
@font-face {
    font-family: 'Arimo';
    src: url('../fonts/Arimo-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

/* Arimo Bold */
@font-face {
    font-family: 'Arimo';
    src: url('../fonts/Arimo-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Arimo Bold Italic */
@font-face {
    font-family: 'Arimo';
    src: url('../fonts/Arimo-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

body {
    font-family: 'Arimo', sans-serif;
}
.wrapper {
        padding: 20px 20px;
 }

 
.main-header {
  position: relative;
  max-height: 100px;
  z-index: 1030;
}

.main-header .navbar {
  -webkit-transition: margin-left 0.3s ease-in-out;
  -o-transition: margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
  margin-bottom: 0; 
  border: none;
  min-height: 50px;
  border-radius: 0;
}

.content-wrapper,
.main-footer {
  -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out; 
  z-index: 820;
}

.content-wrapper {
  min-height: 100%;
  background-color: #ecf0f5;
  z-index: 800;
}

.main-footer {
  background: #fff;
  padding: 15px;
  color: #444;
  border-top: 1px solid #d2d6de;
}