body{
    background-color: #201f1f;
    color: white;
}
.jumbotron {
    color: white;
    background-color: black;
}
 a{
     text-decoration: none;
 }

.navbar-brand img{
     width: 30px;
 }

@media screen and (max-width: 600px){
   body{
       max-width:600px;
   }
}

@media screen and (max-width: 600px){
    .table{
        max-width:600px;
    }
}

@media screen and (max-width: 320px){
    body{
        max-width:320px;
    }
}

@media screen and (max-width: 320px){
    #postagem{
        max-width:320px;
    }
}

@media screen and (max-width: 600px){
    #post{
        max-width:600px;
    }
}

iframe{
    width: 860px;
    height: 400px;
    max-width: 80%;
}

@media screen and (max-width: 600px){
    iframe{
        max-width: 80%;
    }
}

@media screen and (max-width: 320px){
    iframe{
        max-width: 320px;
    }
}

#slider{
    width: 80%;
    max-width: 860px;
    height: 50vw;
    max-height: 490px;

    position: relative;
}

#slider img{
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: opacity 800ms;
    /*object-fit: cover;*/
}

#slider img.selected{
    opacity: 1;
    }