@import url(normalize.css);
@import url(menu.css);
@import url(slideshow.css);

*{box-sizing: border-box;}

body{
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

footer .contenedor{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 10px;
    background: rgb(0,0,0);
    width: 100%;
    position: static;
}
.copy{
    font-size: 18px;
    color: #fff;
    margin-left: 10px;
}
.sociales{
    width: 100%;
    text-align: center;
    font-size: 28px;
    margin-right: 30px;
}

.sociales a{
    color: #fff;
    text-decoration: none;
}

.sociales a:hover{
    background-color: #ddd;
    color:#000;
}
/*--------------------------------------------------------------------------*/
.contenedorBoton{
  width:90px;
  height:240px;
  position:absolute;
  right:0px;
  bottom:0px;
}
.botonF1{
  width:60px;
  height:60px;
  border-radius:100%;
  background:#F44336;
  right:0;
  bottom:0;
  position:absolute;
  margin-right:20px;
  margin-bottom:40px;
  border:none;
  outline:none;
  color:#FFF;
  font-size:36px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  transition:.3s;  
}
span{
  transition:.5s;  
}
.botonF1:hover span{
  transform:rotate(360deg);
}
.botonF1:active{
  transform:scale(1.1);
}
.btnRS{
  width:40px;
  height:40px;
  border-radius:100%;
  border:none;
  color:#FFF;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  font-size:28px;
  outline:none;
  position:absolute;
  right:0;
  bottom:0;
  margin-right:30px;
  transform:scale(0);
  
}
.botonF2{
  background:#00e676;
  margin-bottom:110px;
  transition:0.5s;
}
.botonF3{
  background:#4267b2;
  margin-bottom:160px;
  transition:0.7s;
}
.botonF4{
  background:#1da1f2;
  margin-bottom:205px;
  transition:0.9s;
}
.botonF5{
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  margin-bottom:250px;
  transition:0.9s;
}

/*--------------------------------------------------------------------------*/
@media(max-width:768px){
    footer .copy{
        font-size: 13px;
        text-align: center;
        padding-right: 10px;
    }
    .sociales{
        margin-right: 0px;
        padding-top: 5px;
    }
    footer .contenedor{
        padding-top: 10px;
    }
}
@media(min-width:767px){
    .sociales{
        width: auto;
    }
    footer .contenedor{
        justify-content: space-between;
        padding-top: 10px;
    }
}

@media (min-width:1024px){
    #banner .contenedor{
        width: 1000px;
    }
    footer .contenedor{
        padding-top: 10px;
    }
}