diff --git a/css/swc.css b/css/swc.css
index 73a5751..ccdfb56 100644
--- a/css/swc.css
+++ b/css/swc.css
@@ -74,6 +74,9 @@ div.chapter h2 {
 /* Objectives and key points */
 .objectives, .keypoints {
     background-color: azure;
+    border: 5px solid azure;
+    margin: 1em 0;
+    padding: 0em 1em;
 }
 
 /* Things to fix. */
@@ -107,6 +110,14 @@ blockquote.testimonial cite {
     font-style: italic;
 }
 
+/* Callout Box */
+.callout {
+    background-color: #EEE;
+    border: 5px solid #EEE;
+    margin: 1em 0;
+    padding: 0em 1em;
+}
+
 /* Tables used for displaying choices in challenges. */
 table.choices tr td {
     vertical-align : top;