@media screen and (max-width: 520px) {
    /* Estructurar el CSS conforme al html, en el mismo orden*/
    .container_header{
        max-width: 100%;
        margin: auto;
        padding: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /*Sintaxis "img#logo" innecesaria, mejor manejar por el contenedor */
    .container_header > .logo{
        display: none;
    }

    /*Siempre maneja las relaciones, clase padre con clase hijo, para evitar aplicar reglas donde no*/

    .cover {
        width: 100%;
        height: auto;
    }

    .cover > .media_cover > img {
        margin-top: 0;
    }

    .container_banner {
        margin-top: 0;
    }

    .container_banner > .banner,
    .container_banner1 > .banner {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .container_banner > .banner > .banner_icon1 > #icon1,
    .container_banner1 > .banner > .banner_icon1 > #icon2 {
        width: auto;
        height: 100%;
        margin: 0;
    }

    .container_banner > .banner > .banner_text,
    .container_banner1 > .banner > .banner_text {
        width: 45%;
        padding: 0;
    }

    .container_banner > .banner > .banner_text {
        padding-right: 10px;
    }

    .container_banner1 > .banner > .banner_text {
        padding-left: 10px;
    }

    .container_banner > .banner > .banner_text > h2,
    .container_banner1 > .banner > .banner_text > h2 {
        font-size: .9rem;
        text-align: justify;
    }

#Politica {
	width: 90%;
	max-width: 1000px;
	margin: 20px auto;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(5, auto);

	grid-template-areas: "title1 title1"
                        "mision mision"
						 "vision vision"
                         "title2 title2"
						 "valores valores";
}
.mision{
    grid-area: mision;
}
.vision{
    grid-area: vision;
}

.title1{
    grid-area: title1;
    width: 90%;
    /*grid-column: 1 / span 2;*/
    text-align: center;
    color: #d19d0c;
}

.title2{
    grid-area: title2;
    width: 90%;
    /*grid-column: 1 / span 2;*/
    text-align: center;
    color: #d19d0c;
}

.valores{
    width:100%;
    grid-area: valores;
    /*grid-column: 1 / span 2;*/
    display: grid;
    
    grid-template-columns: repeat(1, 1fr);
}

.valores div:nth-last-child(1) {
    grid-column-end: span 1;
}


.contacto .columnuno img {
    grid-area: columndos;
    height: 50%;
    width: 80%;
     display: none;
}

.contacto .columndos {
     grid-area: columnuno;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}
.text_information_below h2 {
    /* align-self: flex-start; */
    font-size: 50px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    color: #d19d0c;
}

.contacto{
     margin-top:5% ;
    width: 100%;
    height: 20rem;
    justify-content: center;
    display: grid;
    grid-gap:50px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(2, auto);
    grid-template-areas: "columnuno" 
                        "columndos";
    margin-bottom: 2.5%;
}

}