.portrait {
    width: 100px;
    height: 200px;
    opacity:1;

  
    transition: all 200ms ease-in-out;
}

.landscape {
    height: 200px;
    width: 300px;
    opacity: 1;
    transition: all 200ms ease-in-out;
}  

.portrait:hover{
  
   opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
   
}

.landscape:hover {
    opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
  
   
}


@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

.gal_continer:hover{
     opacity: 1;
	-webkit-animation: flash 1.5s;
	 animation: flash 1.5s;
}

@media (max-width:640px){

    .portrait {
        width: 100%;
        height: 100%;
        opacity:1;
    
      
        transition: all 200ms ease-in-out;
    }
    
    .landscape {
        height: 100%;
        width: 100%;
        opacity: 1;
        transition: all 200ms ease-in-out;
    } 
    
}
.dropdown{
    position: relative;
}

.dropdown-content{

    /* display: none;
    background-color: #14202c;
    color: white;
    position: absolute;
    z-index: 20;
    padding: 10px;
    border-radius: 10px;
    opacity: 0;
	transition: opacity 40s; */

    background-color: #14202c;
    visibility: hidden; /* hides sub-menu */
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 2;
    width: 300px;
   
    color: white;
    transform: translateY(-2em);
    z-index: -1;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    
   
}



.dropdown-content a{
    display: block;
    padding: 5px;
    width: 300px;
    padding: 10xp;

    
}

.dropdown-content a:hover{
    background-color: #1a2938;
    border-radius: 10px;
}

.navbar-backgroudimg{
    background-image: url(../assets/design/navbar-bg.jpg);
    background-size: cover;
    background-position: center;
}


.menu-backgroudimg{
    background-image: url(../assets/design/menu-back.jpg);
    background-size: cover;
    background-position: center;
}



.footer-backgroudimg{
    
    background-image: url(../assets/design/footback.png);
    background-size: cover;
    background-position: center;
}

.dropdown:hover .dropdown-content{
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 10;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.2s; /* this removes the transition delay so the menu will be visible while the other styles transition */
    
}

.float-btn{

    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #454B1B;
    border-color:#454B1B;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align:center;
    font-size: 2rem;
    color: white;


}