.masthead {

    background: -webkit-gradient(linear,left top,left bottom,from(rgba(22,22,22,.1)),color-stop(75%,rgba(22,22,22,.5)),to(#161616)),url(../img/headerbouba1.jpg);
    background: url(../img/headerbouba1.jpg);

}

 #mainNav .navbar-brand {
  padding:.5rem 0;
  color: rgba(11, 6, 63, 0.5);
 }

 #mainNav .nav-link {
  -webkit-transition:none;
  transition:none;
    font-size: 0.8rem;
  font-weight: bold;
  color: rgba(11, 6, 63, 0.5);
 }

.masthead h1 {
    font-size: 3.5rem;
    line-height: 4.5rem;
    letter-spacing: .6rem;
    text-shadow: 2px 2px 4px #e4d7d7;
}
.masthead h2 {
    max-width: 30rem;
    font-size: 2rem;
    font-weight: bold;
}

.img-fluid {
    height: 35rem;
}

.img-fluid-2 {
    height: 15rem;
}

.text-white-50 {
    color: rgba(255,255,255,.6) !important;
}

.trombi {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    background-color:transparent;
}


.trombi .trombii {
    width: 20rem;
}

.trombi:hover .trombii {
    width: 20rem;
    opacity: .90;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}

.about-section {
    background: linear-gradient(to bottom,#2d29cf 0,rgba(22,22,22,.9) 75%,rgba(22,22,22,.8) 100%);
}

.bg-black {

    background-color: #49467b !important;

}

.nav-link {
    font-size: .9rem;
}

.signup-section {

    padding: 10rem 0;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(22,22,22,.4)),color-stop(75%,rgba(22,22,22,.3)),to(#2d29cf)),url(../img/bg-signup.jpg);
        background-position-x: 0%, 0%;
        background-position-y: 0%, 0%;
        background-repeat: repeat, repeat;
        background-attachment: scroll, scroll;
        background-size: auto auto, auto auto;
    background: linear-gradient(to bottom,#2d29cf 0,rgba(22,22,22,.4) 75%,rgba(22,22,22,.3) 100%),url(../img/bg-signup.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;

}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}