/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */

/*header {*/
  /*padding: 154px 0 100px;*/
/*}*/

/*@media (min-width: 992px) {*/
  /*header {*/
    /*padding: 156px 0 100px 0;*/
  /*}*/
/*}*/
body{
  margin: 0 auto;
}

section {
  padding: 150px 0;
}

.bg-primary {
  background-color: #f8f9fa !important;
}

img.center {
  display: block;
  margin: 0 auto;
}


@media screen and (max-width: 600px) {
  .tobereplaced{
    content:url("../ressources/images/e3p_orange_header_min_mobile.jpg");
  }
}


/*@media (min-width: 650px) {*/
  /**/
/*}*/

/*@media (min-width: 576px) {*/
  /*.carousel-item {*/
    /*max-width: 540px;*/
  /*}*/
/*}*/

/*@media (min-width: 768px) {*/
  /*.container {*/
    /*max-width: 720px;*/
  /*}*/
/*}*/

/*@media (min-width: 992px) {*/
  /*.container {*/
    /*max-width: 960px;*/
  /*}*/
/*}*/

.btn-secondary {
  background-color: #ff9600;
}

/* Global Reset */
* {
    font-family: 'Allerta', arial, Tahoma;
    box-sizing: border-box;
}
/* Start  styling the page */
.container-audio {
    width: 66%;
    height: auto;
    padding: 20px;
    border-radius: 5px;
    background-color: #eee;
    color: #444;
    margin: 20px auto;
    overflow: hidden;
}
audio {
  width:100%;
}
audio:nth-child(2), audio:nth-child(4), audio:nth-child(6) {
    margin: 0;
}
.container-audio .colum1 {
    width: 23px;
    height: 5em;
    border-radius: 5px;
    margin: 0 10px 0 0;
    display: inline-block;
    position: relative;
}
.container-audio .colum1:last-child {
    margin: 0;
}
.container-audio .colum1 .row {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: linear-gradient(to up, #7700aa, #8800ff);
    position: absolute;
    -webkit-animation: Rofa 10s infinite ease-in-out;
    animation: Rofa 10s infinite ease-in-out;
    bottom: 0;
}