#header-div
{
    margin-top:-30px;
    margin-bottom:30px;
}
#sort-button, #sort-button:focus
{
    float:right;
    color: #e0e0e0;
    border-color: #e0e0e0;
    background-color: #ffffff;
    outline:none;
}
#sort-button:hover
{
    color: initial;
    border-color: initial;
}

a:hover h3
{
    color:black;
    font-weight:bold;
    

}
a:hover h4
{
    color:black;
    /*font-family:Georgia;*/
}
a h3
{
       font-family:Arial;

    /*font-family:'Myriad Pro';*/
}

a:hover > div 
{
   background-color:#F0F0F0;
   padding-top:15px;
   padding-bottom: 15px;
}
a > div 
{
   border-radius: 11px;
   padding-top:15px;
   padding-bottom: 15px;
}
a:hover p
{
    
   color:black;
}

a p
{
   font-family:Arial;
}

a:hover .favorite-star
{
    display:initial;
}


a:hover .tool-description.sort-favorite
{
    padding-right: 0px;
}

a .favorite-star
{
    display:none;
    float:right;
    font-size:17px;
    margin-right:-2px;
}

@media (max-width:719px)
{
    body
    {
        padding-top:80px;
    }
    a h3
    {
        font-size: 18px;
    }
    a p
    {
        font-size:12px;
    }
    .tool-info-div
    {
        padding-left:0px;
    }
    hr
    {
        margin:10px 0px;
    }
}

@media (max-width:539px)
{
    a h4
    {
        /*height:38px;*/
        /*position: relative !important;*/
        /*top: 50%;*/
        /*transform: translateY(0%);*/
    }
}

.inDev {
}

.inDev > div{
    opacity: .4;
    cursor:not-allowed;
    padding-top:10px;
    padding-bottom:10px;

}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 10px;
}

.tool-description {
           font-size:14px;
           height:100%;
           vertical-align:text-top;
}