/* Minification failed. Returning unminified contents.
: run-time error CSS1066: Unexpected end of file encountered
 */
/* Media Query for Mobile Devices */
@media (max-width: 480px) {
    /*body {
        background-color: red;
    }*/
    img.encabezado {
        width: 100%;
        height: 100%;
        border-top-left-radius: 2%;
        border-top-right-radius: 2%;
        content: url("../Images/3-encabezado-mobile-365px.jpg");
    }
    img.piedepagina {
        margin-top: 10px;
        border-top-left-radius: 2%;
        border-top-right-radius: 2%;
        width: 100%;
        height: 100%;
        content: url("../Images/3-pie-de-pagina-mobile-365px.jpg");
    }    
}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
    /*body {
        background-color: yellow;
    }*/
    img.encabezado {
        width: 100%;
        height: 100%;
        border-top-left-radius: 2%;
        border-top-right-radius: 2%;
        content: url("../Images/2-encabezado-tablet-768px.jpg");
    }
    img.piedepagina {
        margin-top: 10px;
        border-top-left-radius: 2%;
        border-top-right-radius: 2%;
        width: 100%;
        height: 100%;
        content: url("../Images/2-pie-de-pagina-tablet-768px.png");
    }
}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {
    /*body {
        background-color: blue;
    }*/
    img.encabezado {
        width: 100%;
        height: 100%;
        border-top-left-radius: 2%;
        border-top-right-radius: 2%;
        /*background-image: url("~/Images/1-encabezado-desktop.jpg");*/
        content: url("../Images/2-encabezado-tablet-768px.jpg");
    }
    img.piedepagina {
        margin-top: 10px;
        border-top-left-radius: 2%;
        border-top-right-radius: 2%;
        width: 100%;
        height: 100%;
        content: url("../Images/2-pie-de-pagina-tablet-768px.png");
    }
}

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {
    /*body {
        background-color: green;
    }*/
    img.encabezado {
        width: 100%;
        height: 100%;
        border-top-left-radius: 2%;
        border-top-right-radius: 2%;
        /*background-image: url("~/Images/1-encabezado-desktop.jpg");*/
        content: url("../Images/1-encabezado-desktop.jpg");
    }
    img.piedepagina {
        border-top-left-radius: 2%;
        border-top-right-radius: 2%;
        margin-top: 10px;
        width: 100%;
        height: 100%;
        content: url("../Images/1-Pie-de-pagina-desktop.jpg");
    }
}

/* Media Query for Large screens */
@media (min-width: 1281px) {
    /*body {
        background-color: white;
    }*/
    img.encabezado {
        width: 100%;
        height: 100%;
        border-top-left-radius: 2%;
        border-top-right-radius: 2%;
        content: url("../Images/1-encabezado-desktop.jpg");
    }
    img.piedepagina {
        margin-top: 10px;
        border-top-left-radius: 2%;
        border-top-right-radius: 2%;
        width: 100%;
        height: 100%;
        content: url("../Images/1-Pie-de-pagina-desktop.jpg");
    }
}



.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

    .float:hover {
        text-decoration: none;
        color: #25d366;
        background-color: #fff;
    }

.my-float {
    margin-top: 16px;