@-ms-viewport { 
    width:device-width; 
}
@media only screen and (min-device-width:800px) { 
    html { 
        overflow:hidden; 
    } 
}

.hidden{
    display: none!important;
}

.line-height-normal{
    line-height: normal;
}

.blur{
    filter: blur(1em);
}

.bg-transparecy{
   background: rgba(255, 255, 255, 0.85);
   background: rgb(238, 238, 238, .9);
}

.border-dge {
    border-color: #83A840!important;
}

.btn-dge {
    color: #fff;
    background-color: #83A840;
    border-color: #83A840;
}

.btn-outline-dge {
    color: #83A840;
    border-color: #83A840;
}

.btn-dge:hover, .btn-dge:active, .btn-outline-dge:hover, .btn-outline-dge:active {
    background-color: #730909!important;
    border-color: #730909!important;
}

.btn-outline-dge:hover img, .btn-outline-dge:active img{
    filter: brightness(1000%);
}

.form-control, .form-control:focus{
    background-color: #fff0;
    border: 0 solid #ced4da00;
    border-radius: 0;
}

.small{
    width: auto;
    height: 1.25rem;
}

.font-size-little{
    font-size: 3vw;
}

.fb:hover{filter:invert(37%) sepia(78%) saturate(2944%) hue-rotate(201deg) brightness(96%) contrast(97%);}
.tw:hover{filter: invert(48%) sepia(99%) saturate(2049%) hue-rotate(160deg) brightness(93%) contrast(101%);}

.gif-div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gif-image{
    width: 6rem;
    height: 6rem;
    margin: auto;
}

#btn-category{
    padding-left: 3%;
    padding-right: 3%;
}
#btn-category img{
    height:2em;
    float:right;
}

.main{
    position:fixed;
    background-color:rgba(255,255,255,0.65);
    z-index:3000;
    width:100%;
    height: 100%;
    top: 0;
    padding: 23vh 5em;
}

.category-panel{
    background-color:rgba(255,255,255,0.8);
    padding: 1em 0;
}

.title{
    text-transform: uppercase;
    margin: 10px;
    height: 2em;
}

.title a{
    text-decoration:none;
    color:#83A840;
}

.title a:hover{
    color:#730909;
}

.title img{
    width: 1vw;
}

.category{
    margin: .5em;
    width: calc(25% - 1.5em);
    border-radius: 5px;
    border: .25em solid #dedede;
    float: left;
}

.imgm{
text-align:center;
margin-bottom:1em;
}

.imgm img{
height:8vw;
}

.close{
    font-size: 2.5rem;
    margin-top: -1em;
}