.bg-principal{
    min-height: 720px;
    background: url(http://w3.perueduca.pe/documents/10179/360095215/bg-especial.png) center no-repeat;
    background-size: cover;
}


.baner-1{
    min-height: 500px;
    background: url(http://w3.perueduca.pe/documents/10179/360095215/banner-portada.jpg) center no-repeat;
    background-size: cover;
}

.baner-1 h2{
    color: white;
    width: 750px;
    text-align: center;
    margin: 40px auto;
    line-height: 80px;
    font-size: 50px;
}

.baner-1 hr{
    width: 400px;
    height: 5px;
    background-color: white;
    margin: auto;
}

.baner-1 p{
    color: white;
    width: 480px;
    font-size: 18px;
    text-align: center;
    margin: 50px auto;
}

.baner-1 .btn-peligros {
    text-align: center;
    padding-bottom: 60px;
}

.baner-1 .btn-peligros a{
    color: #333;
    background: white;
    padding: 10px 30px;
    font-size: 22px;
    border-radius: 10px;
    text-decoration: none;
    text-transform: none;
}

.baner-2{
    min-height: 500px;  
    background: url(http://w3.perueduca.pe/documents/10179/360095215/bg-red.png) center no-repeat;
    background-size: cover;
}

.baner-2 .contenido-parrafo{
    width: 600px;
    color: white;
    float: right;
    margin-right: 80px;
    text-align: justify;
    font-size: 16px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.btn-info2{
    margin: 40px 0;
}

.c-p{
    color: #fddc02;
    padding: 10px;
    border: 1px solid white;
    background: #fff5f526;
    border-radius: 10px;
    margin: 20px 0;
}

.btn-info2 a{
    background: #2c9291;
    color: white;
    padding: 10px 50px;
    border-radius: 10px;
    text-decoration: none;
    text-transform: none;
}

@media screen and (max-width: 768px){
    .baner-1 h2 {
        width: 100%;
        line-height: 40px;
        font-size: 30px;
    }
    .baner-1 p, .baner-2 .contenido-parrafo{
        width: 100%;
    }
    .baner-1 hr{
        display: none;
    }

    .baner-2{
        background-size: cover;
    }

    .baner-2 .contenido-parrafo{
        margin-right: 0;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .btn-info2 {
        margin: 40px auto;
        text-align: center;
    }
}