@font-face {
    font-family: 'VinciSansMedium';
    src: url('../fonts/VinciSans-Medium.eot');
    src: url('../fonts/VinciSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/VinciSans-Medium.woff2') format('woff2'),
        url('../fonts/VinciSans-Medium.woff') format('woff'),
        url('../fonts/VinciSans-Medium.ttf') format('truetype'),
        url('../fonts/VinciSans-Medium.svg#VinciSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'VinciSans';
    src: url('../fonts/VinciSans.eot');
    src: url('../fonts/VinciSans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/VinciSans.woff2') format('woff2'),
        url('../fonts/VinciSans.woff') format('woff'),
        url('../fonts/VinciSans.ttf') format('truetype'),
        url('../fonts/VinciSans.svg#VinciSans') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1{
    font-family: 'VinciSansMedium';
    font-size: calc(1.1vw + 1.1vh);
    font-weight: 100;
}

span{
    font-family: 'VinciSans';
}

.title{
    font-family: 'VinciSansMedium';
    font-size: calc(.7vw + .7vh);
}

.details{
    font-size: calc(.6vw + .6vh);
}