

body{background: url("https://purplemktg.brgsrv.com/christmas-23/tarot-background.jpg");font-family: Poppins, sans-serif;margin: 0;padding: 0;}
.divider{background: url("https://purplemktg.brgsrv.com/christmas-23/seperator.png");width:414px;height: 28px;display: block;text-align: center;margin: 0 auto;}
.front{background:url("https://purplemktg.brgsrv.com/christmas-23/back.svg") no-repeat;border:0 !important;width:111px;height:175px;  }
        .stack{padding:0;position:relative;display:inline-block;width:111px;height:175px;margin-right:30px;margin-bottom:30px;vertical-align: middle;}
        
.flipped{transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
          #droppable {
             width: 176px;
            height: 218px;
            right: 0;
            display: inline-block;
            z-index: 1;
            background: url("https://purplemktg.brgsrv.com/christmas-23/place-here-rec.png") no-repeat center;
            }
            .place-text{
             font-family: 'Poppins';
            color: #7a4ae2;
            font-size: 24.5px;
  font-weight: normal;
  letter-spacing: normal;
  text-align: center;}
        .drop-areas-wrap{text-align: center;display: inline-block;vertical-align: middle; margin-left: 100px;}
        .stack a{display:block;position:absolute;}
    .container {text-align: center; padding: 40px 0;   }
  #draggable_1 figure,
#draggable_2 figure, 
#draggable_3 figure,
#draggable_4 figure, 
#draggable_5 figure, 
#draggable_6 figure,
#draggable_7 figure,
#draggable_8 figure,
#draggable_9  figure,
#draggable_10 figure,
#draggable_11 figure,
#draggable_12 figure,
#draggable_13 figure,
#draggable_14 figure,
#draggable_15 figure,
#draggable_16 figure,
#draggable_17 figure,
#draggable_18 figure,
#draggable_19 figure,
#draggable_20 figure,
#draggable_21 figure,
#draggable_22 figure,
#draggable_23 figure,
#draggable_24 figure,
#draggable_25 figure,
#draggable_26 figure,
#draggable_27 figure,
#draggable_28 figure,
#draggable_29 figure,
#draggable_30 figure,
#draggable_31 figure,
#draggable_32 figure,
#draggable_33 figure,
#draggable_34 figure,
#draggable_35 figure,
#draggable_36 figure,
#draggable_37 figure,
#draggable_38 figure,
#draggable_39 figure,
#draggable_40 figure,
#draggable_41 figure,
#draggable_42 figure,
#draggable_43 figure,
#draggable_44 figure,
#draggable_45 figure,
#draggable_46 figure,
#draggable_47 figure,
#draggable_48 figure,
#draggable_49 figure,
#draggable_50 figure,
#draggable_51 figure,
#draggable_52 figure,
#draggable_53 figure,
#draggable_54 figure,
#draggable_55 figure,
#draggable_56 figure,
#draggable_57 figure,
#draggable_58 figure,
#draggable_59 figure,
#draggable_60 figure,
#draggable_61 figure,
#draggable_62 figure,
#draggable_63 figure,
#draggable_64 figure,
#draggable_65 figure,
#draggable_66 figure,
#draggable_67 figure,
#draggable_68 figure,
#draggable_69 figure,
#draggable_70 figure,
#draggable_71 figure,
#draggable_72 figure,
#draggable_73 figure,
#draggable_74 figure,
#draggable_75 figure,
#draggable_76 figure,
#draggable_77 figure,
#draggable_78   figure{
      display: block;
      height: 100%;
      width: 100%;
      position: absolute;
      padding: 0;margin: 0;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
    }
.back{background-size: contain;background-repeat: no-repeat;transform: rotateY( 180deg );width:111px;height:175px;}  
#draggable_1 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-wheelFortune.png");transform: rotateY( 180deg );  -webkit-transform: rotateY( 180deg );}
#draggable_2 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-theWorld.png") ;transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_3 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-theTower.png") ;transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_4 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-theSun.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_5 .back {background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-theStar.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_6 .back {background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-theMoon.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_7 .back {background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-theMagician.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_8 .back {background-image: url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-theLovers.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_9  .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-theHighPriestess.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_10  .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-theHermit.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_11  .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-theHangedMan.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_12 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-theFool.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_13 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-theEmpress.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_14 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-theDevil.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_15 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-theChariot.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_16 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-temperance.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_17 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-strength.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_18 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-queenPentacles.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_19 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-queenOfWands.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_20 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-queenOfSwords.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_21 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-queenOfCups.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_22 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-pagePentacles.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_23 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-pageOfWands.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_24 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-pageOfSwords.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_25 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-pageCups.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_26 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-knightPentacles.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_27 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-knightOfWands.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_28 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-knightOfSwords.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_29 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-knightOfCups.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_30 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-kingsOfWands.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_31 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-kingsOfSwords.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_32 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-kingOfPentacles.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_33 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-kingOfCups.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_34 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-justice.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_35 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-judgement.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_36 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-hierophant.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_37 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-emperor.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_38 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-death.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_39 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-ageOfWands.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_40 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-ageOfSwords.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_41 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-aceOfPentacles.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_42 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-aceOfCups.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_43 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-10-wands.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_44 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-10-swords.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_45 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-10-pentacles.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_46 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-10-cups.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_47 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-9-wands.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_48 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-9-swords.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_49 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-9-pentacles.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_50 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-9-cups.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_51 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-8-wands.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_52 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-8-swords.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_53 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-8-pentacles.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_54 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-8-cups.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_55 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-7-wands.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_56 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-7-swords.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_57 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-7-pentacles.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_58 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-7-cups.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_59 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-6-wands.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_60 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-6-swords.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_61 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-6-pentacles.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_62 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-6-cups.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_63 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-5-wands.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_64 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-5-swords.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_65 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-5-pentacles.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_66 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-5-cups.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_67 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-4-wands.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_68 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-4-swords.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_69 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-4-pentacles.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_70 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-4-cups.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_71 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-3-wands.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_72 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-3-swords.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_73 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-3-pentacles.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_74 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-3-cups.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_75 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-2-wands.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_76 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-2-swords.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_77 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-2-pentacles.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}
#draggable_78 .back{background-image:url("https://purplemktg.brgsrv.com/christmas-23/cards/tarot-2-cups.png");transform: rotateY( 180deg ); -webkit-transform: rotateY( 180deg );}

#draggable_1 ,
#draggable_2, 
#draggable_3 ,
#draggable_4, 
#draggable_5, 
#draggable_6 ,
#draggable_7 ,
#draggable_8 ,
#draggable_9  ,
#draggable_10 ,
#draggable_11,
#draggable_12,
#draggable_13,
#draggable_14,
#draggable_15 ,
#draggable_16,
#draggable_17 ,
#draggable_18 ,
#draggable_19,
#draggable_20 ,
#draggable_21,
#draggable_22 ,
#draggable_23 ,
#draggable_24 ,
#draggable_25,
#draggable_26,
#draggable_27 ,
#draggable_28 ,
#draggable_29 ,
#draggable_30 ,
#draggable_31 ,
#draggable_32,
#draggable_33,
#draggable_34 ,
#draggable_35,
#draggable_36,
#draggable_37 ,
#draggable_38,
#draggable_39,
#draggable_40 ,
#draggable_41 ,
#draggable_42 ,
#draggable_43 ,
#draggable_44,
#draggable_45 ,
#draggable_46 ,
#draggable_47,
#draggable_48 ,
#draggable_49,
#draggable_50 ,
#draggable_51 ,
#draggable_52,
#draggable_53 ,
#draggable_54 ,
#draggable_55 ,
#draggable_56 ,
#draggable_57 ,
#draggable_58 ,
#draggable_59 ,
#draggable_60 ,
#draggable_61 ,
#draggable_62,
#draggable_63,
#draggable_64 ,
#draggable_65 ,
#draggable_66,
#draggable_67 ,
#draggable_68 ,
#draggable_69 ,
#draggable_70 ,
#draggable_71 ,
#draggable_72 ,
#draggable_73,
#draggable_74 ,
#draggable_75 ,
#draggable_76 ,
#draggable_77 ,
#draggable_78 { transition: transform 1s; -webkit-transition: -webkit-transform 1s;transform-style: preserve-3d;  -webkit-transform-style: preserve-3d;width: 100%;
      height: 100%;
      position: absolute; }

#shuffle_btn{background: #7a4ae2;width:150px;height: 50px;cursor: pointer;text-align: center;line-height: 50px;margin: 5% auto 5%;border-radius: 50px;color:#fff;}
.shuffle_btn{background: #7a4ae2;width:250px;height: 50px;cursor: pointer;text-align: center;line-height: 50px;margin: 5% auto 5%;border-radius: 50px;color:#fff;display: block;font-size: 18px;text-decoration: none;  font-family: 'Poppins';}
.leftAlign{left: auto !important;}
.text-part{text-align: center;}
.big_head-top{font-size: 22.5px;  font-weight: bold;  letter-spacing: normal;  text-align: center;  color: #7a4ae2;margin: 10px auto 10px;}
.big_head{font-size: 38px;  font-weight: normal; font-family: Poppins; letter-spacing: normal;color: #7a4ae2;text-align: center;margin: 10px auto 10px;}
.sub_head{font-family: Poppins;font-size: 32px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 1.25;  letter-spacing: normal;  text-align: center;  color: #000000;padding: 10px;}
#btn_wrapper{display: inline-block;width:150px;margin-right: 100px;}
.left-inst{float: left;display: inline-block;width:130px;margin: 20% 0 0;}
#content-text-wrap{width:50%;margin:0 auto;padding: 2% 0;font-size: 14px;font-family:'Open Sans';display: none;  }
.image-card{width:170px;height:279px;background-size: cover;display: block;margin: 0 auto;}
.card-text-inn{display: none;}
#past-content{padding: 2% 0;}
.card-text{padding: 0 2% 2%;display: inline-block;width:50%;vertical-align: top; font-size: 21.5px; font-family: Poppins; font-weight: normal;  color: #464646;}
.card-header{ font-family: Poppins;font-size: 35.5px;font-weight: normal;color: #7a4ae2;}
.napkin{background: url("https://purplemktg.brgsrv.com/christmas-23/napkin.png");width:267px;height: 264px;display: inline-block;}
.container-bottom{width:80%;margin: 0 auto;}
.bottom-big-header{ font-size: 32px;font-weight: 600;letter-spacing: normal;text-align: center;color: #000000;margin: 2% auto;}
.bottom-text{font-size: 26px;  font-weight: normal;  letter-spacing: normal;  color: #464646;width: 53%;margin: 0 auto;}
.bottom-text-purp-head{font-weight: bold;color:#7a4ae2;}
.major-arcana-list li{color:#7a4ae2}
.major-arcana-list li span{color:#464646}
.transform-1{transform: rotate(-3deg);}
.transform-2{transform:rotate(-6deg)}
.transform-3{transform:rotate(-9deg)}
.transform-4{transform:rotate(-12deg)}
.transform-5{transform:rotate(-15deg)}
.transform-6{transform:rotate(-18deg)}
.transform-7{transform:rotate(-21deg)}
.transform-8{transform:rotate(-24deg)}
 .place-text.mobile{display: none;}
 
 @media screen and (max-width: 767px) {/*mobile */
    
  
    .drop-areas-wrap{margin-left: 0;display: block;margin:0 auto;}
    #content-text-wrap{width:90%;}
    .divider{    width: 90%;background-size: contain;background-repeat: no-repeat;}
    .bottom-big-header{font-size: 26px;width:auto;}
    .bottom-text{font-size: 22px;width: auto;}
    .big_head-top{font-size: 18.5px;}
    .sub_head{font-size: 22px;}
    .big_head{font-size: 30px;}
    .card-header{font-size: 20px;}
    .card-text{font-size: 17.5px;}
    .image-card {width: 140px;height: 230px;}
    .napkin{width:150px ;height:148px ;background-size: contain;}
    .place-text.mobile{display: block; font-family: Poppins;color: #7a4ae2;font-size: 24.5px;font-weight: normal;letter-spacing: normal;text-align: center;clear:both}
    .place-text.desktop{display: none;}
    .stack{float: left;margin-right:0;margin-left: 12%;}
    #btn_wrapper{float: right;margin-right: 7%;margin-left: 2%;margin-top: 12%;}
    }

         