html, body {
	height: 100%;
	margin: 0;
}

body {
    background-image: url('../assets/images/BestieBeads Background.png');
	background-repeat: repeat;       /* tile the image */
	margin: 0;  
    font-family: 'Open Sans', sans-serif;
}

.content {
	display: flex;
	justify-content: center;  /* horizontal centering */
	align-items: center;      /* vertical centering */
	height: 100vh;            /* full viewport height */
}

.logo {
    text-align: center;
}

.logo img {
    width: 50%;
}

.footer {
    width: 100%;
    position: relative;
    bottom: 10%;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}


/* Tablet */
@media screen and (max-width: 1024px) and (min-width: 768px) {
	/* Styles specific to tablets */
	.logo img {
		width: 60%;
	}
    
    .footer {
        bottom: 20%;
    }
}

/* Phone */
@media screen and (max-width: 767px) {
	/* Styles specific to phones */
	.logo img {
		width: 80%;
	}

    .footer {
        bottom: 30%;
    }
}