.aces, .rows{
  display:flex;
  flex-flow:row;
  justify-content:space-between;
}
.ace{
  width:14.5vw;
  height:20.5vw;
  border: 6px solid #1a1a1a;
  text-align:center;
  color:black;
  display:flex;
  justify-content: center; /* Align horizontal */
align-items: center;
background-color:#2b2b2b;
margin-bottom:30px;
}
.ace:nth-child(2), .ace:nth-child(3){
  border-color:#9c2c1c;
  color:#9c2c1c;
  background-color:#f8341a;}
.ace p{font-size:3em;}
.ace div{
  width:14vw}
.row{
  width:14vw;
  min-height:20vw;
  color:black;
  margin:0.25vw;
  box-sizing:border-box;
}
.card{
  width:14vw;
  height:20vw;
  border: 6px solid #1a1a1a;
  box-sizing:border-box;
  color:white;
  }
  .black, .red{
  color:white;
  width:100%;
  height:20vw;
  border: 10px solid #1a1a1a;
  box-sizing:border-box;
  display:flex;
  flex-flow:column;
  justify-content:space-between;
  padding:3px;
    }
  .covered{
    background-color:navy;
    height:5vw;
    border: 10px solid #1a1a1a;
    border-bottom-width:0px;
    box-sizing:border-box;
  }
  .stacked{
    height:6vw;
    border-bottom-width:0px;
    }
  .covered h1{
    opacity:0;}
  .black h1:nth-child(1), .red h1:nth-child(1){
    margin-top:0;
    margin-right:auto;
  }
  .black h1:nth-child(2), .red h1:nth-child(2){
    margin-bottom:0;
    margin-left:auto;
  }
  .stacked h1:nth-child(2){
    opacity:0;
  }

 .black{
    background-color:#2b2b2b;
  }
  .red{
    background-color: #f8341a;
  }
/*.card{
  width:14vw;
  height:20vw;
  background-color:black;
  margin:10vw;
  transition: width 1s, height 1s, margin 1s;
  }
.card:hover{
  width:90vw;
  height:90vh;
  margin-left:5vw;
  margin-right:5vw;
  margin-top:5vh;
  margin-bottom:5vh;
}*/