/** 
Theme Name: Alta Radio 
Theme URL: pameschurrer.com
Author: Pamela Schurrer
Description:  Alta Radio - Dale Play by Nico Guzman. Diseño Romi Fernandez.  Programacion web Pame Schurrer. </strong>
Version:1.0
License: GUN
Tags: 
Text Domain: altaradio
*/
@font-face {font-family: "Posterama";
    src: url("font/5c6682d0f00a759d2d735c090a6900fe.eot"); /* IE9*/
    src: url("font/5c6682d0f00a759d2d735c090a6900fe.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("font/5c6682d0f00a759d2d735c090a6900fe.woff2") format("woff2"), /* chrome firefox */
    url("font/5c6682d0f00a759d2d735c090a6900fe.woff") format("woff"), /* chrome firefox */
    url("font/5c6682d0f00a759d2d735c090a6900fe.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("font/5c6682d0f00a759d2d735c090a6900fe.svg#Posterama") format("svg"); /* iOS 4.1- */
}

:root{
    --yellow:#EE8517;
    --blue:#1C9FA6;
    --gray:#292828;
}

*{margin: 0;
padding: 0;}
img{max-width: 98%;}
a{
    text-decoration: none;
}
body{background: var(--gray);
    font-family: "Posterama";
color:#fff;
font-size:2rem;
font-weight: normal;    font-family: "Posterama";
}

.container{
   
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    background: url(img/f1.png)no-repeat center left, url(img/f2.png)no-repeat center right;

    min-height: 100vh;
}

.logo{
    padding-left: 3rem;
    margin-bottom: -1rem;
    text-align: center;
    
}
@media(max-width: 1024px) {
	.logo {padding-top:5rem}
    .logo img{
        max-width: 65%;
}
}



@media(max-width: 768px) {
    .logo img{
        max-width: 65%;
}
}

@media(max-width: 660px) {
	   .logo img{
        max-width: 75%;
}
}
@media(max-width: 460px) {
	   .logo {
       padding-top:2rem;
}
}

#stream{
    display: none;

}
.rep{

    max-width: 100%;
}
a.btnPlay {
display: inline-block;
    border-radius: 3rem;
    background:var(--yellow);
    color: var(--gray);
    font-size: 3.6rem;
      padding: 1rem 2rem;
cursor: pointer;
    text-decoration: none;
    transition: 0.2s transform ease-in-out;
   
  margin:0 auto 1rem;
    font-weight: bold;
  }

  a.btnPlay:hover {
    background-color: var(--blue);
    color: #fff;
    transform: scale(1.05);
  
  }
  
.textInfo{
   margin: 1rem auto 1.5rem;
    color: #EE8517;
    font-size: 2rem;
    font-weight: bold;
    
}
a.play{
    margin: 0 4rem 2rem 0;
}
@media(max-width: 768px) {
    a.btnPlay {
       
        border-radius: 3rem;
           font-size: 1.5rem;
            margin: 1rem auto;
   
    }
    .textInfo{
     
         font-size: 1.5rem;

        
     }
}

.redes {
    margin-top: 5rem;
}
.redes img{
margin: .5rem;

}
@media(max-width: 768px) {
    .redes{
        text-align: center;
    }
    .redes img{
        margin: .3rem;
        
        } 
}

a img:hover{

    transform: scale(1.1);
}

@media(max-width: 460px) {
	 .redes{
       padding:0 2.5rem;
    }
}
@media(max-width: 768px) {
    
    .container{
        width: 100%;
        padding: 2rem 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
        background: url(img/f3.png)no-repeat top left, url(img/f4.png)no-repeat center bottom;
        background-size:39% auto,  100% auto;
        min-height: 90vh;
    }


}