@font-face {
    font-family: Pretendard;
    font-weight: 100;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.eot);
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.eot?#iefix) format('embedded-opentype'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.woff2) format('woff2'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.woff) format('woff'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Pretendard;
    font-weight: 200;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.eot);
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.eot?#iefix) format('embedded-opentype'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.woff2) format('woff2'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.woff) format('woff'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Pretendard;
    font-weight: 300;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.eot);
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.eot?#iefix) format('embedded-opentype'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.woff2) format('woff2'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.woff) format('woff'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Pretendard;
    font-weight: 400;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.eot);
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.eot?#iefix) format('embedded-opentype'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.woff2) format('woff2'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.woff) format('woff'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Pretendard;
    font-weight: 500;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.eot);
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.eot?#iefix) format('embedded-opentype'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.woff2) format('woff2'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.woff) format('woff'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Pretendard;
    font-weight: 600;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.eot);
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.eot?#iefix) format('embedded-opentype'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.woff2) format('woff2'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.woff) format('woff'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Pretendard;
    font-weight: 700;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.eot);
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.eot?#iefix) format('embedded-opentype'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.woff2) format('woff2'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.woff) format('woff'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Pretendard;
    font-weight: 800;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.eot);
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.eot?#iefix) format('embedded-opentype'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.woff2) format('woff2'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.woff) format('woff'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Pretendard;
    font-weight: 900;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.eot);
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.eot?#iefix) format('embedded-opentype'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.woff2) format('woff2'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.woff) format('woff'), url(https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.ttf) format("truetype");
    font-display: swap
}

body {
    color: #191919;
    font-family: Pretendard;
    font-weight: 400;
    font-size: .9375rem;
    margin: 0;
    padding: 0
}

html {
    font-size: 80%
}

.ts-h1,
h1 {
    font-weight: 500;
    font-size: 2rem
}

.ts-h2,
h2 {
    font-weight: 500;
    font-size: 1.5rem
}

.ts-h3,
h3 {
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: 1.5625rem
}

.ts-h4,
h4 {
    font-weight: 500;
    margin-bottom: 1.875rem
}

.ts-h5,
h5 {
    font-size: 1rem;
    font-weight: 600
}

.ts-h6,
h6 {
    font-size: .9375rem
}

[data-animate] {
    opacity: 0;
    animation-fill-mode: forwards;
    animation-duration: .6s;
    animation-timing-function: ease
}

@keyframes ts-fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 1.25rem, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.ts-fadeInUp {
    animation-name: ts-fadeInUp
}





@keyframes ts-fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -1.25rem, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes ts-fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-1.25rem, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.ts-fadeInLeft {
    animation-name: ts-fadeInLeft
}

@keyframes ts-fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(1.25rem, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes ts-zoomIn {
    from {
        opacity: 0;
        transform: scale(.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes ts-zoomOutIn {
    from {
        opacity: 0;
        transform: scale(1.1)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.ts-zoomOutIn {
    animation-name: ts-zoomOutIn
}

@keyframes ts-zoomInShort {
    from {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.ts-border-radius__sm {
    border-radius: .125rem;
    overflow: hidden
}

.ts-border-radius__md {
    border-radius: .25rem;
    overflow: hidden
}

.ts-border-radius__lg {
    border-radius: .5rem;
    overflow: hidden
}

.ts-border-none {
    border: none
}

.ts-border-bottom {
    border-bottom: .0625rem solid rgba(0, 0, 0, .1)
}

.ts-font-color__white {
    color: #fff
}

.ts-font-color__primary {
    color: #3a79f9
}

[data-bg-image] {
    background-size: cover;
    background-position: 50%
}

.ts-background {
    bottom: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: -2
}

.ts-background .ts-background {
    height: 100%;
    width: 100%
}

.ts-background-repeat {
    background-repeat: repeat;
    background-size: inherit
}

.ts-background-repeat .ts-background-image {
    background-repeat: repeat;
    background-size: inherit
}

.ts-background-image,
.ts-img-into-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.ts-background-image img,
.ts-img-into-bg img {
    display: none
}

.ts-background-repeat-x {
    background-repeat: repeat-x
}

.ts-background-repeat-y {
    background-repeat: repeat-y
}

.ts-background-repeat-repeat {
    background-repeat: repeat;
    background-size: inherit
}

.ts-background-position-top {
    background-position: top
}

.ts-background-position-center {
    background-position: center
}

.ts-background-position-bottom {
    background-position: bottom
}

.ts-background-position-left {
    background-position-x: left !important
}

.ts-background-is-dark {
    color: #fff
}

.ts-background-is-dark .ts-btn-border-muted {
    border-color: rgba(255, 255, 255, .1)
}

.ts-video-bg {
    height: 100%
}

.ts-video-bg .fluid-width-video-wrapper {
    height: 100%
}

.ts-height__50px {
    height: 3.125rem
}

.ts-height__100px {
    height: 6.25rem
}

.ts-height__150px {
    height: 9.375rem
}

.ts-height__200px {
    height: 12.5rem
}

.ts-height__250px {
    height: 15.625rem
}

.ts-height__300px {
    height: 18.75rem
}

.ts-height__350px {
    height: 21.875rem
}

.ts-height__400px {
    height: 25rem
}

.ts-height__450px {
    height: 28.125rem
}

.ts-height__500px {
    height: 31.25rem
}

.ts-height__600px {
    height: 37.5rem
}

.ts-height__700px {
    height: 43.75rem
}

.ts-height__800px {
    height: 50rem
}

.ts-height__900px {
    height: 56.25rem
}

.ts-height__1000px {
    height: 62.5rem
}

.ts-mt__0 {
    margin-top: 0 !important
}

.ts-mr__0 {
    margin-right: 0 !important
}

.ts-mb__0 {
    margin-bottom: 0 !important
}

.ts-ml__0 {
    margin-left: 0 !important
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.ts-opacity__5 {
    opacity: .05
}

.ts-opacity__10 {
    opacity: .1
}

.ts-opacity__20 {
    opacity: .2
}

.ts-opacity__30 {
    opacity: .3
}

.ts-opacity__40 {
    opacity: .4
}

.ts-opacity__50 {
    opacity: .5
}

.ts-opacity__60 {
    opacity: .6
}

.ts-opacity__70 {
    opacity: .7
}

.ts-opacity__80 {
    opacity: .8
}

.ts-opacity__90 {
    opacity: .9
}

.ts-pt__0 {
    padding-top: 0 !important
}

.ts-pr__0 {
    padding-right: 0 !important
}

.ts-pb__0 {
    padding-bottom: 0 !important
}

.ts-pl__0 {
    padding-left: 0 !important
}

.ts-top__0 {
    top: 0
}

.ts-top__50 {
    top: 50%
}

.ts-top__100 {
    top: 100%
}

.ts-bottom__0 {
    bottom: 0
}

.ts-bottom__50 {
    bottom: 50%
}

.ts-bottom__100 {
    bottom: 100%
}

.ts-left__0 {
    left: 0
}

.ts-left__50 {
    left: 50%
}

.ts-left__100 {
    left: 100%
}

a {
    color: #3a79f9;
    transition: .3s ease
}

a:hover {
    color: #0754ed;
    text-decoration: none
}

p {
    line-height: 1.6875rem;
    margin-bottom: 1.875rem;
    color: rgba(0, 0, 0, .5)
}

.ts-font-weight__normal {
    font-weight: 400
}

.ts-font-weight__light {
    font-weight: lighter
}

.ts-font-weight__bold {
    font-weight: 700
}

.ts-text-small {
    font-size: .8125rem !important
}

.ts-title h5 {
    font-weight: 400;
    opacity: .5
}

.ts-element {
    position: relative
}

.ts-video-bg {
    height: 100%
}

.ts-video-bg .fluid-width-video-wrapper {
    height: 100%
}

.ts-video-bg iframe {
    border: 0;
    height: 100%;
    width: 100%
}

.ts-width__10px {
    width: .625rem
}

.ts-width__20px {
    width: 1.25rem
}

.ts-width__30px {
    width: 1.875rem
}

.ts-width__40px {
    width: 2.5rem
}

.ts-width__50px {
    width: 3.125rem
}

.ts-width__100px {
    width: 6.25rem
}

.ts-width__200px {
    width: 12.5rem
}

.ts-width__300px {
    width: 18.75rem
}

.ts-width__400px {
    width: 25rem
}

.ts-width__500px {
    width: 31.25rem
}

.ts-width__auto {
    width: auto !important
}

.ts-z-index__-1 {
    z-index: -1 !important
}

.ts-z-index__0 {
    z-index: 0 !important
}

.ts-z-index__1 {
    z-index: 1 !important
}

.ts-z-index__2 {
    z-index: 2 !important
}

.ts-z-index__1000 {
    z-index: 1000 !important
}

.ts-block {
    padding-bottom: 5rem;
    padding-top: 5rem;
    position: relative
}

section {
    position: relative
}

.ts-box {
    background-color: #fff;
    border-radius: .25rem;
    margin-bottom: 1.875rem;
    box-shadow: .125rem .1875rem .9375rem rgba(0, 0, 0, .15);
    padding: 1.5625rem
}

.btn {
    border-radius: 6.25rem;
    border-width: .125rem;
    box-shadow: .125rem .1875rem .9375rem rgba(0, 0, 0, .15);
    font-weight: 600;
    font-size: .9375rem;
    padding: .5rem 1.25rem;
    position: relative;
    outline: 0 !important
}

.btn span {
    transition: .3s ease
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    background-color: #3a79f9;
    border-color: #3a79f9;
    box-shadow: .125rem .1875rem .9375rem rgba(0, 0, 0, .3)
}

.btn-primary {
    background-color: #3a79f9;
    border-color: #3a79f9;
    color: #fff
}

.btn-primary:disabled {
    background-color: #0754ed;
    border-color: #0754ed
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    background-color: #0754ed;
    border-color: #064ad0;
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .2)
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #0754ed;
    border-color: #0754ed;
    box-shadow: 0 .1875rem .9375rem rgba(0, 0, 0, .2)
}

.btn-dark {
    background-color: #191919;
    border-color: #191919
}

.btn-outline-primary {
    border-color: #3a79f9;
    color: #3a79f9
}

.btn-outline-primary:hover {
    background-color: #3a79f9;
    border-color: #3a79f9
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
    background-color: #3a79f9;
    border-color: #3a79f9;
    box-shadow: 0 0 0 .2rem rgba(58, 121, 249, .5)
}

.btn-lg {
    padding: .75rem 1.5rem;
    font-size: 1.125rem
}

.btn-sm {
    font-size: .8125rem;
    padding: .375rem 1rem
}

.btn-xs {
    font-size: .75rem;
    font-weight: 600;
    padding: .125rem .6875rem;
    text-transform: uppercase
}

[class*=btn-outline-] {
    box-shadow: none
}

.ts-btn-border-muted {
    border-color: rgba(25, 25, 25, .1)
}

.ts-circle__xs {
    border-radius: 50%;
    display: inline-block;
    height: 3rem;
    flex: 0 0 3rem;
    overflow: hidden;
    text-align: center;
    line-height: 3rem;
    width: 3rem
}

.ts-circle__sm {
    border-radius: 50%;
    display: inline-block;
    height: 4.375rem;
    flex: 0 0 4.375rem;
    overflow: hidden;
    text-align: center;
    line-height: 4.375rem;
    width: 4.375rem
}

.ts-circle__md {
    border-radius: 50%;
    display: inline-block;
    height: 6.25rem;
    flex: 0 0 6.25rem;
    overflow: hidden;
    text-align: center;
    line-height: 6.25rem;
    width: 6.25rem
}

.ts-circle__lg {
    border-radius: 50%;
    display: inline-block;
    height: 8.125rem;
    flex: 0 0 8.125rem;
    overflow: hidden;
    text-align: center;
    line-height: 8.125rem;
    width: 8.125rem
}

.form-group {
    margin-bottom: 1.5625rem
}

.form-group label {
    font-size: .8125rem
}

.ts-gallery {
    position: relative
}

.ts-gallery .ts-gallery__image {
    background-color: #191919;
    color: #fff;
    display: block;
    height: 28rem;
    overflow: hidden
}

.ts-gallery .ts-gallery__image:hover .ts-img-into-bg {
    opacity: .3;
    transform: scale(1.1)
}

.ts-gallery .ts-gallery__caption {
    padding: 3rem;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 2
}

.ts-gallery .ts-img-into-bg {
    opacity: .6;
    transition: 1s cubic-bezier(.23, .05, .17, 1.02);
    transform: scale(1.03)
}

.ts-item {
    height: 100%;
    padding-bottom: 1.875rem
}

.ts-item-content {
    display: flex;
    flex-direction: column;
    height: 100%
}

.ts-item-header {
    margin-bottom: 1.5625rem;
    position: relative
}

.ts-item-header .icon {
    position: relative;
    display: inline-block
}

.ts-item-body {
    flex: 1 1 auto
}

.map {
    min-height: 12.5rem
}

.map a[href^="http://maps.google.com/maps"] {
    display: none !important
}

.map a[href^="https://maps.google.com/maps"] {
    display: none !important
}

#ts-hero {
    color: #fff;
    display: flex;
    position: relative;
    overflow: hidden
}

#ts-hero .ts-background-image {
    background-position: top center
}

.navbar {
    font-size: .875rem;
    font-weight: 500;
    padding-bottom: 2rem;
    padding-top: 2rem;
    transition: .3s ease
}

.navbar.in {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.navbar.in .ts-background {
    opacity: 1 !important
}

.navbar .ts-background {
    transition: 1s ease
}

[class*=navbar-expand] .navbar-nav .nav-link {
    padding-top: .3125rem;
    padding-bottom: .3125rem
}

.ts-page-wrapper {
    overflow: hidden
}

iframe div {
    border: none
}

.ts-promo-numbers h2 {
    font-weight: 400
}

.ts-promo-numbers h3 {
    font-weight: 400
}

.ts-promo-number {
    margin-top: 1rem;
    margin-bottom: 1rem;
    position: relative
}

.owl-carousel .owl-item {
    height: 100%
}

.owl-carousel .owl-nav {
    position: absolute;
    top: -1.25rem;
    bottom: 0;
    height: 0;
    margin: auto;
    width: 100%
}

.ts-svg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 0;
    z-index: -1;
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    margin: auto
}

#ts-footer .ts-box {
    margin-top: -3.125rem
}




@media (min-width:36rem) and (max-width:47.9375rem) {
    html {
        font-size: 85%
    }

    .ts-h1,
    h1 {
        font-size: 2rem
    }

    .ts-h2,
    h2 {
        font-size: 1.625rem
    }

    .ts-h3,
    h3 {
        font-size: 1.25rem
    }

    .ts-promo-numbers h2 {
        font-size: 2.375rem
    }
    
}

@media (min-width:48rem) and (max-width:61.9375rem) {
    html {
        font-size: 90%
    }

    .ts-h1,
    h1 {
        font-size: 2rem
    }

    .ts-h2,
    h2 {
        font-size: 1.875rem
    }

    .ts-h3,
    h3 {
        font-size: 1.375rem
    }

    .ts-promo-numbers h2 {
        font-size: 2.5rem
    }
    .navibtn{
        display: none;
    }

}

@media (min-width:62rem) and (max-width:74.9375rem) {
    html {
        font-size: 95%
    }

    .ts-h1,
    h1 {
        font-size: 2rem
    }

    .ts-h2,
    h2 {
        font-size: 2rem
    }

    .ts-h3,
    h3 {
        font-size: 1.375rem
    }

    .ts-block {
        padding-bottom: 6.25rem;
        padding-top: 6.25rem
    }

    .ts-promo-numbers h2 {
        font-size: 2.75rem
    }

    .naho {
        display: flex
    }
    .navibtn{
        display: none;
    }
    
}

@media (min-width:75rem) {
    html {
        font-size: 100%
    }

    .ts-h1,
    h1 {
        font-size: 3rem
    }

    .ts-h2,
    h2 {
        font-size: 2.25rem
    }

    .ts-h3,
    h3 {
        font-size: 1.625rem
    }

    .ts-block {
        padding-bottom: 8.125rem;
        padding-top: 8.125rem
    }

    .ts-promo-numbers h2 {
        font-size: 3rem
    }

    .naho {
        display: flex
    }
    .navibtn{
        display: none;
    }
}

@media (max-width:35.9375rem) {

    .ts-h1,
    h1 {
        margin-bottom: 1.25rem
    }

    [class*=ts-column-count-] {
        column-count: 1
    }

    .ts-xs-text-center {
        text-align: center !important
    }

    .ts-title {
        margin-bottom: 1.875rem
    }

    .ts-promo-numbers h2 {
        font-size: 2.25rem
    }

    .mobilenaho {
        padding-bottom: 10%
    }

    .mobiletext {
        font-weight: 800;
        opacity: 1
    }

    .navbar {
        font-size: 1.875rem
    }

    [class*=navbar-expand] .navbar-nav .nav-link {
        padding-top: 4rem
    }


}

@media (min-width:36rem) and (max-width:61.9375rem) {

    .ts-h1,
    h1 {
        margin-bottom: 1.875rem
    }

    .ts-title {
        margin-bottom: 3.125rem
    }

}

@media (min-width:62rem) {

    .ts-h1,
    h1 {
        margin-bottom: 2.5rem
    }

    .ts-title {
        margin-bottom: 5rem
    }

    .navbar.navbar-expand-lg .navbar-nav {
        align-items: center
    }

    .navbar.navbar-expand-lg .ts-background {
        opacity: 0
    }
    
}

@media (max-width:47.9375rem) {

    .ts-h4,
    h4 {
        font-size: 1.125rem
    }
    .navibtn2{
        display: none;
    }
}

@media (min-width:48rem) {

    .ts-h4,
    h4 {
        font-size: 1.25rem
    }

    .navbar.navbar-expand-md .navbar-nav {
        align-items: center
    }

    .navbar.navbar-expand-md .ts-background {
        opacity: 0
    }

}

@media (min-width:36rem) {
    .navbar.navbar-expand-sm .navbar-nav {
        align-items: center
    }

    .navbar.navbar-expand-sm .ts-background {
        opacity: 0
    }
    
}