estilo.css

/**
 * Versión 1.0.0
 */
@charset "utf-8";

/**
 * Fonts
 */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

/**
 * Mobile
 */

/** General */
html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

* {
    margin: 0;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

/** Body */
body {
    background-color: #134F5C;
    color: #D0E0E3;
}

/** Header */
header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2em;
}

/* modificaciones */

.resaltado{
    color: red;
}

#info{
    background-color: #D0E0E3;
    color: #134F5C;
    display: flex;
    width: 100%;
    text-align: center;
    padding: 20px;
    flex-direction: column;
}



/** Encabezados */
h1,
h2 {
    font-family: 'Montserrat';
    font-size: 3.6em;
    line-height: 1.5;
    font-weight: 700;
    text-align: center;
}

h2 {
    font-size: 3em;
    color: #134F5C;
}

/** Main */
main {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 4em 2em;
    background-color: #FFF;
}

main p {
    font-size: 2.4em;
    line-height: 1.5;
    text-align: left;
    color: #134F5C;
}

main p strong, 
main p em {
    font-size: 1em;
}

main p strong {
    font-weight: 700;
}

main p em {
    font-style: italic;
}

main ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-items: flex-start;
    width: 100%;
}

main ul li {
    margin-left: 2em;
    font-size: 2.4em;
    line-height: 1.5;
    text-align: left;
    color: #1A4A5E;
}

main ul li strong,
main ul li em {
    font-size: 1em;
}

main ul li strong {
    font-weight: 700;
}

main ul li em {
    font-style: italic;
}

main button {
    margin: .5em 0;
    border: none;
    border-radius: .5em;
    padding: .25em .5em;
    background: #134F5C;
    cursor: pointer;
    font-size: 2.4em;
    line-height: 1.5;
    text-align: center;
    color: #D0E0E3;
}

main div.galeria {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin: 1em 0;
    width: 100%;
    padding: 1em;
    background: rgba(19,79,92,.5);
}

main div.galeria > img {
    max-width: 90%;
    margin: 1em 5%;
}

main div.galeria > span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5em;
    height: 5em;
}

main div.galeria div {
    display: flex;
    flex-direction: column;
    align-self: center;
    width: 90%;
    padding: 1em;
}

main div.galeria div img {
    width: 100%;
}

main div.galeria div h3 {
    padding: .5em;
    font-size: 3.2em;
    text-align: center;
    color: #134F5C;
}

main div.galeria div p {
    padding: 1em;
    font-size: 1.6em;
    text-align: center;
}

main hr {
    margin: 1em 0%;
    width: 100%;
    height: .1em;
}

/** Footer */
footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 2em;
    
}

footer ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    list-style: none;
}

footer ul li {
    font-family: 'Montserrat';
    font-size: 1.4em;
    line-height: 1.5;
    text-align: center;
}

footer ul li a {
    font-family: 'Montserrat';
    font-size: 1em;
    text-decoration: none;
    color: #D0E0E3;
}

footer ul li a:hover {
    color: #a2c4c9;
}

/** Overs */
main button:hover {
    opacity: .8;
}

/**
 * Web
 */
@media screen and (min-width: 960px) {

    /** Main */
    main div.galeria {
        flex-direction: row;
    }

    main div.galeria > img {
        max-width: 24%;
        margin: 1em .5%;
    }

    main div.galeria div {
        align-self: flex-start;
        width: 30%;
    }

    /** Footer */
    footer ul {
        flex-direction: row;
    }

}