diff --git a/assets/img/footer-face-logo.png b/assets/img/footer-face-logo.png
new file mode 100644
index 0000000..6b2afcf
Binary files /dev/null and b/assets/img/footer-face-logo.png differ
diff --git a/assets/img/footer-insta-logo.png b/assets/img/footer-insta-logo.png
new file mode 100644
index 0000000..0abd451
Binary files /dev/null and b/assets/img/footer-insta-logo.png differ
diff --git a/assets/img/footer-youtube-logo.png b/assets/img/footer-youtube-logo.png
new file mode 100644
index 0000000..397ea3e
Binary files /dev/null and b/assets/img/footer-youtube-logo.png differ
diff --git a/assets/styles/style.css b/assets/styles/style.css
index 8b6bcf9..ff65408 100644
--- a/assets/styles/style.css
+++ b/assets/styles/style.css
@@ -173,11 +173,46 @@ body{
margin-bottom: 50px;
}
-.final-card-image-desktop{
+.final-photo-desktop{
width: 70%;
margin-bottom: 116px;
}
+footer{
+ background: #000000;
+ color: #BDBDBD;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+}
+
+.footer-text{
+ font-size: 10px;
+ line-height: 12px;
+ text-transform: uppercase;
+ margin-bottom: 38px;
+}
+
+.footer-logo{
+ margin-top: 38px;
+ margin-bottom: 16px;
+}
+
+a {
+ text-decoration: none;
+}
+
+.logo1
+{
+ padding-right: 21px;
+}
+
+.logo3
+{
+ padding-left: 21px;
+}
+
@media screen and (max-width:992px) {
@@ -221,11 +256,21 @@ body{
.main-banner-desktop, .final-photo-desktop{
display: none;
}
-
+
.main-banner-mobile, .final-photo-mobile{
display: block;
max-width: 100%;
}
+ .final-photo-mobile{
+ margin-bottom: 50px;
+ }
+
+ .footer-text{
+ font-size: 10px;
+ line-height: 12px;
+ max-width: 261px;
+ text-align: center;
+ }
}
@media screen and (max-width:768px){
@@ -313,5 +358,32 @@ body{
padding: 573px 0;
}
+ .final-card-info{
+ max-width: 1050px;
+ }
+
+ .final-card-text{
+ font-size: 48px;
+ line-height: 72px;
+ margin-bottom: 150px;
+ }
+
+ .final-card-title{
+ font-size: 72px;
+ line-height: 87px;
+ }
+
+ .footer-text{
+ font-size: 30px;
+ line-height: 36px;
+ text-transform: uppercase;
+ margin-bottom: 38px;
+ max-width: 1200px;
+ }
+
+ .logo-header{
+ width: 300%;
+ }
+
}
diff --git a/index.html b/index.html
index c808696..ffebcad 100644
--- a/index.html
+++ b/index.html
@@ -130,5 +130,27 @@
+
+