.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    /*left: 30%;*/
    top: 10%;
    /*width: 650px;*/ /* Full width */
    /*height: 650px;*/ /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 10% auto; /* 15% from the top and centered */
    padding: 10px;
    border: 1px solid #888;
    width: 90%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

    /* Modal Button */
.camBtn {
    color: #004B87;
    text-decoration: none;
}
    .camBtn:hover {
        color: #004B87;
        text-decoration: underline
    }

/*Multi Img Modal*/
.slideshow-container {
    max-width: 1000px;
    position: relative;
    /*margin: auto;*/
}

/* Hide the images by default */
.mySlides {
    display: none;

}
.slideImg {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 40%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: black;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 50px;
    border-radius: 3px 0 0 3px;
}
.prev {
    left: 50px;
    border-radius: 3px 0 0 3px;
}

    /* On hover, add a black background color with a little bit see-through */
    .prev:hover, .next:hover {
        background-color: lightgrey;
        color: black;
    }

/* Next & previous buttons */
.prev2, .next2 {
    cursor: pointer;
    position: absolute;
    top: 40%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: black;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next2 {
    right: 50px;
    border-radius: 3px 0 0 3px;
}

.prev2 {
    left: 50px;
    border-radius: 3px 0 0 3px;
}

    /* On hover, add a black background color with a little bit see-through */
    .prev2:hover, .next2:hover {
        background-color: lightgrey;
        color: black;
    }