/* The animation code */
@keyframes image-size {
    from {
    	width:20%;
    }
    to {
    	width:60%;
    	
    }
}
.img-enlarge{
	animation: image-size 0.5s forwards;
}
.img-minimize{
	animation: image-size 0.5s reverse backwards;
}
.img-fullscreen-container{
    display: none;
    position: fixed;
    height:90%;
    left: 50%;
    margin: 2% auto;
    z-index: 1000;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.img-fullscreen{
    height:100%;
    box-shadow: rgba(0, 0, 0, 0.5) 0 2px 18px;
}
.img-fullscreen-close{
    font-size: 2.5em;
    position: absolute;
    top: 0;
    right: 1%;
}

.img-fullscreen-backgound{
    display: none;
    z-index: 1000;
    position: fixed;
    width: 100%;
    opacity: 0.5;
    top: 0px;
    margin: 0px;
    min-height: 200px;
    height: 100%;
    background-color: #000;
}
.proof{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
    padding: 1.5rem 1.5rem 2rem;
    margin: 5% auto;
}

.navbar.scrolling-navbar{
    padding-top:5px;
    padding-bottom:5px;
}

.navbar-brand{
    font-size:1.6em;
    font-weight: 600;
}

.nav-link-selected{
    -ms-transform:     scale(1.25,1.25);
    -moz-transform:    scale(1.25,1.25);
    -webkit-transform: scale(1.25,1.25);
    transform:         scale(1.25,1.25);
}