diff --git a/crabfit-frontend/public/fonts/molot.otf b/crabfit-frontend/public/fonts/molot.otf
new file mode 100644
index 0000000..28c3049
Binary files /dev/null and b/crabfit-frontend/public/fonts/molot.otf differ
diff --git a/crabfit-frontend/public/fonts/samuraibob.ttf b/crabfit-frontend/public/fonts/samuraibob.ttf
new file mode 100644
index 0000000..8ab735c
Binary files /dev/null and b/crabfit-frontend/public/fonts/samuraibob.ttf differ
diff --git a/crabfit-frontend/public/index.css b/crabfit-frontend/public/index.css
index 749c6cd..1101eb6 100644
--- a/crabfit-frontend/public/index.css
+++ b/crabfit-frontend/public/index.css
@@ -3,3 +3,15 @@
 	src: url('fonts/karla-variable.ttf') format('truetype');
 	font-weight: 1 999;
 }
+
+@font-face {
+	font-family: 'Samurai Bob';
+	src: url('fonts/samuraibob.ttf') format('truetype');
+	font-weight: 400;
+}
+
+@font-face {
+	font-family: 'Molot';
+	src: url('fonts/molot.otf') format('opentype');
+	font-weight: 400;
+}
diff --git a/crabfit-frontend/src/components/CalendarField/calendarFieldStyle.ts b/crabfit-frontend/src/components/CalendarField/calendarFieldStyle.ts
index a8f7e18..1789310 100644
--- a/crabfit-frontend/src/components/CalendarField/calendarFieldStyle.ts
+++ b/crabfit-frontend/src/components/CalendarField/calendarFieldStyle.ts
@@ -33,21 +33,35 @@ export const CalendarDays = styled.div`
 	grid-gap: 2px;
 `;
 
+export const Day = styled.div`
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 3px 0;
+	font-weight: bold;
+	user-select: none;
+	opacity: .7;
+
+	@media (max-width: 350px) {
+		font-size: 12px;
+	}
+`;
+
 export const CalendarBody = styled.div`
 	display: grid;
 	grid-template-columns: repeat(7, 1fr);
 	grid-gap: 2px;
 
-	& div:first-child {
+	& div:first-of-type {
 		border-top-left-radius: 3px;
 	}
-	& div:nth-child(7) {
+	& div:nth-of-type(7) {
 		border-top-right-radius: 3px;
 	}
-	& div:nth-last-child(7) {
+	& div:nth-last-of-type(7) {
 		border-bottom-left-radius: 3px;
 	}
-	& div:last-child {
+	& div:last-of-type {
 		border-bottom-right-radius: 3px;
 	}
 `;
@@ -81,13 +95,3 @@ export const Date = styled.div`
 		color: ${props.isToday ? props.theme.primaryDark : (props.otherMonth ? props.theme.primaryLight : 'inherit')};
 	`}
 `;
-
-export const Day = styled.div`
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	padding: 3px 10px;
-	font-weight: bold;
-	user-select: none;
-	opacity: .7;
-`;
diff --git a/crabfit-frontend/src/pages/Home/homeStyle.ts b/crabfit-frontend/src/pages/Home/homeStyle.ts
index f4cb919..ac3f3a0 100644
--- a/crabfit-frontend/src/pages/Home/homeStyle.ts
+++ b/crabfit-frontend/src/pages/Home/homeStyle.ts
@@ -14,7 +14,7 @@ export const TitleSmall = styled.span`
 	margin: 0;
 	font-size: 3rem;
 	text-align: center;
-	font-family: 'CF Samurai Bob';
+	font-family: 'Samurai Bob';
 	font-weight: 400;
 	color: ${props => props.theme.primaryDark};
 	line-height: 1em;
@@ -29,6 +29,10 @@ export const TitleLarge = styled.h1`
 	font-weight: 400;
 	text-shadow: 0 4px 0 ${props => props.theme.primaryDark};
 	line-height: 1em;
+
+	@media (max-width: 350px) {
+		font-size: 3.5rem;
+	}
 `;
 
 export const Logo = styled.img`