RESPONSIVE

css/main.css

@@ -229,25 +229,6 @@ hr::after {
 	font-weight: 300;
 }
 
-
-@media screen and (max-width: 736px) {
-	#header {
-	    min-height: 0;
-	    padding: 5.5em 0 5em 0;
-	    height: auto;
-	}
-
-	#header h1 {
-    	font-size: 2.5em;
-	}
-
-	#header .inner {
-	    padding-top: 1.5em;
-	    padding-left: 1em;
-	    padding-right: 1em;
-	}
-}
-
 #header .background {
 	background: linear-gradient(145deg, #3f2b4e 0%,#7b6b75 23%,#58445d 42%,#56425b 52%,#c7bbbd 81%,#422d4f 100%);
 	filter: blur(50px);
@@ -392,7 +373,7 @@ main section h2::after {
 	text-decoration: none;
 	width: 100%;
 	background: #ffd1eb26;
-	border-radius: 0;
+	border-radius: 0;F
 	border: solid 2px #553f59;
 	color: inherit;
 	line-height: 3em;
@@ -430,6 +411,7 @@ main section h2::after {
 	position: absolute;
 	right: 6em;
 	bottom: 2.4em;
+	max-width: 50%;
 }
 
 #contact .social_network .icons {
@@ -469,9 +451,74 @@ main section h2::after {
 }
 
 main footer, body > footer {
-	line-height: 0.8rem;
+	line-height: 1.2em;
 	padding: 2.5em 0 2em 0;
 	font-size: 0.8em;
 	text-align: center;
 	opacity: 0.75;
+}
+
+main footer p, body > footer p {
+	margin: 0.25em 0
+}
+
+#trust ul {
+	padding-left: 20px;
+}
+
+#trust ul li {
+    list-style: circle;
+}
+
+@media screen and (max-width: 736px) {
+	#header {
+	    min-height: 0;
+	    padding: 5.5em 0 5em 0;
+	    height: auto;
+	}
+
+	#header h1 {
+    	font-size: 2.5em;
+	}
+
+	#header .inner {
+	    padding-top: 1.5em;
+	    padding-left: 1em;
+	    padding-right: 1em;
+	}
+	main {
+		max-width: calc(100% - 3em);
+	}
+	main > section {
+    	padding: 2em;
+	}
+	main section h2 {
+    	font-size: 1.6em;
+	}
+
+	#contact h3 {
+		letter-spacing: 0.02em;
+		font-size: 0.9rem;
+	}
+
+	#contact .social_network {
+	    right: 0.2em;
+	    bottom: 0.4em;
+	}
+
+	#services li {
+		width: 50%;
+	}
+}
+
+@media screen and (max-width: 436px) {
+	main {
+		max-width: calc(100% - 1.5em);
+	}
+	main > section {
+    	padding: 1em;
+	}
+	#services li {
+		width: 100%;
+	}
 }