@charset "UTF-8";
/* CSS Document */



body {
    background: #f5f5f5;
    border:0;
    margin: 0;
    padding: 0;
    font-family: 'Geologica', sans-serif;
}



header {
    background: #262626;
    width: 100%;
    height: auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 0%;
    position: fixed;
    z-index: 10;
}


.social {
    width: 16%;
    height: auto;
    float: left;
    margin-left: 5%;
    margin-right: 0%;
    margin-top: 2%;
    margin-bottom: 1%;
}


.social a:link,
.social a:visited,
.social a:hover {
    color:#f5f5f5;
    text-decoration: none;
}


.social p {
    width: 25%;
    height: auto;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 0%;
    font-size: 1rem;
    color: #fff;   
    text-align: center;
}


.logo {
    width: 28%;
    height: auto;
    float: left;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 0%;
    margin-bottom: 0%;
}


.logo img {
    width:50%;
    height: auto;
    float: left;
    margin-left: 25%;
}



.informacion {
    width: 16%;
    height: auto;
    float: right;
    margin-left: 0%;
    margin-right: 5%;
    margin-top: 1.6%;
    margin-bottom: 1%;
}

.boton1 a:link,
.boton1 a:visited {
    background: #79B6B7;
    width:45%;
    height: auto;
    border-right: 1px solid #222;
    float: left;
    font-size: 0.6rem;
    color: #222;
    font-weight: 400;
    padding: 10px 0px;
    text-align: center;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    text-decoration: none;
    text-transform: uppercase;
}

.boton1 a:hover {
    background: #f5f5f5;
    color: #222;
}


.boton2 a:link,
.boton2 a:visited {
    background: #F5F5F5;
    width:52%;
    height: auto;
    float: left;
    font-size: 0.6rem;
    color: #222;
    font-weight: 400;
    padding: 10px 0px;
    text-align: center;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    text-decoration: none;
    text-transform: uppercase;
}

.boton2 a:hover {
    background: #79B6B7;
    color: #f5f5f5;
}


@media screen and (max-width:500px) {
    
    
.social {
    width: 16%;
    height: auto;
    float: left;
    margin-left: 5%;
    margin-right: 0%;
    margin-top: 2.5%;
    margin-bottom: 1%;
    display: none;
}    
    
    
.logo {
    width: 60%;
    height: auto;
    float: left;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 0%;
    margin-bottom: 0%;
}


.logo img {
    width:100%;
    height: auto;
    float: left;
    margin-left: 0%;
}
    
    
    
 .informacion {
    width: 90%;
    height: auto;
    float: right;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 80vh;
    margin-bottom: 1%;
    position:  fixed;
    z-index: 10;
}

.boton1 a:link,
.boton1 a:visited {
    width:45%;
    height: auto;
    float: left;
    font-size: 0.75rem;
    font-weight: 200;
    padding: 10px 0px;
    text-align: center;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    text-decoration: none;
}


.boton2 a:link,
.boton2 a:visited {
    width:54%;
    height: auto;
    float: left;
    font-size: 0.75rem;
    font-weight: 200;
    padding: 10px 0px;
    text-align: center;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    text-decoration: none;
}

    
    
    
}