@media (min-width: 400px) {
			.word-generator{
				width: 90%;
			}
		}
			
		/* Larger than phablet (also point when grid becomes active) */
		@media (min-width: 550px) {
			.word-generator{
				width: 66.66%;
			}
		}

		/* Larger than tablet */
		@media (min-width: 750px) {
			.word-generator{
				width: 50%;
			}
		}

		/* Larger than desktop */
		@media (min-width: 1000px) {
			.word-generator{
				width: 33.33%;
			}
		}

		/* Larger than Desktop HD */
		@media (min-width: 1200px) {
			.word-generator{
				width: 25%;
			}
		}
		.load-generate {
			margin: auto;
			width: 75px;
		}
		.button-container{
			display: grid;
			padding: 5px;
		}
		.button-generate {
		  background-color: #33C3F0;
		  border-radius: 5px;
		  text-align: center;
		  font-size: 120%;
		  font-weight: bold;
		  border: none;
		  color: white;
		  padding: 12px;
		  margin: auto;
		}
	.word-generator{
		width: 95%;
		background-color: #fff;
		padding: 3px;
		margin: auto;
	}
	.word-generator span{
		font-size: 125%;
		color: #000;
		line-height: 3%;
		font-family: serif;
		font-weight: bold;
	}
	#namegen-output {
		text-align: center;
		padding: 3px;
	}