diff --git a/css/events.css b/css/events.css
new file mode 100644
index 0000000000000000000000000000000000000000..76bf7c978529e0c37bf70254ad9465cc390574c7
--- /dev/null
+++ b/css/events.css
@@ -0,0 +1,41 @@
+.events-list {
+  min-height: 65px;
+}
+
+.event-details {
+  min-height: 80vh;
+}
+
+.bootcards-richtext>.panel-body {
+  font-size: 16px;
+  max-width: 968px;
+  padding: 25px 35px;
+}
+
+.bootcards-richtext>.panel-body img {
+  margin: 15px 0;
+}
+
+.col-sm-8 .panel-heading .panel-title {
+  padding-left: 20px;
+}
+
+.panel-heading .panel-title {
+  font-weight: 700;
+  margin-top: 15px;
+}
+
+.event-card .panel-body img {
+  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
+  max-width: 80%;
+}
+
+.separator {
+  margin: -1px 15px;
+  padding: 15px 0 10px;
+}
+
+.separator-top {
+  margin-right: 15px;
+  padding: 15px 0 10px;
+}
diff --git a/css/main.css b/css/main.css
index acffc9d9957315ef6097108c73c404d20d0ba511..c7b45b1fdc1bc48c6f462259d2aba65166b35dcb 100644
--- a/css/main.css
+++ b/css/main.css
@@ -35,45 +35,3 @@ h1 {
   margin: auto;
   max-width: 968px;
 }
-
-.separator {
-  margin: -1px 15px;
-  padding: 15px 0 10px;
-}
-
-.separator-top {
-  margin-right: 15px;
-  padding: 15px 0 10px;
-}
-
-.events-list {
-  min-height: 65px;
-}
-
-.event-details {
-  min-height: 80vh;
-}
-
-.bootcards-richtext>.panel-body {
-  font-size: 16px;
-  max-width: 968px;
-  padding: 25px 35px;
-}
-
-.bootcards-richtext>.panel-body img {
-  margin: 15px 0;
-}
-
-.col-sm-8 .panel-heading .panel-title {
-  padding-left: 20px;
-}
-
-.panel-heading .panel-title {
-  font-weight: 700;
-  margin-top: 15px;
-}
-
-.event-card .panel-body img {
-  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
-  max-width: 80%;
-}