/*Extra Small*/
@media only screen and (max-width: 600px) {
	body {
		align-items: center;
		font-family: Arial, sans-serif;
		margin: 0;
		padding: 0;
		background-image: url('Images/Yellow_Watercolor.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		overflow-x: hidden;
		max-width: 100%;
	}
	.container {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		padding: 50px;
	}
	
	.logo {
		width: 300px; 
		height: auto;
	}
	
	.links {
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin: 0 10px;
		text-decoration: none;
		color: #000;
		font-size: 20px;
		}
	
	.info {
		text-align: left;
		max-width: 900px;
		margin: 50px auto;
		padding: 20px;
		text-align: center;
		backdrop-filter: blur(10px);
		border-radius: 5px;
	}
	
	.tonyone {
		font-family: "Oswald", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-size: 10px;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.justsaying {
		font-family: "Sacramento", cursive;
		font-style: normal;
		font-weight: bold;
		font-size: 10px;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.yellow {
		font-family: "Ultra", serif;
		font-style: normal;
		color: FFCB00;
		font-size: 30px;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.oswald {
		font-family: "Oswald", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-size: 28px;
	}
	
	.latoregular {
		font-family: "Lato", sans-serif;
		font-weight: 400;
		font-style: italic;
		font-size: 18px;
	}
	
	.lobsterregular {
		font-family: "Lobster", sans-serif;
		font-style: normal;
		font-size: 40px;
	}
	
	.email {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 5px;
	}
	
	.phone {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 5px;
	}
	
	.address {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 5px;
	}
}




/*Small*/
@media only screen and (min-width: 600px) {
	body {
		align-items: center;
		font-family: Arial, sans-serif;
		margin: 0;
		padding: 0;
		background-image: url('Images/Yellow_Watercolor.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.container {
		text-align: center;
		padding: 50px;
	}
	
	.logo {
		width: 200px; 
		height: auto;
	}
	
	.links {
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin: 0 10px;
		text-decoration: none;
		color: #000;
		font-size: 20px;
		}
	
	.info {
		text-align: left;
		max-width: 900px;
		margin: 50px auto;
		padding: 20px;
		text-align: center;
		backdrop-filter: blur(10px);
		border-radius: 5px;
	}
	
	.firstsentence {
		display: flex;
		gap: 20px;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		height: 100px;
		width: 100%;
	}
	
	.tonyone {
		font-family: "Oswald", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-size: 20px;
	}
	
	.justsaying {
		font-family: "Sacramento", cursive;
		font-style: normal;
		font-weight: bold;
		font-size: 20px;
	}
	
	.yellow {
		font-family: "Ultra", serif;
		font-style: normal;
		color: FFCB00;
		font-size: 70px;
	}
	
	.oswald {
		font-family: "Oswald", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-size: 28px;
	}
	
	.latoregular {
		font-family: "Lato", sans-serif;
		font-weight: 400;
		font-style: italic;
		font-size: 18px;
	}
	
	.lobsterregular {
		font-family: "Lobster", sans-serif;
		font-style: normal;
		font-size: 40px;
	}
	
	.email {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 5px;
	}
	
	.phone {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 5px;
	}
	
	.address {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 5px;
	}
}


/*Medium*/
@media only screen and (min-width: 768px) {
	body {
		align-items: center;
		font-family: Arial, sans-serif;
		margin: 0;
		padding: 0;
		background-image: url('Images/Yellow_Watercolor.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.container {
		text-align: center;
		padding: 50px;
	}
	
	.logo {
		width: 400px; 
		height: auto;
	}
	
	.links {
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin: 0 10px;
		text-decoration: none;
		color: #000;
		font-size: 20px;
		}
	
	.info {
		text-align: left;
		max-width: 900px;
		margin: 50px auto;
		padding: 20px;
		text-align: center;
		backdrop-filter: blur(10px);
		border-radius: 5px;
	}
	
	.firstsentence {
		display: flex;
		gap: 20px;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		height: 100px;
		width: 100%;
	}
	
	.tonyone {
		font-family: "Oswald", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-size: 20px;
	}
	
	.justsaying {
		font-family: "Sacramento", cursive;
		font-style: normal;
		font-weight: bold;
		font-size: 20px;
	}
	
	.yellow {
		font-family: "Ultra", serif;
		font-style: normal;
		color: FFCB00;
		font-size: 20px;
	}
	
	.oswald {
		font-family: "Oswald", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-size: 28px;
	}
	
	.latoregular {
		font-family: "Lato", sans-serif;
		font-weight: 400;
		font-style: italic;
		font-size: 18px;
	}
	
	.lobsterregular {
		font-family: "Lobster", sans-serif;
		font-style: normal;
		font-size: 40px;
	}
	
	.email {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 5px;
	}
	
	.phone {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 5px;
	}
	
	.address {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 5px;
	}
}



/*Large*/
@media only screen and (min-width: 992px) {
	body {
		align-items: center;
		font-family: Arial, sans-serif;
		margin: 0;
		padding: 0;
		background-image: url('Images/Yellow_Watercolor.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.container {
		text-align: center;
		padding: 50px;
	}
	
	.logo {
		width: 400px; 
		height: auto;
	}
	
	.links {
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin: 0 10px;
		text-decoration: none;
		color: #000;
		font-size: 20px;
		}
	
	.info {
		text-align: left;
		max-width: 900px;
		margin: 50px auto;
		padding: 20px;
		text-align: center;
		backdrop-filter: blur(10px);
		border-radius: 5px;
	}
	
	.firstsentence {
		display: flex;
		gap: 20px;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		height: 20vh;
		width: 100%;
	}
	
	.tonyone {
		font-family: "Oswald", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-size: 5vh;
	}
	
	.justsaying {
		font-family: "Sacramento", cursive;
		font-style: normal;
		font-weight: bold;
		font-size: 5vh;
	}
	
	.yellow {
		font-family: "Ultra", serif;
		font-style: normal;
		color: FFCB00;
		font-size: 5vh;
	}
	
	.oswald {
		font-family: "Oswald", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-size: 28px;
	}
	
	.latoregular {
		font-family: "Lato", sans-serif;
		font-weight: 400;
		font-style: italic;
		font-size: 18px;
	}
	
	.lobsterregular {
		font-family: "Lobster", sans-serif;
		font-style: normal;
		font-size: 40px;
	}
	
	.email {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 5px;
	}
	
	.phone {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 5px;
	}
	
	.address {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 5px;
	}
}



/*Extra large*/
@media only screen and (min-width: 1200px) {
	body {
		align-items: center;
		font-family: Arial, sans-serif;
		margin: 0;
		padding: 0;
		background-image: url('Images/Yellow_Watercolor.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.container {
		text-align: center;
		padding: 50px;
	}
	
	.logo {
		width: 400px; 
		height: auto;
	}
	
	.links {
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin: 0 10px;
		text-decoration: none;
		color: #000;
		font-size: 20px;
		}
	
	.info {
		text-align: left;
		max-width: 900px;
		margin: 50px auto;
		padding: 20px;
		text-align: center;
		backdrop-filter: blur(10px);
		border-radius: 5px;
	}
	
	.firstsentence {
		display: flex;
		gap: 20px;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		height: 20vh;
		width: 100%;
	}
	
	.tonyone {
		font-family: "Oswald", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-size: 30px;
	}
	
	.justsaying {
		font-family: "Sacramento", cursive;
		font-style: normal;
		font-weight: bold;
		font-size: 30px;
	}
	
	.yellow {
		font-family: "Ultra", serif;
		font-style: normal;
		color: FFCB00;
		font-size: 30px;
	}
	
	.oswald {
		font-family: "Oswald", sans-serif;
		font-optical-sizing: auto;
		font-weight: <weight>;
		font-style: normal;
		font-size: 28px;
	}
	
	.latoregular {
		font-family: "Lato", sans-serif;
		font-weight: 400;
		font-style: italic;
		font-size: 18px;
	}
	
	.lobsterregular {
		font-family: "Lobster", sans-serif;
		font-style: normal;
		font-size: 40px;
	}
	
	.email {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 5px;
	}
	
	.phone {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 5px;
	}
	
	.address {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 5px;
	}
}