@font-face {
    font-family: poppins;
    src: url('../fonts/Poppins-Regular.ttf');
}
@font-face {
    font-family: poppins-bold;
    src: url('../fonts/Poppins-ExtraBold.ttf');
}
@font-face {
    font-family: poppins-light;
    src: url('../fonts/Poppins-ExtraLight.ttf');
}
@font-face {
    font-family: mont-heavydemo;
    src: url('../fonts/Mont-HeavyDEMO.otf');
}
@font-face {
    font-family: mont-lightdemo;
    src: url('../fonts/Mont-ExtraLightDEMO.otf');
}
@font-face {
    font-family: westcoast;
    src: url('../fonts/Westcoast.ttf');
}

body{
    width:100vw; 
    min-height:100vh; 
    margin:0;
}

#body{
    width:100vw; 
    height:100vh; 
    margin:0;
    background:url('../images/background.png') no-repeat; 
    background-position:center; 
    background-size:cover; 
}

.circle{
    width:100vw;
    text-align:center;
    position:absolute;
    top:35px;
}

.logo{
    left:35px;
    position:absolute;
    top:35px;
}

.navmenu{
    right:35px;
    position:absolute;
    top:35px;
}

.navmenu .nav .nav-item .nav-link{
    color:#3c3a3a;
    font-family:poppins;
    font-size:15px;
    font-weight:bold;
    border-radius:50px;
}

.nav-link.active{
    background:#f15b30 !important;
    color:#fff !important;
}

.dropdown-menu{
    left:-35px !important;
}

.dropdown-item.active, .dropdown-item:active{
    background-color:#f15b30 !important;
}

.tab-content{
    padding:0 35px !important;
}

@media only screen and (max-width: 600px) {
    .navmenu{
        display:none;
    }
    .circle{
        display:none;
    }
    .mobile-menu{
        display:block;
    }
}

@media screen and (min-width: 601px) {
    .navmenu{
        display:block;
    }
    .circle{
        display:block;
    }
    .mobile-menu{
        display:none;
    }
}