body { 

    background: url(/images/bg.jpg) no-repeat center center fixed; 

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    background-color: rgba(23, 50, 81, 0.5);

    position: relative;

}



h1{

    font-size: 4em; 

    color: #173251;

}



.centru { 

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}



.overlay { 

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100vh;

    background: #2C3E50;

    opacity: 0.6;

}

.logo { 

    width: 300px;

    background-color: rgba(240, 230, 209, 0.5)

}



.btnColor {
    background-color: #173251;
    color: #f0e6d1;
    text-transform: uppercase;
    padding: 15px 62px;
    text-decoration: none;
    display: inline-block;
    font-weight: 700;
    font-size: 2em;
}



.btnColor:hover { 

    color: #f0e6d1;

    background-color: #173251;

    text-decoration: none;

}



.borderColor { 

    border: 15px solid #173251;

}



img.logo { 

        display: block;

        margin-left: auto;

        margin-right: auto;

        vertical-align: middle

}



img.rounded-circle.borderColor.img-fluid {

    object-fit: cover;

    width: 300px;

    height: 300px;

}

a.image_wrapper{

    display: flex;

    justify-content: center;

}



@media(max-width:991px){

    h1{

        font-size: 3em; 

    }

    .row.content {

        flex-direction: column;

        align-items: center;

    }

    img.rounded-circle.borderColor.img-fluid {

        object-fit: cover;

        width: 300px;

        max-width: 300px;

        height: 300px;

    }

    .col-md-4.logo_middle {

        display: none;

    }

    .overlay { 

        height: 100%;

    }

}