/* HEADER
---------------------------------------------------------------------------- */

.smu-headerComponent {
   /*
   display: flex;
   align-items: center;
   flex-direction: column-reverse;
   flex-wrap: wrap;*/
   
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-direction: row;
   flex-wrap: nowrap;

   padding: 1em 1.1em 0em 1.1em;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
   .smu-headerComponent {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: row;
      flex-wrap: nowrap;

      padding: 2em 1.1em 1.5em 1.1em;

      
   }  
}

/* Logotype
---------------------------------------------------------------------------- */

.smu-headerComponent-logotype {
   display: block;
   width: 200px;
}

.smu-headerComponent-logotype a {
   display: block;
   width: 200px;
}

/*
.smu-headerComponent-logotype {
   display: block;
   width: 215px;
}
*/

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
   .smu-headerComponent-logotype {
      display: block;
      width: 215px;
   }  
   .smu-headerComponent-logotype a {
      display: block;
      width: 215px;
   }
}

.smu-headerComponent-logotype img {
   width: 100%;
   height: auto;
}

/* Main menu
---------------------------------------------------------------------------- */

.smu-headerComponent-mainMenu {
   width: 100%;
   margin-top: 0;
   /*margin-bottom: 2.5em;*/
   margin-bottom: 0;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
   .smu-headerComponent-mainMenu {
      /*margin-top: 2.5em;*/
      margin-top: 0;
      margin-bottom: 0;
   }  
}


/* FOOTER
---------------------------------------------------------------------------- */



/* Small devices (phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}