body, div {
    margin: 0px;
    padding: 0px;
}
body {
    background: black;
}
a {
    color: #00C1FF;
    text-decoration: none;
}
a:hover {
    color: orange;
    text-decoration: none;
}
#root { 
    display: table;
    text-align: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
#root .center {
    width: 100%;
    text-align: center;
}
#root .center .titulo {
    margin-top: 20px;
}
#root .main {
    background: url('../imagenes/bgmain.jpg') top center no-repeat;
    width: 100%;
    margin: 0px;
    display: inline-block;
    padding-top: 10px;
}
#root .main .tags {
    display: table;
    margin: 0px auto;
    width: 70%;
}
#root .main .tags span {
    font-size: 25px;
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
    letter-spacing: 2px;
    padding: 10px;
    border-radius: 10px;
    background-color: #333333;
    display: table;
    float: left;
    margin: 5px;
    transition: all 0.3s ease;
    opacity: 1;
    animation:Crecer 1000ms;
    -webkit-animation:Crecer 1000ms;
}
#root .main .tags span:hover {
    opacity: 0.5;
}
#root .main .tags span.s1 {
    color: white;
}
#root .main .tags span.s2 {
    color: fuchsia;
}
#root .main .tags span.s3 {
    color: orange;
}
#root .main .tags span.s4 {
    color: aqua;
}
#root .main .telefono {
    font-size: 25px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 3px;
    font-weight: 300;
    padding: 20px 0px 0px 0px;
    color: white;
}
#root .main .correo {
    font-size: 20px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
    font-weight: 300;
    padding: 10px 0px 20px 0px;
    color: white;
}
@keyframes Crecer {
    from { -webkit-transform: scale(0.1,0.1); transform: scale(0.1,0.1); }
    50% { -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
    to { -webkit-transform: scale(1,1); transform: scale(1,1); }
}
@media screen and (max-width: 705px) {
    #root .main .tags {
        width: 95%;
    }
}