/* Short screens */
@media (max-height: 700px) {
    #words {
		top: 20%;
    	transform: translateY(0);
	}
}

/* Tiny screens */
@media (max-width: 800px) {
    #buttons #application_button {
        font-size: 1.9em;
    }
}

/* Small screens */
@media (max-width: 900px) {
    #words {
        background-size: 315px;
        width: 315px;
    	height: 400px;
    }
}

/* Medium screens */
@media (max-width: 1200px) {
    #buttons {
        height: 510px;
    }
	#buttons ul {
	    font-size: 1.4em;
	}
    
	#buttons li {
		height: 75px;
		margin: 0;
	}

    ul#application_button {
        margin-top: 20px;
        font-size: 1.9em;
    }

    .button-group {
        top: 25%;
    }
}

@media (min-width: 900px) and (max-width: 1200px) {
    #words {
        background-size: 390px;
        width: 390px;
        height: 470px;
    }
}