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

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

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

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

html {
    height: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
}
body {
    font-family: 'RobotoRegular', sans-serif;
    background-color: #ffffff;
    color: #595959;
    position: relative;
    min-height: 100%;
}

main {
    /*padding-bottom: 400px;*/
}

.container {
    max-width: 1000px;
    margin: 0 auto;
}

h1 {
    font-size: 19px !important;
}
p {
    font-size: 14px !important;
}
h2 {
    font-size: 16px !important;
}

.not-active {
    pointer-events: none;
    cursor: default;
}

.hide {
    display: none;
}

@media only screen and (max-width: 1000px) {
    main {
        padding-bottom: 0;
    }
    .container {
        padding: 20px;
    }
    h1 {
        font-size: 40px !important;
    }
    p {
        font-size: 22px !important;
    }
    h2 {
        font-size: 40px !important;
    }
    .texto {
        margin-top: 30px;
        font-size: 30px !important;
    }
}