.design {
    text-align: center;
}

img {
    border-radius: 5px;
}

.bg-image-2{
    background-image: url('../../img/animation/usarb/bg_2.png');
    background-repeat: no-repeat;
    /* background-repeat: repeat-y; */
    background-size: cover;
    /* background-size: 100% 112%; */
}

.bg-image-1{
    background-image: url('../../img/animation/usarb/bg_1.png');
    background-repeat: no-repeat;
    /* background-repeat: repeat-y; */
    background-size: cover;
    /* background-size: 100% 112%; */
}

.bg-image-3{
    background-image: url('../../img/animation/usarb/bg_3.png');
    background-repeat: no-repeat;
    /* background-repeat: repeat-y; */
    background-size: cover;
    /* background-size: 100% 112%; */
}

.form-container {

    padding: 200px 0;
    margin: 15px auto;
    height: 500px;
    float: right;
}
.bg-image-1 .form-container {

    padding: 250px 0;
    margin: 15px auto;
    height: 500px;
    float:left;
}

.form-group {
    width: 500px;
    color:white;
}

.container-fluid {
    /* padding-top: 100px; */
    /*     background-color: rgb(230, 190, 139, 0.5); */
    /*    background-color: rgba(138, 225, 112, 0.75);*/
    /* background-color: rgba(112, 187, 225, 0.75); */
    /* background-color: rgba(199, 112, 225, 0.75); */
    /*width: 30%;*/
    margin-left: 0px;
    padding: 50px 15px;
}

.my-bg-info{
    background-color: rgba(112, 187, 225, 0.75);
}
.my-bg-warning{
    background-color: rgb(230, 190, 139, 0.7);
}
.my-bg-success{
    background-color: rgba(138, 225, 112, 0.75);
}
.my-bg-violet{
    background-color: rgba(199, 112, 225, 0.75);
}

.btn-outline-warning {
    color: white;
    font-weight: bold;
}

.btn-outline-success {
    color: white;
}

.btn-outline-info {
    color: white;
    font-weight: bold;
}

.btn-outline-violet {
    border-color: rgba(199, 112, 225);
    cursor: pointer;
    color: white;
    border-radius: .25rem;
}

.btn-outline-violet:hover {
    background-color: rgba(199, 112, 225);
    color: white;
}
.btn-violet{
    background-color: rgba(199, 112, 225);
    color: white;
}
.btn-violet:hover{
    border-color: rgba(199, 112, 225);
}

.usarb_2 .nav-pills .nav-link.active {
    background-color: orange;
    color: whitesmoke;
}

.usarb_2 .nav-pills .nav-link {
    color: #805a13;
}

.usarb_1 .nav-pills .nav-link.active {
    background-color: green;
    color: whitesmoke;
}

.usarb_1 .nav-pills .nav-link {
    color: #135527;
}

/*Adaptive design*/
@media (max-width: 600px) {
    .container-fluid, .form-group {
        width: 100%;
    }

    .form-container {
        float: none !important;
        padding: 200px 0 !important;
        margin: 15px auto;
        height: 500px;
        display: block !important;
    }

    .bg-image-1, .bg-image-2, .bg-image-3 {
        background-image: url('../../img/animation/usarb/bg_1.png');
        background-size: cover;
        background-repeat: repeat-y;
    }
    .bg-image-2, .bg-image-3 {
        background-position: center;
    }
}