@font-face {
    font-family: "Zapfino Extra LT One";
    src: url("https://db.onlinewebfonts.com/t/364d63e1b223eac9c5125f5df3f24cc9.eot");
    src: url("https://db.onlinewebfonts.com/t/364d63e1b223eac9c5125f5df3f24cc9.eot?#iefix") format("embedded-opentype"),
         url("https://db.onlinewebfonts.com/t/364d63e1b223eac9c5125f5df3f24cc9.woff2") format("woff2"),
         url("https://db.onlinewebfonts.com/t/364d63e1b223eac9c5125f5df3f24cc9.woff") format("woff"),
         url("https://db.onlinewebfonts.com/t/364d63e1b223eac9c5125f5df3f24cc9.ttf") format("truetype"),
         url("https://db.onlinewebfonts.com/t/364d63e1b223eac9c5125f5df3f24cc9.svg#Zapfino Extra LT One") format("svg");
}
.zapfino {
    font-family: "Zapfino Extra LT One", sans-serif;
    font-size: 2.5em;
}
.futura {@font-face {font-family: 'Futura'; src: url('fonts/Futura.woff') format('woff');}font-family: 'Futura', sans-serif;}

html {
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
    padding: 0;
    color: white;
    background: url('img/img-hero.jpg') no-repeat center center fixed;
    background-size: cover;
    overflow-x: hidden; /* Prevent horizontal scroll caused by the menu */
}
header {
    height: 40px;
    width: calc(100vw - 40px);
    padding: 20px;
    display: flex;
    justify-content: space-between;
}
header img {
    transition: transform 0.3s ease-out;
}
header img:hover {
    cursor: pointer;
    transform: scale(1.1);
    transition: transform 0.3s ease-out;
}
main {
    height: calc(100vh - 80px);
    display: flex;
    justify-content: center;
    align-items: center;
} 
.div-main-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    text-align: center;
}
@media (max-width: 850px) {
    header img{
        height: 25px;
    }
}