body {
	font-family: Consolas, Arial;
	font-size: 17px;
	color: black;
	padding: 0;
	line-height: 1.2;
	margin: 0; /* Remove fixed margins */
	display: block; /* Remove flexbox properties */
}

@media (max-width: 768px) {
  body {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  body {
    font-size: 14px;
  }
}

h1 {
    color: #000;
}

a { 
	color: #000;
}

.intro {
    margin-bottom: 5%;
	width: 90%; /* Full width */
	max-width: 1100px; /* Set a max width to prevent stretching on larger screens */
	margin-left: 5%; /* Align to the left */
	margin-right: 5%; /* Add some right margin for spacing */
	text-align: left; /* Ensure text is left-aligned */
}

.contact {
	text-align: right; /* Align text to the left */
	margin-bottom: 5%;
	width: 90%; /* Full width */
	max-width: 1100px; /* Set a max width to prevent stretching on larger screens */
	margin-left: 5%; /* Align to the left */
	margin-right: 5%; /* Add some right margin for spacing */
}

.small {
  font-size: 15px;
}