body a{
    text-decoration: none;
}
h2{
    font-weight: 600;
}
.row{
    text-align: center;      
}
    .row h1{
        margin-top:10%;
        font-size: 5em;
        margin-bottom: 10px;
        font-style: italic;
        font-family: 'EB Garamond', serif;
        letter-spacing: 1px;
    }
    .row a, #career a{
        text-decoration: none; 
        font-weight: 300;
        transition: background 150ms;
        padding:12px 40px 12px 40px;
        border: 1px solid rgba(255,255,255,1);
        border-radius: 40px;
        background: transparent;
        }
    .row a:hover, #career a:hover{
        background: rgba(255,255,255,0.5);
        border-color: rgba(255,255,255,0.5);
        transition: border-color 0.2s; 
    }
    #sub-header{
        margin-bottom: 30px;
        color: white;
        font-weight: 600;
        font-size: .75em;
        letter-spacing: 2px;
        font-family: 'Julius Sans One', sans-serif;   
    }


.vertical-line{
    border-left: 1px solid white;
    margin: 0 10px 0 10px;
}

@media (max-width: 576px){
    .vertical-line{
        border: none;
        margin: 0 5px 0 5px;
    }
}

#background{
    background: linear-gradient(rgba(43, 111, 219, 0.3),rgba(43, 111, 219,0.3)), url(../images/hk-bgmin.jpg) ;
    background-size: cover;
    height:800px;
    color: white;
}

#about p{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.content{
    padding: 100px 0 100px 0;
}


#about {
    margin: 0 30px;
}


#about img{
    height:200px;
    margin-top: 30px;
    opacity: 0.8;
}

#about p{
    font-size: 1em;
    margin-top:20px;
}

#about img{
    height:100px;
}
#about a{
    color:black;
}
#contact{
    text-align: center;
    flex: 1 0 auto;
}
.flex-column{
    width:400px;
    text-align: center;
}

.d-flex img{
    margin: 0 30px 0 30px;
}

.check {
    position: relative;
    top: 10px;
    display: inline-block;
    margin-right: 5px;
}


hr{
    width:50px;
    height:2px;
}

.hr-black{
    background-color: black;
}

.hr-white{
    background-color:white;
}

#meet-team{
    background:#0c45a0;
}
    #meet-team img{
    transition: opacity 500ms; 
    opacity: 1;
    }

    #meet-team img:hover{
    opacity: 0.7;
    }

    #meet-team{
    color:white;
    }


.modal-header{
    border:none;
}

.description{
    height:175px;
    overflow: hidden;
}

.modal-body img{
    border: black 1px solid;
}

.modal-body p {
    font-size: 0.75em;
}

.modal-content{
    height:300px;
}

#stats{
    margin-top:30px;
}

#stats h2{
    font-size: 4em;
    font-weight: 100;
    
}
#career-bg{
   background:#1D3C6A;
}


#career a:hover{
    background: rgba(255,255,255,0.3);
    
}

#career, #career p{
    color:white;
}


#contact img{
    height:20px;
}