@media only screen and (max-width: 600px) 
{
/* For mobile phones: */
    header 
    {
        min-height: 121px;
        overflow: hidden;
    }
    footer 
    {
        min-height: auto;
    }
    .envelop
    {
        content: "\a";
    }
}
header 
{
    height: 100px;
    width: 100%;
    border: 1px solid black;
    text-align: center;
    color: white;
    background-color: #003560;
}
footer
{
    border-bottom: 5px solid #af7b00 !important;
    margin-top: 30px;
    height:auto;width: 100%;
    border: 1px solid black;
    text-align: center;
    color: white;
    background-color: #003560;
}
footer h4
{
    color: white;
}
h4
{
    color:#af7b00 ;
}
footer a
{
    color: white;
}
.back-to-top 
{
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}
section 
{
    margin-top: 10px;
    width: 100%;
    height: 100%;
}
#imglogo 
{
    height: 100px;
    width: 100px;
    float: left;
}
a 
{
    text-decoration: none;
    font-size: 1em;
    text-align: center;
}
a:hover 
{
    text-decoration: none;
    color:  #af7b00;
}
/*img 
{
    height: 130px;
    width: 80px;
}*/
.card 
{
    text-align: center;
    /* box-shadow: 1px 3px 3px 0px black; */
}
.card-body 
{
    background-color: ghostwhite;
}
/* #divcontainer
{
    
    overflow:scroll;
} */
#tblsupportcon
{
    text-align: left;
}
thead
{
    background-color:#003560; 
    color: white;
    text-align: center;
}
#counter
{
    height: 30px;
    margin-bottom: 5px;
}
.scrollToTop
{
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgba(0, 0, 0, 0.3);
}