@font-face{
    font-family: FontHeadings;
    src: url(../libs/font/Gilroy-Regular.ttf);
}


@font-face{
    
    font-family: FontGeneral;
    src: url(../libs/font/Teko-VariableFont_wght.ttf);
        
}

h2{
    
    font-family: FontHeadings;
    color: Black;
   
    
}

h4{
    
    font-family: FontHeadings;
    color: black;
    
}

h5{
    font-family: FontGeneral;
}

.headings{
    
    font-family: FontGeneral;
}

.headfont{

    font-family: FontHeadings;
}

.backgroundImage{
    
    background-color: white;
}

.wykedbtn{
    
    background-color: #fe0000;
    
}

.logindiv{
    background-color: white;
    border: solid;
    border-color: #fe0000;
    border-radius: 20px;
    border-width: 2px;
    -moz-box-shadow: 0 0 8px #8d8686;
    -webkit-box-shadow: 0 0 8px #8d8686;
    box-shadow: 0 0 8px #8d8686;
    margin-top: 5%;
    
}

#loginPanel{

    margin-top: 15%;
    background-color: white;
    border: solid;
    border-color: #fe0000;
    border-radius: 20px;
    border-width: 2px;
    -moz-box-shadow: 0 0 8px #8d8686;
    -webkit-box-shadow: 0 0 8px #8d8686;
    box-shadow: 0 0 8px #8d8686;
}

.loginImg{
    
    height: 110px;
    width: 360px;
    background-image: url(../images/Logo.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    
}

@media (max-width:520px) and (min-width:200px)  {
    .pageTitles{
    
        display: none;
        
    
    }

    #userNametxt{
        display: none;
    }
    
    
}

@media (max-width:790px) and (min-width:200px)  {
    #loginPanel{

        margin-top: 25%;
    }

    #userNametxt{
        display: none;
    }
    
    
}