diff --git a/css/swc.css b/css/swc.css
index cb0413e4696b3bce1bfcc05bda0eb701989f284d..b29dc3f6d57c62c09586a80f522345467c2f84d2 100644
--- a/css/swc.css
+++ b/css/swc.css
@@ -119,6 +119,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. */
@@ -140,6 +143,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;