@font-face {
    font-family: 'din';
    src: url('font/DIN-Regular.ttf') format('truetype');
}

body{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-family: "din","Roboto",sans-serif;
    font-size:16px;
    line-height:1.5;
    background-color:#f0f0f0
}

@media only screen and (max-width: 768px) {
   #slides, #logo, .celu {
      display: none;
   }
   .footlogo {
      max-width: 175px
   }
}

   
.navbar {
   max-height: 100px;
   border-top: 4px solid #f00;
   border-bottom: 4px solid #f00;
}

#kits {
   padding-top: 10px;
   color: #f00
}

#kits span{
   color: #00aeef
}

.logo img {
   max-height: 75px;
   width: auto
}

a.link {
   text-decoration : none;
   font-weight : bold;
   color: #2160c4 !important
}

.image img {
   width: auto
}

h1.subtitle {
   color:#e39208 !important
}

.card {
  height: 100%;
  background-color: whitesmoke !important;
}

.notification {
   color: #2160c4;
   background-color: #eef3fc;  !important;
   
}

td {
   padding: 10px;
}

footer {
    background-color:#344157;
    border-top: 4px solid #95c122;
    color:#fff !important
}

.footer_title {
   color: #f00
}

.footer_title span {
   color: #00aeef 
}

.email {
   border-top: 1px dotted #fff;
   border-bottom: 1px dotted #fff;
   margin-top: 10px;
   padding: 10px 0
}

#contact {
   color: #95c122  !important
}
.ed-footer-sections {
    width:90%;
    margin:0 auto;
    display:flex;
    align-items:flex-start;
    flex-wrap:wrap
}

#up {
   display: none;
   width: 100%;
   background-color: #eee;
   position: fixed;
   bottom: 0;
   left: 0;
}