/*INDEX PAGE CSS BEGINS*/
.content h1 {
    font-size:60px;
    font-weight:100;
    margin-top:24px;
    margin-bottom:15px;
    color:#232d;
}

.content h1 {
    font-size:60px;
    font-weight:100;
    margin-top:24px;
    margin-bottom:15px;
    color:#232d;
}

.content p {
    font-size:20px;
    color:#636faa;
    max-width:620px;
}

.content {
    margin:10%;
    margin:10%;
}

.content .button {
    display:inline-block;
    background:linear-gradient(45deg, #9699f7, #f5266e);
    border-radius:6px;
    padding: 10px 20px;
    box-sizing:border-box;
    text-decoration: none;
    color: #fff;
    box-shadow: 3px 8px 22px rgba(94,28,68,0.15);
    animation: myAnim 2s ease 0s 1 normal forwards;
}

/*ANIMATION*/
@keyframes myAnim {
    0% {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

.springcollection {
    font-family:'Great Vibes', cursive;
    color:#ce517c;
}

.arrow-icons {
    margin-top:40px;
    display:flex;
}

.arrow-icons img {
    width:40px;
    margin-right:25px;
}

.shelby-img {
    height:70%;
    position:absolute;
    bottom:30px;
    right:30px;
    border-radius: 50%;
}

.social-links {
    transform:rotate(-90deg);
    position:absolute;
    left:-80px;
    bottom:180px;
}

.social-links a {
    text-decoration:none;
    color:#6a7199;
    padding-right:20px;
    font-size:14px;
}
/*END OF INDEX.HTML CSS*/

/*MEDIA QUERY FOR iPAD AIR BEGINS (820x1180px)*/
@media only screen and (max-width:820px) {
html {height: 1180px;}
.brandname {font-size: 3rem; padding-left: 25px;}
.cart {width:70px}
}
/*MEDIA QUERY FOR iPAD AIR ENDS*/


/*MEDIA QUERY FOR iPHONE X BEGINS*/
@media only screen and (max-width:400px) {
    html {height: 896px;padding:15px;}
    .brandname {font-size: 25px; padding-left: 15px;}
    .cart {width:40px}
.content .button {
    font-size: 14px;
    padding:5px;
    display:inline;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}
}
/*MEDIA QUERY FOR iPHONE X ENDS*/