*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: verdana;
}

.works_header{
    background-image: linear-gradient(rgba(4,9,30,0.55),rgba(4,9,30,0.55)), url(bg.png);
    width:100%;
    min-height:45vh;
    background-position:center;
    background-size:cover;
}

.work_text{
    width:60%;
    margin:auto;
    text-align:center;
    position:absolute;
    top:20%;
    left:50%;
    transform:translate(-50%,-20%);
    color:#fff;
    font-size: 20px;
}

.work_text h1{
    margin-bottom: 10px;
}
/* Our works */
.works{
    width:90%;
    margin:auto;
    text-align:center;
}

.works h1{
    margin-top:100px;
    padding:20px 0;
}

.works-col{
    flex-basis:33%;
}

.works-col img{
    width:100%;
    border-radius: 10px;
    border:0.2px solid #000;
    height:583px;
    overflow: hidden;
    &:hover{
        border: #FFA500 1.5px solid;
    }
}

.videos{
    width:90%;
    margin:auto;
    text-align: center;
}

.videos h1{
    margin-top: 100px;
    padding: 20px 0;
}

.video-col{
    flex-basis:33%;
}

.video-col video{
    width:100%;
    border-radius: 10px;
}