*{margin: 0;padding: 0;}
body{ 
    background-color: #FAFAFA;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 60'%3E%3Cg %3E%3Crect fill='%23FAFAFA' width='11' height='11'/%3E%3Crect fill='%23f8f7fa' x='10' width='11' height='11'/%3E%3Crect fill='%23f6f4f9' y='10' width='11' height='11'/%3E%3Crect fill='%23f3f2f9' x='20' width='11' height='11'/%3E%3Crect fill='%23f1eff9' x='10' y='10' width='11' height='11'/%3E%3Crect fill='%23efecf8' y='20' width='11' height='11'/%3E%3Crect fill='%23ede9f8' x='30' width='11' height='11'/%3E%3Crect fill='%23ebe7f8' x='20' y='10' width='11' height='11'/%3E%3Crect fill='%23e8e4f7' x='10' y='20' width='11' height='11'/%3E%3Crect fill='%23e6e1f7' y='30' width='11' height='11'/%3E%3Crect fill='%23e4def7' x='40' width='11' height='11'/%3E%3Crect fill='%23e2dcf6' x='30' y='10' width='11' height='11'/%3E%3Crect fill='%23e0d9f6' x='20' y='20' width='11' height='11'/%3E%3Crect fill='%23ddd6f6' x='10' y='30' width='11' height='11'/%3E%3Crect fill='%23dbd4f5' y='40' width='11' height='11'/%3E%3Crect fill='%23d9d1f5' x='50' width='11' height='11'/%3E%3Crect fill='%23d6cef5' x='40' y='10' width='11' height='11'/%3E%3Crect fill='%23d4cbf4' x='30' y='20' width='11' height='11'/%3E%3Crect fill='%23d2c9f4' x='20' y='30' width='11' height='11'/%3E%3Crect fill='%23d0c6f4' x='10' y='40' width='11' height='11'/%3E%3Crect fill='%23cdc3f3' y='50' width='11' height='11'/%3E%3Crect fill='%23cbc1f3' x='60' width='11' height='11'/%3E%3Crect fill='%23c9bef2' x='50' y='10' width='11' height='11'/%3E%3Crect fill='%23c6bbf2' x='40' y='20' width='11' height='11'/%3E%3Crect fill='%23c4b9f2' x='30' y='30' width='11' height='11'/%3E%3Crect fill='%23c2b6f1' x='20' y='40' width='11' height='11'/%3E%3Crect fill='%23bfb3f1' x='10' y='50' width='11' height='11'/%3E%3Crect fill='%23bdb1f1' x='70' width='11' height='11'/%3E%3Crect fill='%23baaef0' x='60' y='10' width='11' height='11'/%3E%3Crect fill='%23b8acf0' x='50' y='20' width='11' height='11'/%3E%3Crect fill='%23b6a9ef' x='40' y='30' width='11' height='11'/%3E%3Crect fill='%23b3a6ef' x='30' y='40' width='11' height='11'/%3E%3Crect fill='%23b1a4ee' x='20' y='50' width='11' height='11'/%3E%3Crect fill='%23aea1ee' x='80' width='11' height='11'/%3E%3Crect fill='%23ac9fee' x='70' y='10' width='11' height='11'/%3E%3Crect fill='%23a99ced' x='60' y='20' width='11' height='11'/%3E%3Crect fill='%23a799ed' x='50' y='30' width='11' height='11'/%3E%3Crect fill='%23a497ec' x='40' y='40' width='11' height='11'/%3E%3Crect fill='%23a294ec' x='30' y='50' width='11' height='11'/%3E%3Crect fill='%239f92eb' x='90' width='11' height='11'/%3E%3Crect fill='%239c8feb' x='80' y='10' width='11' height='11'/%3E%3Crect fill='%239a8deb' x='70' y='20' width='11' height='11'/%3E%3Crect fill='%23978aea' x='60' y='30' width='11' height='11'/%3E%3Crect fill='%239488ea' x='50' y='40' width='11' height='11'/%3E%3Crect fill='%239285e9' x='40' y='50' width='11' height='11'/%3E%3Crect fill='%238f82e9' x='90' y='10' width='11' height='11'/%3E%3Crect fill='%238c80e8' x='80' y='20' width='11' height='11'/%3E%3Crect fill='%23897de8' x='70' y='30' width='11' height='11'/%3E%3Crect fill='%23877be7' x='60' y='40' width='11' height='11'/%3E%3Crect fill='%238478e7' x='50' y='50' width='11' height='11'/%3E%3Crect fill='%238176e6' x='90' y='20' width='11' height='11'/%3E%3Crect fill='%237e74e6' x='80' y='30' width='11' height='11'/%3E%3Crect fill='%237b71e5' x='70' y='40' width='11' height='11'/%3E%3Crect fill='%23786fe5' x='60' y='50' width='11' height='11'/%3E%3Crect fill='%23756ce4' x='90' y='30' width='11' height='11'/%3E%3Crect fill='%23716ae4' x='80' y='40' width='11' height='11'/%3E%3Crect fill='%236e67e3' x='70' y='50' width='11' height='11'/%3E%3Crect fill='%236b65e3' x='90' y='40' width='11' height='11'/%3E%3Crect fill='%236762e3' x='80' y='50' width='11' height='11'/%3E%3Crect fill='%236460E2' x='90' y='50' width='11' height='11'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
    }


header{
    width: 100%;
    overflow: hidden;
    background: #252932;
    margin-bottom: 20px;
    
}
.wrapper{
    width: 90%;
    max-width: 1000px;
    margin: auto;
    overflow: hidden;
}

header .logo{
    color: #f2f2f2f2;
    font-size: 50px;
    line-height: 200px;
    float: left;    
}
header nav{
    float: right;
    line-height: 200px;
}

header nav a{
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    line-height: normal;
    font-size: 20px;
    -webkit-animation: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
header nav a:hover{
    background: #19dafc;
    border-radius: 50px;
}
.header2{
    position: fixed;
    height: 100px;
}

.header2 .logo{
    line-height: 100px;
    font-size: 30px;
}
.header2 nav{
    line-height: 100px;
    
}
.contenido{
    padding-top: 100px;
    font-family:'arial';
    font-size: 22px;
    font-style: normal;
    color: black;
}

.contenido p{
    margin-bottom: 1em;
}

@media screen and (max-width:950px){
    header .logo,
    header nav {
        width: 100%;
        text-align: center;
        line-height: 200px;
    }
}
.header2{
    height:auto;
}

.header2 .logo,
.header2 nav{ 
    line-height: 50px;
}       
       
.img {
    width: 400px;
    float: right;
    margin: 30px;
    padding: 15px;   
}

.img2 {
    width: 400px;
    float: right;
    margin: 30px;
    padding: 15px;   
}
.img3 {
    width: 400px;
    float: right;
    margin: 30px;
    padding: 15px;   
}