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

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

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

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

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

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

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


body {
    overflow: hidden;
    font-family: "emtepe", "muli", Tahoma, Arial;
}

.main {
    margin: auto;
}

.bgImg {
    display: block;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}

.text {
    color: white;
    font-weight: bold;
    margin-right: 4vw;
}

.text.textH {
    margin-top: 40vh;
    margin-left: 55vw;
}

.text.textV {
    margin-top: 25vh;
    margin-left: 5vw;
}