@font-face { font-family: ItalianCursive; src: url('../fonts/ItalianCursive.TTF')}
@font-face { font-family: bodyText; src: url('../fonts/IMFellDWPica-Italic.ttf')}

body {
    font-family: bodyText;
    font-size: 1em;
    margin: 0 0 0 0;
}

button {
    cursor: pointer;
}

h1 {
    font-family: ItalianCursive;
    font-weight: normal;
}

.center-text {
    text-align: center;
}

footer {
    font-size: 3em;
}

main img{
    width: 100%;
}

.banner-collections {
    width: 100%;
}

#couture-banner{
    font-family: bodyText;
}
#couture-banner img {
        width: 322px;
        float: left;
        position: relative;
        left: 65%;
        transition: left 1s;
}
#couture-banner button {
        border: none;
}

#glamour-of-horror-banner{
    font-family: bodyText;
}
#glamour-of-horror-banner img {
        width: 322px;
        float: left;
        position: relative;
        left: 65%;
        transition: left 1s;
}
#glamour-of-horror-banner button {
        border: none;
}

#eras-tour-banner-image{
    width: 250px;
    float: right;
    left: -70%;
    position: relative;
    transition: left 1s;
}

#eras-tour-banner-p {
    font-family: bodyText;
           font-size: 8em;
           color: rgba(51,51,51,0);
           transition: color 0.5s;
}

#couture-banner button p {
       font-family: bodyText;
       font-size: 8em;
       color: rgba(204,204,204,0);
       transition: color 0.5s;
        }

#glamour-of-horror-banner button p {
       font-family: bodyText;
       font-size: 8em;
       color: rgba(204,204,204,0);
       transition: color 0.5s;
        }

.force-lowercase{
    text-transform: lowercase;
}

.force-capitalize{
    text-transform: capitalize;
}

.footerLink {
    text-decoration: none;
}

@media (max-width: 1000px) {
    p { font-size: 1.25em; }
}