/* h1{
    color: #fff;
    background: #b61e73;
} */
.t-content {
    width: 100%;
    text-align: center;
    padding-bottom: 2em;
}
.t-content p{
    padding: 1em 1em 1em 1em;
}
img{
    width: 100%;
    height: 100%;
}
figure{
    max-width: 300px;
}
.img-content{
    display: flex;
    flex-direction: row;
    justify-content:space-around;
}
.img-content p{
    text-transform: uppercase;
    color: #c73a64;
    font-size: 26px;
    font-family: 'RaffyFont';
    font-weight: bold;
}
@media only screen and (max-width: 787px){
    .img-content{
        flex-direction: column;
        align-items: center;
    }
  
  }

  .img-wrapper{
    background: #f1f1f1;
    max-width: 100%;
    padding: 50%;
    overflow: hidden;
    position: relative;
}

.img-wrapper .img-inner{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-content: center;
    justify-content: center;
  
    
}

    .img-wrapper[data-ratio="16:9"]{
        padding: calc(50% * 0.56) 50%;
    }

    /* .img-wrapper[data-ratio="9:16"]{
        padding:50% calc(50% * 0.56) ;
    }

    .img-wrapper[data-ratio="4:3"]{
        padding: calc(50% * 0.75) 50%;
    }

    .img-wrapper[data-ratio="3:4"]{
        padding: 50% calc(50% * 0.75);
    } */

        .img-wrapper img{
            display: inline-block;
            vertical-align: top;
            border: 5px solid #c73a64;
            border-radius: 10px;
            width: 100%;
            height: auto;
        }
        .img-wrapper img:hover{
            transform: scale(1.1);
        }
     


        @media only screen and (min-width: 788px){

            .img-content{
                display: flex;
                justify-content: space-between;
            }

            .img-content > div{
                width: calc(50% - 40px); 
            }

        
        }
        @media only screen and (max-width: 480px){
            .colored-title span:first-child {
                margin-bottom: 0;
                margin-right: 0;
            }
            .colored-title span:last-child {
                margin-top: 0;
                margin-left: 0;
            }
          
          }