.dropdowndiv {
    background-color: #0c3932;
    padding-top: 5px;
    padding-bottom: 2px;
    margin-bottom: 4px;
    max-height: 40px;
}

/*.dropdowndiv .btn {
        vertical-align: middle;
        margin-bottom: 12px;
    }*/

.dropdown-menu {
    height: auto;
    width: 300px;
    background-color: #dcdcdc;
    z-index: 1000;
}

.dropdown-item {
    padding-left: 10px;
    padding-bottom: 20px;
    color: #0c3932;
}

    .dropdown-item:hover {
        color: #cb8e66;
    }

.active {
    color: #0c3932;
    text-decoration: underline;
    font-style: italic;
}

.active2 {
    color: #cb8e66;
    text-decoration: underline;
    font-style: italic;
    font-size: 16px;
}



.accordion-toggle {
    display: block;
    padding: 10px;
    margin: -10px -15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #cb8e66;
    color: #1b3c35;
}

.panel-title {
    font-size: 13px;
}

/*.accordion-toggle.collapsed {
        background-color: white;
    }

    .accordion-toggle.ex{
        background-color: red;
    }*/


.dropdowndiv2 {
    background-color: #0c3932;
    padding-top: 1px;
    padding-bottom: 6px;
    margin-bottom: 4px;
    max-height: 40px;
}

    .dropdowndiv2 .btn {
        vertical-align: middle;
        margin-bottom: 12px;
    }

.maincontent {
    position: relative;
    width: 100%;
    max-width: 100%;
    /*height: 100%;*/
    max-height: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
}

.div1, .div2 {
    /*margin: 0 auto;
    text-align: center;
    width:45%;
    height:100%;
    max-height: 100%;
    background-color:antiquewhite;*/
}

.maincontent img {
    max-height: 40vh;
    width: auto;
    text-align: center;
    margin: 0 auto;
    transition: transform .2s; /* Animation */
    border: 4px solid #cb8e66;
    border-radius: 10px;
}


    .maincontent img:hover {
        transform: scale(0.98); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
        opacity: 0.8;
        cursor: pointer;
    }
/*****************************************************************************************************/
.card {
    padding-top: 4px;
    margin-bottom: 70px;
}

.card1top {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f4f4f4 !important;
    border: 2px dotted #cb8e66;
    border-bottom: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.card1 {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f4f4f4 !important;
    border-left: 2px dotted #cb8e66;
    border-right: 2px dotted #cb8e66;
    /*border-radius: 10px;*/
}

.card1bottom {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f4f4f4 !important;
    border: 2px dotted #cb8e66;
    border-top: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}



.card img {
    max-height: 40vh;
    width: auto;
    text-align: center;
    margin: 0 auto;
    transition: transform .2s; /* Animation */
    border: none;
    border-radius: 4px;
}

    .card img:hover {
        transform: scale(0.98); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
        opacity: 1;
        cursor: pointer;
    }


@media screen and (max-width: 767px) {
    .center-block {
        margin-top: 10px;
    }
}


#collapseExample4, #collapseExample5, #collapseExample2p2, #collapseExample3p2, #collapseExample2p2a, #collapseExample2p2b, #collapseExample2p2c, #collapseExample2p2d {
    width: 70%;
    margin: 0 auto;
}

@media screen and (max-width: 950px) {
    #collapseExample4, #collapseExample5, #collapseExample2p2, #collapseExample3p2, #collapseExample2p2a, #collapseExample2p2b, #collapseExample2p2c, #collapseExample2p2d {
        width: 80%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 760px) {
    #collapseExample4, #collapseExample5, #collapseExample2p2, #collapseExample3p2, #collapseExample2p2a, #collapseExample2p2b, #collapseExample2p2c, #collapseExample2p2d {
        width: 100%;
        margin: 0 auto;
    }
}