diff --git a/css/swc.css b/css/swc.css
index e5e769c2775837743eb88177000e17f4cd15a1e0..61b419eaca8ed9503bef82a92d2b0bde7449213c 100644
--- a/css/swc.css
+++ b/css/swc.css
@@ -64,6 +64,9 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
 /* Objectives and key points */
 .objectives, .keypoints {
     background-color: azure;
+    border: 5px solid azure;
+    margin: 1em 0;
+    padding: 0em 1em;
 }
 
 /* Things to fix. */
@@ -85,6 +88,14 @@ blockquote {
     width: 90%;
 }
 
+/* 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;