.design2{
            position: absolute;
            width: 183px;
            height: 44px;
            margin: 56px 0px 0px 64px;
            display: none;
        }
        
        .blue, .purple, .pinkpurple, .oval_copy, .yellow{
            width: 42px;
            height: 42px;
            right: 300px;
            opacity : 0;
        }
        
        .blue{
            position: absolute;
            background-image: url(images/2x/blue.png);
            background-size: contain;
            animation: move 1.3s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            z-index: 100;
        }
        
        .purple{
            position: absolute;
            background-image: url(images/2x/purple.png);
            background-size: contain;
            animation: move2 1.3s;
            animation-delay: 300ms;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            z-index: -1000;
        }      
        
        .pinkpurple{
            position: absolute;
            background-image: url(images/2x/pinkpurple.png);
            background-size: contain;
            animation: move3 1.3s;
            animation-delay: 600ms;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            z-index: -1100;
        } 
        
        .oval_copy{
            position: absolute;
            background-image: url(images/2x/Oval%20Copy.png);
            background-size: contain;
            animation: move4 1.3s;
            animation-delay: 900ms;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            z-index: -1200;
        }   
        
        .yellow{
            position: absolute;
            background-image: url(images/2x/yellow.png);
            background-size: contain;
            animation: move5 1.3s;
            animation-delay: 1200ms;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            z-index: -1300;
        }
        @keyframes move{
            from{
                opacity : 0;
                right:300px;
            }
            to{
                opacity : 1;
                right: 10px;
            }
        }     
        @keyframes move2{
            from{
                right:300px;
            }
            to{
                opacity: 1;
                right: 45px;
            }
        }
        @keyframes move3{
            from{
                right:300px;
            }
            to{
                opacity: 1;
                right: 80px;
            }
        }
        @keyframes move4{
            from{
                right:300px;
            }
            to{
                opacity: 1;
                right: 115px;
            }
        } 
        @keyframes move5{
            from{
                right:300px;
            }
            to{
                opacity: 1;
                right: 150px;
            }
        }

    @media screen and (min-width:768px) and (max-width:1023px){
        .design2{
            width: 153px;
            height: 34px;
            margin: 104px 0px 0px 0px;
            display: none;
        }     
        
        .blue, .purple, .pinkpurple, .oval_copy, .yellow{
            width: 34px;
            height: 34px;
        }
        
        @keyframes move{
            from{
                opacity : 0;
                right:300px;
            }
            to{
                opacity : 1;
                right: -3px;
            }
        }     
        @keyframes move2{
            from{
                right:300px;
            }
            to{
                opacity: 1;
                right: 23px;
            }
        }
        @keyframes move3{
            from{
                right:300px;
            }
            to{
                opacity: 1;
                right: 50px;
            }
        }
        @keyframes move4{
            from{
                right:300px;
            }
            to{
                opacity: 1;
                right: 78px;
            }
        } 
        @keyframes move5{
            from{
                right:300px;
            }
            to{
                opacity: 1;
                right: 105px;
            }
        }
}

    @media screen and (min-width:1024px) and (max-width:1919px){
        .design2{
            width: 173px;
            height: 34px;
            margin: 152px 0px 0px 15px;
            display: none;
        }         
}
    @media screen and (min-width:1920px){
        .design2 {
            position: absolute;
            width: 210px;
            height: 44px;
            margin: 146px 0px 0px 14px;
            display: none;
}