refactor: corrects the writing of media requests

blocks/advantages/advantages.css

@@ -5,7 +5,7 @@
     flex-direction: column;
 }
 
-@media screen and (max-width:1199px) {
+@media screen and (max-width: 1199px) {
     .advantages{
         gap: 30px;
         padding: 56px 0 0;

blocks/form-fieldset/__legend/_for/form-fieldset__legend_for_contact-info.css

@@ -1,7 +1,7 @@
 .form-fieldset__legend_for_contact-info{
     padding: 0 31px;
 }
-@media (max-width:659px){
+@media screen and (max-width: 659px){
     .form-fieldset__legend_for_contact-info{
         display: none;
     }

blocks/header/__container/header__container.css

@@ -8,13 +8,13 @@
     box-sizing: border-box;
 }
 
-@media (max-width:1199px){
+@media screen and (max-width: 1199px){
     .header__container{
         padding: 27px 20px 43px;
     }
 }
 
-@media (max-width:659px){
+@media screen and (max-width: 659px){
     .header__container{
         align-items: center;
         padding: 22px 20px;

blocks/header/__menu-burger/header__menu-burger.css

@@ -5,7 +5,7 @@
     cursor: pointer;
 }
 
-@media(min-width:1199px){
+@media screen and (min-width: 1199px){
     .header__menu-burger{
         display: none;
     }

blocks/header/__nav-list/header__nav-list.css

@@ -10,7 +10,7 @@
     line-height: 18px;
 }
 
-@media(max-width:1199px){
+@media screen and (max-width: 1199px){
     .header__nav-list{
         display: none;
     }

blocks/hero/__button/hero__button.css

@@ -25,7 +25,7 @@
     color: rgb(178, 40, 102, 0.5);
 }
 
-@media(max-width:659px){
+@media screen and (max-width: 659px){
     .hero__button{
         width: 280px;
     }

blocks/hero/__container/hero__container.css

@@ -4,14 +4,14 @@
 
 }
 
-@media(max-width:1199px){
+@media screen and (max-width: 1199px){
     .hero__container{
         max-width:240px;
         padding: 0 30px 30px;
     }
 }
 
-@media(max-width:659px){
+@media screen and (max-width: 659px){
     .hero__container{
         max-width:280px;
     }

blocks/hero/__info/hero__info.css

@@ -7,7 +7,7 @@
     width: 300px;
 }
 
-@media(max-width:659px){
+@media screen and (max-width: 659px){
     .hero__info{
         padding-top: 28px;
         margin-top: 269px;

blocks/hero/__subtitle/hero__subtitle.css

@@ -11,7 +11,7 @@
     line-height: 24px;
 }
 
-@media(max-width:659px){
+@media screen and (max-width: 659px){
     .hero__subtitle{
         font-family: 14px;
         opacity: 0.7;

blocks/hero/__system-list/hero__system-list.css

@@ -7,13 +7,13 @@
     margin: 67px 0 61px;
 }
 
-@media(max-width:1199px){
+@media screen and (max-width: 1199px){
     .hero__system-list{
         margin: 51px 0 51px 0;
     }
 }
 
-@media(max-width:659px){
+@media screen and (max-width: 659px){
     .hero__system-list{
         margin: 28px 0;
     }

blocks/hero/__title/hero__title.css

@@ -8,14 +8,14 @@
     margin: 0;
 }
 
-@media(max-width:1199px){
+@media screen and (max-width: 1199px){
     .hero__title{
         font-size: 40px;
         font-weight: 300;
     }
 }
 
-@media(max-width:659px){
+@media screen and (max-width: 659px){
     .hero__title{
         font-size: 24px;
 

blocks/hero/hero.css

@@ -11,7 +11,7 @@
     bottom: 0;
 }
 
-@media(max-width:1199px){
+@media screen and (max-width: 1199px){
     .hero{
         background-position: center bottom;
         background-size: 800px 545px;
@@ -23,7 +23,7 @@
     }
 }
 
-@media(max-width:659px){
+@media screen and (max-width: 659px){
     .hero{
         height: 367px;
         padding: 95px 0 0 0;   

blocks/intro/__title/_page/intro__title_page_catalog.css

@@ -1,12 +1,12 @@
 .intro__title_page_catalog{
   max-width: 357px;
 }
-@media (max-width: 1199px){
+@media screen and (max-width: 1199px){
   .intro__title_page_catalog {
     padding: 177px 0 130px;
   }
 }
-@media (max-width: 659px){
+@media screen and (max-width: 659px){
   .intro__title_page_catalog {
     max-width: 280px;
     padding: 95px 0 76px;

blocks/intro/__title/_page/intro__title_page_form.css

@@ -1,14 +1,14 @@
 .intro__title_page_form{
   max-width: 757px;
 }
-@media (max-width: 1199px){
+@media screen and (max-width: 1199px){
   .intro__title_page_form {
     max-width: 620px;
     padding: 177px 0 59px;
   }
 }
 
-@media (max-width: 659px){
+@media screen and (max-width: 659px){
   .intro__title_page_form {
     max-width: 280px;
     padding: 95px 0 43px;

blocks/intro/__title/intro__title.css

@@ -8,7 +8,7 @@
   margin: auto;
 }
 
-@media (max-width: 659px){
+@media screen and (max-width: 659px){
   .intro__title {
     font-size: 24px;
     line-height: 33px;

blocks/intro/_page/intro_page_index.css

@@ -2,7 +2,7 @@
   background-position: bottom center;
 }
 
-@media(max-width: 659px){
+@media screen and (max-width: 659px){
   .intro_page_index{
     padding: 0 0 270px;
   }

blocks/intro/intro.css

@@ -5,7 +5,7 @@
     background-size: cover;
 }
 
-@media(max-width:659px){
+@media screen and (max-width: 659px){
     .intro{
         background-image: url(../../images/intro-background-mobile.png);
     }

blocks/logo/__icon/logo__icon.css

@@ -3,14 +3,14 @@
     height:40px;
 }
 
-@media (max-width:1199px){
+@media screen and (max-width: 1199px){
     .logo__icon{
         width:145px;
         height:40px;
     }
 }
 
-@media (max-width:659px){
+@media screen and (max-width: 659px){
     .logo__icon{
         width:74px;
         height:23px;

blocks/research/research.css

@@ -5,7 +5,7 @@
   gap: 73px;
 }
 
-@media screen and (max-width:1199px) {
+@media screen and (max-width: 1199px) {
   .research {
     background: rgb(255, 255, 255);
     padding: 54px 20px 44px;

blocks/reviews/__author-bio/reviews__author-bio.css

@@ -4,7 +4,7 @@
     font-size: 18px;
     line-height: 30px;
 }
-@media screen and (max-width:1199px) {
+@media screen and (max-width: 1199px) {
     .reviews__author-bio {
         font-size: 14px;
     }

blocks/reviews/__author-name/reviews__author-name.css

@@ -4,7 +4,7 @@
     font-weight: 700;
     line-height: 30px;
 }
-@media screen and (max-width:1199px) {
+@media screen and (max-width: 1199px) {
     .reviews__author-name {
         font-size: 20px;
     }

blocks/slider/__arrow-button/slider__arrow-button.css

@@ -15,7 +15,7 @@
   color: rgb(233 235 236);
 }
 
-@media screen and (max-width:1199px) {
+@media screen and (max-width: 1199px) {
     .slider__arrow-button {
         display: none;
     }

blocks/textarea/textarea.css

@@ -19,13 +19,13 @@ textarea::placeholder {
   line-height: 1.66;
 }
 
-@media (max-width: 1199px) {
+@media screen and (max-width: 1199px) {
   .textarea {
     height: 189px;
   }
 }
 
-@media (max-width: 659px) {
+@media screen and (max-width: 659px) {
   .textarea {
     height: 197px;
   }