0.0.181 media 320px v.2.1

static/css/styles.css

@@ -338,10 +338,6 @@ footer>div {
     padding-top: 20px;
 }
 
-.second-footer>div>div:last-child {
-   width: 62%;
-    float: right;
-}
 
 .second-footer {
     padding: 0;
@@ -350,16 +346,28 @@ footer>div {
     background: #F8F8F8;
 }
 
-.sf_first-column{
-    width: 27%;
-    float: left;
-}
-.sf_second-column{
+.second-footer>div>div{
     display: inline-block;
 }
-.sf_third-column{
-    width: 33%;
-    float: right;
+.second-footer>div>div>a{
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    color: #272424;
+}
+
+.sf_1-column{
+    padding-left: 80px;
+     padding-right: 230px;
+}
+.sf_2-column,
+.sf_3-column
+{
+    padding-right: 40px;
+}
+.sf_4-column{
+    display: inline-block;
 }
 
 .second-column>div:first-child {
@@ -695,16 +703,6 @@ header>div:last-child>div:nth-child(2)>.svg {
     text-decoration: none;
 }
 
-.second-footer>div>div:first-child {
-    color: #272424;
-    font-family: Inter;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 22px;
-    width: 30%;
-    float: left;
-}
 
 .first-column>div:nth-child(2)>div:last-child>input:focus-visible {
     outline: unset;
@@ -2697,7 +2695,7 @@ details[open] summary ~ *{
 
 
 /*media breakpoints*/
-@media (max-width: 320px) {
+@media (max-width: 360px) {
 
     header{
         padding: 5px 16px;