body{
	background-image: linear-gradient(to left, rgb(245, 237, 204), rgb(236, 216, 125), rgb(245, 237, 204));
    font-family: Georgia, 'Times New Roman', Times, serif;
    padding-top: 3px;
}

.container {
    font-family: 'Times New Roman', Times, serif;
    font-size: 1.2rem;
    line-height: 2em;
    text-align: center;
    width: 90%;
    max-width: 900px;
    margin: 0 auto;
    }

.mision {
    font-family: 'Times New Roman', Times, serif;
    font-size: 1.2rem;
    line-height: 2em;
    text-align: center;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    }


.vision {
    font-family: 'Times New Roman', Times, serif;
    font-size: 1.2rem;
    line-height: 2em;
    text-align: center;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    }

	h1{
        font-size: 1.8em;
        line-height: 1.3em;
        text-align: center;
    }

    #ima3 {
        width: 100%;
        height: auto;
    }

	#ima4 {
        width: 60%;
        height: auto;
    }

    hr {
        width: 100%;
        height: 5px;
        background: blue;
    }
h2{
    max-width: 600px;
    min-height: 20px;
    margin: 0 auto;
    border-radius: 20px 20px 20px 20px;
    text-align: center;
    font-size: 40px;
    color: rgb(12, 12, 12);
}

#img1{
    float: left;
    margin-left: 10px;
}

#img2{
    float: right;
}

.contenedor{
	align-content: center;
	justify-content: center;
	display: grid;
	width: 200vh;
}

.nav-boton{
	border: 3px solid rgba(100,100,100,100,0,1);
	margin-bottom: 20px;
	padding: 20px;
	width: 300px;
	font-family: 'Times New Roman', Times, serif;
	font-size: 20px;
	border-radius: 8px;
	cursor: pointer;
	color: whitesmoke;
	background-size: 300%;
}

.nav-boton{
	background-image: linear-gradient(to left, blue, aquamarine, blue);
}

@media only screen and (max-width: 600px) {

	h1{
        font-size: 1.5em;
        line-height: 1.3em;
        text-align: center;
    }


    .mision {
        font-family: 'Times New Roman', Times, serif;
        font-size: 1rem;
        line-height: 2em;
        text-align: center;
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
        }
    
    
    .vision {
        font-family: 'Times New Roman', Times, serif;
        font-size: 1rem;
        line-height: 2em;
        text-align: center;
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        }

        .container {
            font-family: 'Times New Roman', Times, serif;
            font-size: 1rem;
            line-height: 2em;
            text-align: center;
            width: 90%;
            max-width: 900px;
            margin: 0 auto;
            }

    #img1 {
        width: 100%;
        height: auto;
    }

    #img2 {
        width: 100%;
        height: auto;
    }

	#ima3 {
        width: 100%;
        height: auto;
    }

	
	#ima4 {
        width: 100%;
        height: auto;
    }

}