#buttonFaLeft, #buttonFaRight{
    visibility: hidden;
}


@media all and (min-width: 800px){

    #buttonFaLeft, #buttonFaRight {
        visibility: visible;
    }



    #wrapper{
        transform: scale(0.7);
        perspective: 800px;
        /*margin: 150px 5rem 0 5rem;*/
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin-top: 5rem;

}

#wrapper2{
    perspective: 800px;

    display: flex;
    justify-content: space-around;
    align-items: center;
}


#allplans{
    width: 300px;
    height: 217px;
    margin: 0 auto;
    transform-style: preserve-3d;
    transition: 2s;
    /*animation: Carousel 10s linear infinite;*/
}





.plan{
    position: absolute;
    width: 300px;
    height: 217px;
    text-align: center;
}




#allplans>.p1{transform: translateZ(350px);}
#allplans>.p2{transform: rotateY(72deg) translateZ(350px);}

#allplans>.p3{transform: rotateY(144deg) translateZ(350px);}
#allplans>.p4{transform: rotateY(216deg) translateZ(350px);}
#allplans>.p5{transform: rotateY(288deg) translateZ(350px);}



}

@media all and (min-width: 1300px){

    #wrapper{
        transform: scale(1);

    }


}

/*
@media all and (min-width: 801px) and (max-width: 1500px){
    #buttonFaLeft{
        position: relative;
        right: 14rem;
    }
    #buttonFaRight{
        position: relative;
        left: 4rem;
    }
}*/



#allIcons{
    width: 32px;
    height: 32px;
    margin: 0 auto;
    transform-style: preserve-3d;
    transition: 2s;
    animation: Carousel 15s linear reverse infinite;
}
@keyframes Carousel
{
    from{transform: rotateY(0);}
    to{transform: rotateY(360deg);}
}

.ico{
    position: absolute;
    width: 32px;
    height: 32px;
    text-align: center;
}

/*#allIcons>.i01{ transform: translateZ(250px);}
#allIcons>.i02{transform:rotateY(28deg)  translateZ(250px);}
#allIcons>.i03{transform:rotateY(55deg)  translateZ(250px);}
#allIcons>.i04{transform:rotateY(83deg)  translateZ(250px);}
#allIcons>.i05{transform:rotateY(111deg) translateZ(250px);}
#allIcons>.i06{transform:rotateY(138deg) translateZ(250px);}
#allIcons>.i07{transform:rotateY(166deg) translateZ(250px);}
#allIcons>.i08{transform:rotateY(194deg) translateZ(250px);}
#allIcons>.i09{transform:rotateY(222deg) translateZ(250px);}
#allIcons>.i10{transform:rotateY(249deg) translateZ(250px);}
#allIcons>.i11{transform:rotateY(277deg) translateZ(250px);}
#allIcons>.i12{transform:rotateY(305deg) translateZ(250px);}
#allIcons>.i13{transform:rotateY(333deg) translateZ(250px);}*/

#allIcons>.i01{ transform: translateZ(250px);}
#allIcons>.i02{transform:rotateY(24deg)  translateZ(250px);}
#allIcons>.i03{transform:rotateY(48deg)  translateZ(250px);}
#allIcons>.i04{transform:rotateY(72deg)  translateZ(250px);}
#allIcons>.i05{transform:rotateY(96deg)  translateZ(250px);}
#allIcons>.i06{transform:rotateY(120deg) translateZ(250px);}
#allIcons>.i07{transform:rotateY(144deg) translateZ(250px);}
#allIcons>.i08{transform:rotateY(168deg) translateZ(250px);}
#allIcons>.i09{transform:rotateY(192deg) translateZ(250px);}
#allIcons>.i10{transform:rotateY(216deg) translateZ(250px);}
#allIcons>.i11{transform:rotateY(240deg) translateZ(250px);}
#allIcons>.i12{transform:rotateY(264deg) translateZ(250px);}
#allIcons>.i13{transform:rotateY(288deg) translateZ(250px);}
#allIcons>.i14{transform:rotateY(312deg) translateZ(250px);}
#allIcons>.i15{transform:rotateY(336deg) translateZ(250px);}


@media all and (max-width: 799px){

    #allIcons>.i01{ transform: translateZ(150px);}
    #allIcons>.i02{transform:rotateY(24deg)  translateZ(150px);}
    #allIcons>.i03{transform:rotateY(48deg)  translateZ(150px);}
    #allIcons>.i04{transform:rotateY(72deg)  translateZ(150px);}
    #allIcons>.i05{transform:rotateY(96deg)  translateZ(150px);}
    #allIcons>.i06{transform:rotateY(120deg) translateZ(150px);}
    #allIcons>.i07{transform:rotateY(144deg) translateZ(150px);}
    #allIcons>.i08{transform:rotateY(168deg) translateZ(150px);}
    #allIcons>.i09{transform:rotateY(192deg) translateZ(150px);}
    #allIcons>.i10{transform:rotateY(216deg) translateZ(150px);}
    #allIcons>.i11{transform:rotateY(240deg) translateZ(150px);}
    #allIcons>.i12{transform:rotateY(264deg) translateZ(150px);}
    #allIcons>.i13{transform:rotateY(288deg) translateZ(150px);}
    #allIcons>.i14{transform:rotateY(312deg) translateZ(150px);}
    #allIcons>.i15{transform:rotateY(336deg) translateZ(150px);}



}