.modal-Dialog {
    max-width: 1000px !important;
}

.home-section {
}

.side-bar {
    position: absolute !important;
    top: 200px;
    right:0px
}

/*Custom Bootstrap*/
.hero-content {
    max-width: 60em !important;
}

.container {
    max-width: 960px;
}

/*
 * Custom translucent site header
 */

    .site-header a {
        color: #8e8e8e;
        transition: color .15s ease-in-out;
    }

        .site-header a:hover {
            color: #fff;
            text-decoration: none;
        }

/*
 * Dummy devices (replace them with your own or something else entirely!)
 */

.product-device {
    position: absolute;
    right: 11%;
    bottom: 5%;
    width: 300px;
    height: 540px;
    background-color: #333;
    border-radius: 21px;
    transform: rotate( 30deg );
}

    .product-device::before {
        position: absolute;
        top: 10%;
        right: 10px;
        bottom: 10%;
        left: 10px;
        content: "";
        background-color: rgba(255, 255, 255, .1);
        border-radius: 5px;
    }

.product-device-2 {
    top: 10%;
    right: -8px;
    bottom: 0;
    left: -5%;
    background-color: #6f6f6f;
}


/*
 * Extra utilities
 */

.flex-equal > * {
    flex: 1;
}

@media (min-width: 768px) {
    .flex-md-equal > * {
        flex: 1;
    }
}