html{
    font-size: 15px;
}



a{
    color: #006292;
}
a:hover,
a:visited
a:active{
    color: #006292;

}



.btn-primary {
    color: #fff;
    background-color: rgb(161, 68, 177) ;
    border-color: #007bff;
    border: none;
}

.btn-primary:hover {
    background-color:rgb(175, 96, 189) !important;
}

body {
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: 'PublicSans-Regular';
}

.bg-gray{
    background: #f2f2f2;
}

.bg-blue{
    background: #006495;
}


.mw{
    width: 4rem;
    max-width: 4rem;
}
.mh{
    height: 4rem;
    max-height: 4rem;
}

.hf{
    font-size:2rem;
}

h1{
    font-size: 1.5rem;
    font-family: 'PublicSans-Bold';
    border: 1px solid #e0e0e0;
    position: relative;
}

.color-switch span{
    color:  #006495;
}
.fad{
    --fa-primary-color: red;
    --fa-secondary-color: gold;
}

.logo{
    font-family: 'PublicSans-Bold';
    line-height: 4rem;
    font-size: 1.5rem;
}





@font-face {
    font-family: 'PublicSans-Regular';
    src:  url('../webfonts/PublicSans-Regular.woff2') format('woff2'),
    url('../webfonts/PublicSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PublicSans-Bold';
    src:  url('../webfonts/PublicSans-Bold.woff2') format('woff2'),
    url('../webfonts/PublicSans-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.box{
    width:2.5rem;
    height:2.5rem;
    background: white;
    position: absolute;
    top:0;
    right:0;
    font-size:2rem;
}
.box .fad{
    transform: rotate(45deg);
    margin: auto;
}



@media (max-width: 575.98px) {
    .mw,.mh{
        padding:0;
    }
    .mwm{
        max-width:0rem;
    }

    .half-width-mobile{
        max-width: 50%;
    }
.typeform-widget{
    margin:0 5% 0 5%;
    max-width: 90%;
}
    .nplm{
        padding-left:0 !important;
    }

    html{
        font-size: 10px;
    }
}

@keyframes example {
0%   {font-size: 1px;opacity: 0}
100% {font-size: 2rem;opacity: 1}
}


.fad::after {
    animation-name: example;
    animation-duration: 500ms;
}
.fad::before {
    animation-name: example;
    animation-duration: 500ms;
}