@font-face {
    font-family: 'TECSans-Regular';
    src: url('../font/TECSans-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TECSans-bold';
    src: url('../font/TECSans-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

body,
html {
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
overflow-x: hidden;
}

.container {
    padding: 0 75px;
    background-color: #fff;
    font-family: 'TECSans-Regular', Arial, Helvetica, sans-serif;
}

.wrapper {
    flex: 1;
}

/* text-styling */

.text-TEC {
    font-family: 'TECSans-Regular', Arial, Helvetica, sans-serif;
}

.text-TEC-bold {
    font-family: 'TECSans-Bold', Arial, Helvetica, sans-serif;
}

.text-title {
    font-family: 'TECSans-Regular', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 2.5em;
    line-height: 1.2;
    padding-bottom: 5px;
}

.text-title-bold {
    font-family: 'TECSans-Bold', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 2.5em;
    line-height: 1.2;
    padding-bottom: 5px;
}

.text-header {
    font-weight: normal;
    font-size: 2.33em;
    line-height: 1.2;
    padding-bottom: 5px;
}

.text-header2 {
    font-weight: normal;
    font-size: 2em;
    line-height: 1.2;
    padding-bottom: 5px;
}

.text-header3 {
    font-family: 'TECSans-Regular', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.7em;
    line-height: 1.2;
    padding-bottom: 5px;
}

.text-header3-bold {
    font-family: 'TECSans-Bold', Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-size: 1.7em;
    line-height: 1.2;
    padding-bottom: 5px;
    letter-spacing: 0.7px;
}


.text-header4 {
    font-weight: normal;
    font-size: 1.33em;
    line-height: 1.2;
    padding-bottom: 5px;
}

.text-normal {
    /* font-family: Verdana, Geneva, Sans-Serif; */
    font-weight: normal;
    font-size: 1em;
    letter-spacing: 0.7px;
}

.text-small {
    font-weight: normal;
    font-size: 0.875em;
}

.text-quote {
    text-align: center;
    font-style: italic;
    font-size: 1em;
}

/* text-styling END*/

/* Links behaviour */
a:link {
    color: black;
    background-color: transparent;
    text-decoration: none;
}

a:hover {
    color: darkgray;
    background-color: transparent;
}

a:active {
    color: darkgray;
    background-color: transparent;
    text-decoration: none;
}

a:visited {
    color: #9639ff;
    background-color: transparent;
    text-decoration: none;
}

/* Links behaviour END*/