@font-face {
    font-family: 'HelveticaNeueLTStd-Bd';
    src: url('../fonts/HelveticaNeueLTStd-Bd.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue-Light';
    src: url('../fonts/helveticaneue-light.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeue-Medium';
    src: url('../fonts/Helvetica-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}


html {
    font-size: 100px;
}

body {
    font-family: sans-serif;
}

.container {
    width: 100%;
    padding: 0;
    margin: 0;

}

.container-fluid {
    width: 100%;
    padding: 0;
    margin: 0;

}

.contentCenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

.contentCenterColumn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.contentRight {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.contentLeft {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.head-height {
    height: 0.72rem;
}

.width-100 {
    width: 100%;
    height: auto;
}

.height-100 {
    height: 100%;
}

.no-padd {
    padding: 0;
    margin: 0;
}
.padding-left{
    padding-left: 3px;
}

@media (min-width: 360px)  and  (max-width: 767px) {
    html {
        font-size: 55px;
    }
}

@media (min-width: 768px)  and  (max-width: 1023px) {
    html {
        font-size: 55px;
    }
}

@media (min-width: 1024px) and  (max-width: 1365px) {

    html {
        font-size: 53px;
    }
}

@media (min-width: 1366px) and  (max-width: 1439px) {
    html {
        font-size: 73.4px;
    }

}

@media (min-width: 1440px) and  (max-width: 1919px) {
    html {
        font-size: 75px;
    }

}

@media (min-width: 1920px) {
    html {
        font-size: 100px;
    }

}