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

.hidden{
    display: none;
}

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

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

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

.border-edu {
    border-color: #71C500!important;
}

.btn-edu {
    color: #fff;
    background-color: #71C500;
    border-color: #71C500;
}

.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%);}
.in:hover{filter: invert(26%) sepia(96%) saturate(1334%) hue-rotate(176deg) brightness(98%) contrast(103%);}
.yt:hover{filter: invert(31%) sepia(100%) saturate(6954%) hue-rotate(356deg) brightness(99%) contrast(125%);}
.insta:hover{filter: invert(9%) sepia(99%) saturate(4603%) hue-rotate(322deg) brightness(118%) contrast(107%);}

.gif-div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: invert(49%) sepia(5%) saturate(699%) hue-rotate(167deg) brightness(90%) contrast(90%);
}

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

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

#manual-window{
    position:fixed;
    background-color:rgba(255,255,255,0.65);
    z-index:3000;
    height:100%;
    width:100%;
    top:0;
    bottom:0;
    left:0;
    right:0;
    padding:10em;
}