.list_container {
  /*-webkit-perspective: 1000px;
          perspective: 1000px;*/
  position: relative;
  width: 100%;
  /*max-width: 400px;*/
  height: 182px;
}
.list_container a {
  opacity: 0;
  position: absolute;
  z-index: 1;
  width: 50%;
  height: 100%;
}

.list_container a:nth-child(1) {
  top: 0;
  left: 0;
}

.list_container .list_card {
   -webkit-transition: all 300ms ease-out ;
  transition: all 300ms ease-out ;
 
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.list_container .list_card .border {
  -webkit-transition: all 300ms ease-out ;
  transition: all 300ms ease-out ;
  
  -webkit-transform-origin: center center;
          transform-origin: center center;
  position: relative;
  top: 12px;
  left: 12px;
  /*width: calc(100% - 24px);
  height: calc(100% - 24px);*/
  border: 2px solid white;
}

/**, *:before, *:after {
  box-sizing: border-box;
}

* {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

*:focus {
  outline: none !important;
}

/*body, html {
  height: 100%;
}

a {
  text-decoration: none;
}

/*body {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  padding: 12px;
}*/

.list_container .list_card {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  /*background: black;*/
  color: white;
}
.list_container .list_card h1 {
  font-size: 24px;
}
.effect_list{
	 list-style: none;
    padding: 0px;
	margin-left: -10px;
    margin-right: -10px;
}
.effect_list li {
    float: left;
    /* margin: 10px; */
    width: 25%;
    padding: 15px;
	
   

}
@media (max-width: 991px)
{
.effect_list li{width: 50%;}
}
@media (max-width: 768px)
{
.effect_list li{width: 100%;}
.list_container {
	height:240px;
}
}