.w3-modal{
    z-index:9999;
    display:none;
    padding-top:120px;
    position: fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgb(0,0,0);
    background-color:rgba(0,0,0,0.4);
    
}

.w3-modal-content{
    z-index:9999;
    margin:auto;
    background-color:#a85f5f;
    position:relative;
    padding:2%;
    outline:0;
    width:100px;
    border-radius: 30px;
    display:block;
  
}
.w3-card-4,.w3-hover-shadow:hover{
    box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)
}

@media (max-width:980px){
    .w3-modal-content{
        margin:0 10px;
        width:auto !important
    }
    .w3-modal{
        padding-top:90px
    }
    .w3-modal-content{
        width:500px
    }
    .w3-modal{
        padding-top:90px
    }
}

@media (min-width:993px){
    .w3-modal-content{
        width:900px
    }
}
.w3-display-topright{
    position:absolute;
    right:0;
    top:0
}

.w3-display-topright{
    position:absolute;
    right:0;top:0
}
.w3-container:after,.w3-container:before{
    content:"";
    display:table;
    clear:both
}
.w3-button{
    border:none;
    display:inline-block;
    padding:8px 16px;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
    background-color:inherit;
    text-align:center;
    cursor:pointer;
    white-space:nowrap
}
.video-container {
  position: relative;
  padding-bottom: 46%; /* Proporção 16:9 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  border-radius: 20px;
}

.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}