@font-face {
    font-family: 'Modelica Bold';
    src: url('/fonts/modelica/extra-bold/BwModelica-ExtraBold.eot');
    src: url('/fonts/modelica/extra-bold/BwModelica-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/modelica/extra-bold/BwModelica-ExtraBold.woff2') format('woff2'),
        url('/fonts/modelica/extra-bold/BwModelica-ExtraBold.woff') format('woff'),
        url('/fonts/modelica/extra-bold/BwModelica-ExtraBold.ttf') format('truetype'),
        url('/fonts/modelica/extra-bold/BwModelica-ExtraBold.svg#BwModelica-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}

h1 {
    font-family: 'Modelica Bold';
    color: #2d2a26;
}

p {
    font-family: 'Modelica Bold';
    color: #2d2a26;
}

p a {
    text-decoration: none;
    color: inherit;
}

.main {
    position: absolute;
    margin: auto;
    width: 50%;
    left: 32%;
    top: 25%;
}

.left img {
    width: 250px;
    float: left;
}

.right {
    position: relative;
    margin: 148px 0 0 0;
}

@media only screen and (max-width: 767px) {
    .main {
        top: 10%;
        left: 20%;
    }

    .right {
        top: 70px;
        left: 30px;
    }
}