:root {
    --main-bg-color: #8f8fff;
    --main-text-color: #000000;
}

@font-face {
    font-family: Norwester;
    src: url(../fonts/norwester.otf);
}

@font-face {
    font-family: RobotoCon;
    src: url(../fonts/RobotoCondensed-Regular.ttf);
}

p {
    font-family: RobotoCon !important;
}

.font-brand {
    font-family: Norwester !important;
    text-transform: uppercase;
}

.title {
    font-family: Norwester !important;
    text-transform: uppercase;
    font-size: 60px;
}

.text-font {
    font-family: RobotoCon !important;
}

.card-title {
    font-family: Norwester !important;
    text-transform: uppercase;
    font-size: 30px;
}

.text-truncate-1 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-truncate-2 {
    -webkit-line-clamp:2;
}

.logo-size {
    max-width: 110px !important;
}

.bg-image {
    background-image: url('https://mdbootstrap.com/img/new/standard/city/041.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 80vh;
}

.bg-sec {
    background-color: #dbdbdb;
}