.bg{
    position: relative; 
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bg::before {    
    content: "";
    background: url('../img/ui/bg4.jpg') no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.5;
}
.wrapper{
    background: rgba(0, 0, 0, .5);
}
h1,
h3,
ul li,
.col-form-label{color:#fff}
hr{width:20%;}
.text-danger.error-message{color:#fff !important}
label.col-form-label{font-size:20px}
.suggestions .badge{font-size:16px;margin:0 20px 20px 0;padding:10px 20px}
.suggestions .mySuggestions .badge{padding:10px 10px 10px 20px}
.suggestions .badge.badge-info:hover{background:#f44336;}

.sherhereyet h1{font-size:50px}
.sherhereyet h1 span{text-transform:uppercase;text-decoration:underline dashed; margin:0 10px;}
.sherhereyet h2{font-size:90px;color:#fff;padding:50px 0 20px 0;font-style:italic}
.sherhereyet h3{font-size:120px;color:#fff;padding:50px 0;}
.sherhereyet #allowNotification,
.sherhereyet #enableNotification{font-size:24px;padding:10px 20px;background:#fff;color:#000;border-radius:20px;}
.sherhereyet .subscribed{font-size:16px;padding:10px 20px;background:#33a925;color:#fff;border-radius:10px;}
@media (max-width: 768px) {
    .bg{display:block;}
    .content{width:90%;margin:0 auto;display:block;}
    .badge{display:block;margin:10px auto;}
    .sherhereyet h1{font-size:30px}
    .sherhereyet h2{font-size:60px}
    .sherhereyet h3{font-size:60px;padding:30px 0}
    .sherhereyet #enableNotification{font-size:20px;}
}