

.columns {
  display: grid;
  grid-template-columns: 50% 50%;

}

.columns_one {
  display: grid;
  grid-template-columns: 100%;

}

.column {
  width:100%;
}

.content-finalists .content {
    overflow: hidden;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border:4px solid #349FF0;
    width: 450px;
    height: 395px;
    background-color:white;
    color:#FFFFFF;
    font-size:1.25em;
  	margin: auto;
  	margin-bottom:50px; 
}

.content-finalists .title {
    width: 450px;
    height: 85px;
    line-height: 20px;
    text-indent: 10px;
   
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background:gray;
    font-weight:plain;
    font-family:verdana;
    display:block;
    color:#FFFFFF;
    display:block;
    border:4px solid #349FF0;
    border-bottom: 4px solid #349FF0;
    background-color: #349FF0;
    font-size:1.1em;
    /* text-decoration:underline; */

  	margin: auto;
  	margin-top:8px; 
    
}

#scene {
   height: 768px;
   width: 1024px;
   perspective: 1300;
  /*margin-top:40px;*/
}

.card-finalists {
   position: absolute;
   height: 395px;
   width: 450px;
/*   left: 75px;
   top: 250px;
*/     
   -webkit-transform-style: preserve-3d;
   -webkit-transform-style: preserve-3d;

   -webkit-transition-property: transform;
   -webkit-transition-duration: 1.5s;
   transition-property: transform;
   transition-duration: 1.5s;
}

.card-finalists.flipped {
   -webkit-transform: rotateY(180deg);
   transform: rotateY(180deg);
}


.side {
   position: absolute;
   height: inherit;
   width: inherit;
   
   -webkit-backface-visibility: hidden;   
   backface-visibility: hidden;   
}

.back {
   -webkit-transform: rotateY(180deg);
   transform: rotateY(180deg);
}


