/* CSS Document */

body{
	overflow-wrap: break-word;
	 overflow-x: hidden;
       font-family: 'Open Sans', sans-serif;
    color: #666666;
    line-height: 1.8em;
    font-weight: 300;
    letter-spacing: .7px;
}




audio {

     width: 100%;
        background: #efefef;
}
iframe {
    border: medium none;
}



.embed-container {
    padding-bottom: 0!important;
    height: 688px!important;
}





.container-audio {
  text-align: center;
  max-width: initial;
  width: 100%;
}





em {
    font-style: italic;
}

body, html {
  height: 93%
}


.audios-f {
background: #ef9754;
  width: 100%;
  text-align: center;
  color: #FFF;
height: 11%;
 
bottom: 0;

}

.audiojs {
  display: none;
}




.audio {
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin: 15px 0;

    font-family: 'Raleway', sans-serif;
}


.audio p{
    width: 100%;
   text-align: center;
   margin-top: 18px;
}


.embed-container-sm {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    height: 600px;
}
.embed-container-sm iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 850px;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}




.test {
  background: red;
}

@media (min-width: 200px) and  (max-width: 400px){
  




}



@media (min-width: 401px) and  (max-width: 600px){
  

 
}




@media (min-width: 601px) and  (max-width: 800px){
  

 
}


@media (min-width: 801px) and  (max-width: 1024px){
  

 
}


@media (min-width: 1025px) {
  

 
}