.tab:not(:target) {
  display: none;
}

.tab:last-child {
  display: block;
}

.tab:target ~ .tab:last-child {
  display: none;
}

.tabs {
  width: 30em;
  margin: 6.5em auto;
}



       .modal-image{
            display: none;
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgb(0,0,0);
            background-color: rgba(0,0,0,0.9);
			font-size: 10px;
			text-transform: uppercase;
			font-weight: 600;
			
        }
		.modal-image::-webkit-scrollbar {
  display: none;
}

        .modal-content-img{
            margin: auto;
            display: block;
            max-width: 100%;
            max-height: 100%;
            animation-name: zoom;
            animation-duration: 0.8s;
        }

        @keyframes zoom{
 0% {
    transform:translateY(500px);
  }
  100% {
    transform:translateY(0);
  }

  }

        .modal-nav{
            display: flex;
            justify-content: center;
        }
@media (max-width:480px) {
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #6cb176;
    border-radius: 0;
    background-color: #6cb176;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 5px 5px;
}

.modal-image {

    font-size: 8px;

    font-weight: 600;
}

}