.video-box{
  width:640px;
  height:360px;
  margin-top:3rem;
}


.center-it{
  display: flex;
  justify-content: center;
  align-items: center;
}



.filter-logo{
  	width: 200px;
}

@media (max-width: 480px){
  .ft-logo img {
    width: 8rem;
  }
  .filter-logo{
  	width: 70px;
  }
  .video-box{
    width:360px;
    height:240px;
    padding: 0 2rem 0 1rem;
    margin-bottom: 5rem;
  }
  #map img{
    width:100%;
  }
}


.fa{
  margin :0.5rem;
}




/*footer controls*/

.footer-controls{
  width:100%;
  height:60px;;
  background-color: red;
  color:white;
  font-weight: bolder;
  font-size: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 50px 50px 0 0;
  position: fixed;
  bottom:0;
  z-index:999;
}

.actions{
  padding: 10px;
  margin:auto;
  text-align: center;
}

/*footer controls ends*/



/*credits*/
.bottom-strip a{
  color:white;
}
.bottom-strip a:hover{
  color:red;
  transition: all 0.4s ease-in-out;
}
/*credits ends*/


/*top listings*/
.social-links li a:hover{
  color:red;
  transition: all 0.4s ease-in-out
}

.cont-list li a:hover, i:hover{
  color:red;
  transition: all 0.4s ease-in-out
}