@font-face {
    font-family: "default";
    src: url("../fonts/FontAwesome.otf");
}

body {
    margin: 0px;
    padding: 0px;
    background: white;
    font-family: "default", "Verdana";
}

header {
    padding-top: 60px;
    background-image: url("../img/header-bg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 65px;
    position: relative;
    height: 130px;
}

header::after {
    position: absolute;
    content: "";
    bottom: -10px;
    left: 0px;
    height: 100px;
    width: 100%;
    background-image: url("../img/header-shape.png");
    background-repeat: repeat-x;
}

header img {
    width: 90%;
    max-width: 350px;
    height: auto;
    display: block;
    margin: auto;
}

footer {
    margin-top: 60px;
    padding-top: 60px;
    background-image: url("../img/footer-bg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 65px;
    position: relative;
    text-align: center;
}

.footer-copyright {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

footer::before {
    position: absolute;
    content: "";
    top: -10px;
    left: 0px;
    height: 100px;
    width: 100%;
    background-image: url("../img/footer-shape.png");
    background-repeat: repeat-x;
}

.link {
    text-align: center;
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
}

.section {
    max-width: 1024px;
    width: 90%;
    margin: auto;
}

.section h1 {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.6em;
    color: #b80000;
}

.img-responsive {
    max-width: 300px;
    width: 90%;
}

.text-center {
    text-align: center;
}

.text-exp {
    max-width: 540px;
    margin: auto;
    width: 90%;
    font-size: 1.2em;
    line-height: 1.6em;
}