diff --git a/index.html b/index.html
index 4c1b74f..4785787 100644
--- a/index.html
+++ b/index.html
@@ -3,6 +3,7 @@
 	<head>
 		<meta charset="utf-8" />
 		<title>Caesar Schinas</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<link href="https://fonts.googleapis.com/css?family=Gentium+Basic&amp;subset=latin-ext" rel="stylesheet">
 		<link rel="stylesheet" href="./font-awesome/css/font-awesome.css" />
 		<link rel="stylesheet" href="./style.css" />
@@ -27,7 +28,7 @@
 			<h1>Caesar Schinas</h1>
 			<img class="profile" src="./images/caesar.jpg" width="160" height="160" />
 			<p class="ipa" lang="en-fonipa">/ ˈsiːzə ˈskɪnəs /</p>
-			<p class="dfn">Sailor; &nbsp;programmer; &nbsp;web designer; &nbsp;publisher.</p>
+			<p class="dfn">Sailor;&nbsp; programmer;&nbsp; web designer;&nbsp; publisher.</p>
 		</header>
 		<p>
 			<strong>Hello.</strong> Thanks for dropping by. There’s not much to see here at the moment, but feel free to drop me a line using one of the links below.
diff --git a/style.css b/style.css
index 6a8cda6..27306e6 100644
--- a/style.css
+++ b/style.css
@@ -12,7 +12,7 @@ body {
 	max-width: 30em;
 	margin: auto;
 	padding: 2em;
-	font-size: 20px;
+	font-size: 16px;
 	line-height: 1.5em;
 }
 h1, p {
@@ -23,13 +23,15 @@ header {
 }
 h1 {
 	font-weight: normal;
+	font-size: 2em;
+	margin-right: 0.5em;
 }
 h1, .ipa {
 	display: inline-block;
 }
 .ipa {
 	color: #888;
-	margin: 0 0 0 1em;
+	margin: 0;
 	letter-spacing: 0.05em;
 }
 img.profile {
@@ -76,3 +78,32 @@ img.profile {
 		border-color: #999;
 	}
 }
+
+@media (min-width: 480px) {
+	body {
+		font-size: 18px;
+	}
+}
+@media (min-width: 800px) {
+	body {
+		font-size: 20px;
+	}
+}
+
+@media (max-width: 580px) {
+	img.profile {
+		height: 5em;
+		width: 5em;
+		/* margin-top: 0; */
+	}
+}
+@media (max-width: 400px) {
+	h1 {
+		font-size: 1.75em;
+	}
+	img.profile {
+		height: 5em;
+		width: 5em;
+		margin-top: 0;
+	}
+}
