/*------------------------------------------------------*/
/* Common Styles for overall theme
/*------------------------------------------------------*/
body {
  /*background: url(../images/bg.jpg) no-repeat; background-size: cover*/
}
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #3a3c41;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  font-weight: 700;
  color: #3a3c41;
}
a {
  outline: 0;
}
a:hover, a:focus {color: #1d3e85;}
a:hover {
    outline: none;
  text-decoration: none;
}
a:focus {
  outline: none;
    text-decoration: none;
}
a:active {
    outline: none;
    text-decoration: none;
}
a:visited {
    outline: none;
    text-decoration: none;
}
button::-moz-focus-inner {
  border: 0;
}
input::-moz-focus-inner {
  border: 0;
}
img {
  max-width: 100%;
  height: auto;
}
.mobile{display: none;}

img.bg {
      /* Set rules to fill background */
      min-height: 100%;
      min-width: 1024px;
      
      /* Set up proportionate scaling */
      width: 100%;
      height: auto;
      
      /* Set up positioning */
      position: fixed;
      top: 0;
      left: 0;
    }
    
    @media screen and (max-width: 1024px){
      img.bg {
        left: 50%;
        margin-left: -512px; }
    }
    

.contatos{position: fixed;bottom: 0;background: #0000004f; width: 100%; padding: 10px; text-align: center; color: #fff; font-size: 25px; font-family: 'Roboto', sans-serif;  font-weight: 300}
.contatos a{color: #fff; font-family: 'Roboto', sans-serif; font-weight: 300}
.redes{height: 40px}
.redes a{background: url(../images/redes.png) no-repeat 0 0; background-size: 505px; width: 40px; height: 40px; display: inline-block;}
.redes a.insta{background-position: -41px 0}
.redes a.face{background-position: -123px 0}
.redes a.youtube{background-position: -166px 0}
.redes a.paucomp3{background-position: 0px 0}
.redes a.spotfy{background-position: -83px 0}
.redes a.whats{background-position: -253px 0}
.redes a.suamusica{background-position: -210px 0}
.redes a.deezer{background-position: -295px 0}
.redes a.cdbaby{background-position: -381px 0}
.redes a.google{background-position: -424px 0}
.redes a.apple{background-position: -465px 0}
.redes a.twitter{background-position: -339px 0}


  @media screen and (max-width: 799px){
      body{    background: url(../images/bg-mobile.jpg) top center no-repeat; background-size: 123%;}
     .mobile{display: block;}
     .full{display: none;}
     .redes{height: auto !important;}
     .contatos{font-size: 22px;    background: #000000a3;}
     
    }