a:hover{
    background-color: rgb(116, 116, 116) !important; 
}
a{
    color: white !important;
    font-family: 'Raleway', sans-serif;
    font-style: oblique;
    font-weight: 600;
}
body{
    background-color: #ffffff ;
    align-items: center;
    text-align: center;
}

.container{
    background-color: rgba(182, 182, 182, 0);
}

.style-color{
    background-color: rgb(253, 136, 58) !important;

}
.active-li{
    background-color:rgb(255, 156, 90) !important;
}

.active-logo{
    background-color:rgb(255, 102, 0) !important;
    font-size: xx-large;
    font-family: 'Raleway', sans-serif;
   
   
}
.marge {
    margin-top: 75px;
}
h2{
    margin-bottom: 30px;
    font-size: 32pt;
    text-align: center;
    font-family: 'Raleway', sans-serif;
}
img{
    width: 25vw;
}
.home{
    text-align: left;
}
h1{
    text-align: justify;
    margin-left: 30px;
    font-family: 'Raleway', sans-serif;

}
p{
    font-size: 16pt;
    line-height: 26pt;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}

.descrip{
    border-style: solid;
    border-color: rgba(207, 207, 207, 0.137) !important;
}
#tela-title{
    margin-top: 75px;
    color: white;
    font-weight: 600;
}
#telas{
    background-color: rgb(164, 168, 168);
}
@media screen and (max-width:800px) {
    .marge{margin-top: 220px;}
    h1{font-size: 4vh;}
    .descrip{
        display: contents;
        position:relative;
    }  
    #home-img{
        width: 50vw;
        height: 75vh;
    }
    #tela-title{
        margin-top: 220px;
    }
}