@font-face {
    font-family: 'myriadpro-regular';
    src: url("../fonts/myriadpro-regular.otf");
}

html {
    font-size: 62.5%;
}

body {
    overflow-x: hidden;
}

.font-myriadpro-regular {
    font-family: 'myriadpro-regular';
}

.color-black {
    color: #000;
}

hr {
    border-top: .5rem solid #000;
    width: 12rem;
}

.header {
    height: 100vh;
    width: 100%;
    background-image: url(../img/capa.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.content {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.content .box:not(:last-child) {
    margin-bottom: 8rem;
}

.content h2 {
    font-size: 2.5rem;
    margin-top: 1.5rem;
}

.content .fab {
    font-size: 3rem;
}

.content p {
    font-size: 1.8rem;
    margin-top: 2rem;
    max-width: 44rem;
    margin-left: auto;
    margin-right: auto;
}

.footer {
    background-color: #36868D;
}

.footer img {
    max-width: 13rem;
}