Save

layout/style-scss/tuzzer.scss

@@ -300,8 +300,13 @@ $fAnton: 'Anton', sans-serif;
 }
 //* ~~~~~~~~~~~~~~ *//
 
+html {
+	scroll-behavior: smooth;
+}
+
 body {
 	background: $cYellowLight;
+	scroll-behavior: smooth;
 
 	.page-content {
 		overflow: hidden;
@@ -406,6 +411,7 @@ header {
 					font-family: $fProxima;
 					line-height: 1;
 					font-weight: 900;
+					margin-bottom: 20px;
 
 					@include respond-below(sm) {
 						font-size: 46px;
@@ -420,6 +426,15 @@ header {
 						color: $cYellow;
 					}
 				}
+
+				h4 {
+					color: $cBlack;
+					font-size: 24px;
+					font-family: $fProxima;
+					line-height: 1;
+					font-weight: 700;
+					margin-bottom: 20px;
+				}
 				.buttons {
 					display: flex;
 					flex-direction: row;
@@ -1409,6 +1424,23 @@ header {
 			}
 		}
 	}
+
+	figure {
+		picture {
+			source {
+				display: block;
+				margin: 0 auto;
+				width: 100%;
+				max-width: fit-content;
+			}
+			img {
+				display: block;
+				margin: 0 auto;
+				width: 100%;
+				max-width: fit-content;
+			}
+		}
+	}
 }
 
 .box-10 {
@@ -1702,3 +1734,112 @@ footer {
 		}
 	}
 }
+
+//
+
+.footer {
+	background: $cVioletDarkBg;
+	background-image: url('/upload/filemanager/images/footer-bg.png');
+	background-size: contain;
+	background-repeat: no-repeat;
+	background-position: center;
+	padding-top: 50px;
+	padding-bottom: 50px;
+
+	h6 {
+		font-family: $font-1;
+		font-size: 17px;
+		line-height: 31px;
+		font-weight: 700;
+		color: $cGrayText;
+		margin-bottom: 40px;
+	}
+
+	a {
+		margin-bottom: 20px;
+		color: #fff;
+		font-family: $font-1;
+		font-weight: 300;
+		font-size: 15px;
+	}
+
+	p {
+		margin-bottom: 7px;
+		color: #fff;
+		font-family: $font-1;
+		font-weight: 300;
+		font-size: 15px;
+	}
+
+	.social-media {
+		display: flex;
+		justify-content: flex-start;
+		align-items: center;
+		position: absolute;
+		bottom: 0;
+
+		img {
+			width: 15px;
+			height: 15px;
+			margin-right: 20px;
+		}
+	}
+
+	.row {
+		&.copyright {
+			div[class^='col-'] {
+				display: flex;
+				justify-content: space-between;
+				align-items: flex-end;
+
+				@include respond-below(xs) {
+					justify-content: center;
+					flex-direction: column-reverse;
+					text-align: center;
+					align-items: center;
+				}
+
+				.btn5 {
+					margin-bottom: 0;
+
+					@include respond-below(xs) {
+						margin-bottom: 50px;
+					}
+				}
+			}
+
+			p {
+				span {
+					margin-right: 10px;
+					margin-left: 10px;
+				}
+
+				@include respond-below(sm) {
+					font-size: 10px;
+				}
+			}
+		}
+	}
+}
+
+#scontainer-9 {
+	strong {
+		font-weight: 600;
+		text-transform: uppercase;
+		display: block;
+		margin-bottom: 10px;
+	}
+
+	ul {
+		padding: 0;
+		margin: 0;
+		margin-bottom: 50px;
+		list-style-type: none;
+
+		li {
+			a {
+				margin: 0;
+			}
+		}
+	}
+}