overlapping styles removed

Signed-off-by: Karan Singh Thakur <[email protected]>

_sass/elements.scss

@@ -1,6 +1,6 @@
 
 html {
-	background: $coolgray;
+	background: var(--background-light);
 }
 
 html, body {
@@ -30,10 +30,6 @@ img {
 	// width: 100%;
 }
 
-h1 strong, h2 strong {
-	font-weight: 700;
-}
-
 h1 {
 	font-weight: 300;
 	font-size: 2.3em;
@@ -53,10 +49,7 @@ span.special-text{
 	font-weight: 500;
 	opacity: 0;
 }
-.div-skew{
-	// width: fit-content;
-	display: inline-block;
-}
+
 
 h2 {
 	font-weight: 300;
@@ -78,7 +71,9 @@ h3 {
 h4{
 	color: var(--color-secondary-dark);
 }
-
+.box-shadow-primary{
+    box-shadow: var(--box-shadow-primary);
+}
 
 p, address {
 	font-size: 1.38em;
@@ -88,6 +83,28 @@ p, address {
 	line-height: 1.4em;
 }
 
+.fa,
+.fas,
+.far,
+.fal,
+.fad,
+.fab {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  font-style: normal;
+  font-variant: normal;
+  text-rendering: auto;
+  line-height: 1; }
+
+.fa-copy:before {
+  content: "\f0c5"; }
+
+.far {
+  font-family: 'Font Awesome 5 Free';
+  font-weight: 400; 
+
+}
 p.grey-bg-text{
 	color: var(--color-secondary-medium);
 }
@@ -102,9 +119,43 @@ li.heading{
 	text-align: center;
 }
 
+.button{
+	background-color: var(--brand-color-primary) !important;
+    border-radius: 0.25rem;
+    color: #fff;
+    display: inline-block;
+    font-size: 1rem;
+    padding: 1rem 2rem;
+    text-align: center;
+    text-decoration: none !important;
+    margin-left: 6px;
+    border: 0;
+	box-shadow: var(--box-shadow-primary);
+	cursor: pointer;
+	transition: all .4s;
+
+
+	&:hover{
+		background: #00B39F !important;
+		transform: translateY(-2px);
+		color: #fff
+	}
+}
+
 .bg-grey-300{
 	background: var(--background-light-cards);
 	box-shadow: var(--box-shadow-primary);
+    background-color: #f1f5f9;
+    width: auto;
+    margin: 3%;
+    padding: 20px;
+    border-radius: 0.25rem;
+    display: flex;
+    flex-direction: column;
+}
+
+.mailing-row{
+	display: inline;
 }
 
 @keyframes glow {
@@ -126,4 +177,5 @@ li.heading{
 		opacity: 1;
 		transform: skewX(0deg);
 	}
-  }
+  }
+

_sass/landing-page.scss

@@ -20,7 +20,6 @@
 
 #button-scroll-to-up {
   display: inline-block;
-  background-color: #3c494f;
   width: 55.5px;
   height: 55.5px;
   text-align: center;

_sass/layout.scss

@@ -479,8 +479,6 @@ hr {
 
 }
 
-//   tooltip
-@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700");
 
 *::before,
 *::after {