.font-style {
    font-family: 'Libre Baskerville', serif;
}

.font-style a:link {
    text-decoration: none;
    color: #000000;
}

.font-style2 {
    font-family: 'Libre Baskerville', serif;
    color: #000000;
}

.font-style2 a:link {
    text-decoration: none;
    color: #000000;
}

.font-style2 a:visited {
    text-decoration: none;
    color: #000000;
}

#container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    height: 300px;
}

#animation {
    background-color: grey;
    width: 500px;
    height: 281px;
}

#business-card {
    position: relative;
	margin-top: -50px;
    width: 1000px;
    height: 202px;
}

#card-text {
    text-align: center;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

    .font-style {
        font-size: 28px;
    }

    .font-style2 {
        font-size: 16px;
    }

    #container {
        margin-top: 40px;
        max-width: 500px;
        min-height: 300px;
    }

    #animation {
        width: 500px;
        height: 281px;
    }
    
    #business-card {
		margin-top: -50px;
        width: 1000px;
        height: 202px;
    }

} 


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

    .font-style {
        font-size: 2.5rem;
    }

    .font-style2 {
        font-size: 1.8rem;
    }

    #container {
        margin-top: 40px;
        width: 800px;
        height: 300px;
    }

    #animation {
        width: 500px;
        height: 281px;
    }
    
    #business-card {
		margin-top: -50px;
        width: 1000px;
        height: 202px;
    }

} 




/* Large devices & extra large devices ((large) laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

    .font-style {
        font-size: 28px;
    }

    .font-style2 {
        font-size: 16px;
    }

    #container {
        margin-top: 40px;
        width: 1000px;
        height: 300px;
    }

    #animation {
        width: 500px;
        height: 281px;
    }
    
    #business-card {
		margin-top: -50px;
        width: 1000px;
        height: 202px;
    }
}