/*Тесты разрещений*/

 /* Мобилки (portrait) ----------- */
@media only screen 
and (max-width : 1020px) {

men {

   width: px;
    color: white;
       font-size: 14px; 
       font-family: Trebuchet MS;

}

men1 {
width:  px;
color: white;
font-size: 10px;
font-family: Trebuchet MS;


}


   #navbarr ul{

        display: none;
        background-color: #000000;
        position: absolute;
        top: 100%;
        z-index: 10;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
      }
      #navbarr li:hover ul { display: block; }
      #navbarr, #navbarr ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
      }
      #navbarr {
        height: 50px;
        background-color: #002137;
        padding-left: 0px;
        min-width: 0px;
      }
      #navbarr li {
        float: left;
        position: relative;
        height: 100%;
      }
      #navbarr li a {
        display: block;
        padding: 4px;
        width: 139px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        
      }
      #navbarr ul li { float: none; }
      #navbarr ul li:hover { background-color: #002137; }
      #navbar li:hover ul { display: block; }
      #navbarr ul li:hover { background-color: #002137; }




 body,
html {
  height: 100%;
  margin: 0;
  padding: 0;
}
header {
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
}
 
header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
  background: url(Foto/фон3.jpg) center no-repeat;
  background-size: cover;
}
 
.site-title {
  text-align: center;
  text-transform: uppercase;
}
  /*Федеральное государственное унитарное предприятие*/
h3 {
   position: absolute;
   top: 10px;
   left: 220px;
   width: 100%;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-family: Trebuchet MS;
   border:none;
}

/*«Научно-технический центр*/
h1 {
   position: absolute;
   top: 35px;
   left: 250px;
   width: 100%;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
font-family: Trebuchet MS;
 border:none;
}

/*«Орион»*/
t32 {
   position: absolute;
   top: 70px;
   left: 370px;
   width: 100%;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-size: 50px;
font-family: Trebuchet MS;
 border:none;
}

/*Фото вверха*/
.image {
   position:relative;
   border:none;
   width: 100% ; 
   height: 200px;
   margin: 0 auto;
   


}

/*Фото с инстремнтами*/
.image1 {
   position:relative ;
    border:none;
   top: 120px;
   left: -50px;
   width: 200px;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под истрементами*/
T1 {
   position: absolute;
   top: 650px;
   left: 290px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
   background-repeat: no-repeat;
   background-size: cover;
}

/*Фото с процессором*/
.image2 {
   position: relative;
   border:none;
   top: 350px;
   left: -50px;
   width: 200px;
   margin: 0 auto;
   min-width: 120px;
} 

/*Текст под процессором*/
T2 {
   position: absolute;
   top: 1145px;
   left: 300px;
   width: 100%; 
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с копьютерами*/
.image3 {
   position: relative;
    border:none;
   top: 630px;
   left: -50px;
   width: 200px;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под компьютерами*/
T3 {
   position: absolute;
   top: 1650px;
   left: 290px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с Пачкордами*/
.image4 {
   position: relative;
    border:none;
   top: 825px;
   left: -50px;
   width: 200px;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под Пачкордами*/
T4 {
   position: absolute;
   top: 2100px;
   left: 290px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

footer {

   position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 10px; /* Поля вокруг текста */
    background: #D3D3D3; /* Цвет фона */
    color: black; /* Цвет текста */
    width: 100%; /* Ширина слоя */
    text-indent: 150px;
    font-size: 14px;
}

   html { 
    width:100vw;
    overflow-x:hidden;
    overflow-y:visible;
    object-fit: contain;
   } 

}































@media only screen 
and (min-width : 1020px)
and (max-width : 1100px)  {

   #navbarr ul{
                  display: none;
                  background-color: #000000;
                  position: absolute;
                  top: 100%;
                  z-index: 10;
                  -webkit-transition: 0.5s ease-in-out;
                  -moz-transition: 0.5s ease-in-out;
                  -o-transition: 0.5s ease-in-out;
                  transition: 0.5s ease-in-out;
      }
      #navbarr li:hover ul { display: block; }

      #navbarr, #navbarr ul{
                              margin: 0;
                              padding: 0;
                              list-style-type: none;
                           }
      #navbarr {
                  height: 40px;
                  background-color: #002137;
                  padding-left: 0px;
               }
      #navbarr li {
        float: left;
        position: relative;
        height: 100%;
      }
      #navbarr li a {
        display: block;
        padding: 4px;
        width: 170px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        
      }
      #navbarr ul li { float: none; }
      #navbarr ul li:hover { background-color: #002137; }
      #navbar li:hover ul { display: block; }
      #navbarr ul li:hover { background-color: #002137; }


body,
html {
  height: 100%;
  margin: 0;
  padding: 0;
}
header {
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
}
 
header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
  background: url(Foto/фон3.jpg) center no-repeat;
  background-size: cover;
}
 
.site-title {
  text-align: center;
  text-transform: uppercase;
}


/*Федеральное государственное унитарное предприятие*/
h3 {
   position: absolute;
   top: 20px;
   left: 370px;
   width: 100%;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-family: Trebuchet MS;
   border:none;
}

/*«Научно-технический центр*/
h1 {
   position: absolute;
   top: 50px;
   left: 380px;
   width: 100%;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
font-family: Trebuchet MS;
 border:none;
}

/*«Орион»*/
t32 {
   position: absolute;
   top: 90px;
   left: 500px;
   width: 100%;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-size: 50px;
font-family: Trebuchet MS;
 border:none;
}

/*Фото вверха*/
.image {
   position:relative;
   border:none;
   width: 100% ; 
   height: 200px;
   margin: 0 auto;
   


}

/*Фото с инстремнтами*/
.image1 {
   position:relative ;
    border:none;
   top: 120px;
   left: -400px;
   width: 300px;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под истрементами*/
T1 {
   position: absolute;
   top: 650px;
   left: 360px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
   background-repeat: no-repeat;
   background-size: cover;
}

/*Фото с процессором*/
.image2 {
   position: relative;
   border:none;
   top: -125px;
   left: 770px;
   width: 100%;
   margin: 0 auto;
   min-width: 120px;
} 

/*Текст под процессором*/
T2 {
   position: absolute;
   top: 645px;
   left: 900px;
   width: 100%; 
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с копьютерами*/
.image3 {
   position: relative;
    border:none;
   top: 120px;
   left: 220px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под компьютерами*/
T3 {
   position: absolute;
   top: 1150px;
   left: 360px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с Пачкордами*/
.image4 {
   position: relative;
    border:none;
   top: -125px;
   left: 770px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под Пачкордами*/
T4 {
   position: absolute;
   top: 1150px;
   left: 890px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}







footer {

   position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 20px; /* Поля вокруг текста */
    background: #D3D3D3; /* Цвет фона */
    color: black; /* Цвет текста */
    width: 100%; /* Ширина слоя */
    text-indent: 150px;
    font-size: 16px;
}


   html {
    width:100vw;
    overflow-x:hidden;
    overflow-y:visible;
    object-fit: contain;
   }
}
























@media only screen 
and (min-width : 1100px)
and (max-width : 1320px)  {

   #navbarr ul{
                  display: none;
                  background-color: #000000;
                  position: absolute;
                  top: 100%;
                  z-index: 10;
                  -webkit-transition: 0.5s ease-in-out;
                  -moz-transition: 0.5s ease-in-out;
                  -o-transition: 0.5s ease-in-out;
                  transition: 0.5s ease-in-out;
      }
      #navbarr li:hover ul { display: block; }

      #navbarr, #navbarr ul{
                              margin: 0;
                              padding: 0;
                              list-style-type: none;
                           }
      #navbarr {
                  height: 50px;
                  background-color: #002137;
                  padding-left: 100px;
               }
      #navbarr li {
        float: left;
        position: relative;
        height: 100%;
      }
      #navbarr li a {
        display: block;
        padding: 2px;
        width: 150px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        
      }
      #navbarr ul li { float: none; }
      #navbarr ul li:hover { background-color: #002137; }
      #navbar li:hover ul { display: block; }
      #navbarr ul li:hover { background-color: #002137; }


body,
html {
  height: 100%;
  margin: 0;
  padding: 0;
}
header {
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
}
 
header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
  background: url(Foto/фон3.jpg) center no-repeat;
  background-size: cover;
}
 
.site-title {
  text-align: center;
  text-transform: uppercase;
}


/*Федеральное государственное унитарное предприятие*/
h3 {
   position: absolute;
   top: 20px;
   left: 330px;
   width: 100%;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-family: Trebuchet MS;
   border:none;
}

/*«Научно-технический центр*/
h1 {
   position: absolute;
   top: 50px;
   left: 340px;
   width: 100%;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
font-family: Trebuchet MS;
 border:none;
}

/*«Орион»*/
t32 {
   position: absolute;
   top: 90px;
   left: 470px;
   width: 100%;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-size: 50px;
font-family: Trebuchet MS;
 border:none;
}

/*Фото вверха*/
.image {
   position:relative;
   border:none;
   width: 100% ; 
   height: 200px;
   margin: 0 auto;
   


}

/*Фото с инстремнтами*/
.image1 {
   position:relative ;
    border:none;
   top: 120px;
   left: 260px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под истрементами*/
T1 {
   position: absolute;
   top: 650px;
   left: 340px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
   background-repeat: no-repeat;
   background-size: cover;
}

/*Фото с процессором*/
.image2 {
   position: relative;
   border:none;
   top: 350px;
   left: 270px;
   width: 100%;
   margin: 0 auto;
   min-width: 120px;
} 

/*Текст под процессором*/
T2 {
   position: absolute;
   top: 1145px;
   left: 340px;
   width: 100%; 
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с копьютерами*/
.image3 {
   position: relative;
    border:none;
   top: 630px;
   left: 270px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под компьютерами*/
T3 {
   position: absolute;
   top: 1650px;
   left: 340px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с Пачкордами*/
.image4 {
   position: relative;
    border:none;
   top: 825px;
   left: 270px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под Пачкордами*/
T4 {
   position: absolute;
   top: 2100px;
   left: 340px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}


footer {

   position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 20px; /* Поля вокруг текста */
    background: #D3D3D3; /* Цвет фона */
    color: black; /* Цвет текста */
    width: 100%; /* Ширина слоя */
    text-indent: 150px;
    font-size: 16px;
}


   html {
    width:100vw;
    overflow-x:hidden;
    overflow-y:visible;
    object-fit: contain;
   }
}










@media only screen 
and (min-width:1320px)
and (max-width:1500px)  {


 #navbarr ul{
        display: none;
        background-color: #000000;
        position: absolute;
        top: 100%;
        z-index: 10;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
      }
      #navbarr li:hover ul { display: block; }
      #navbarr, #navbarr ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
      }
      #navbarr {
        height: 40px;
        background-color: #002137;
        padding-left: 0px;
      }
      #navbarr li {
        float: left;
        position: relative;
        height: 100%;
      }
      #navbarr li a {
        display: block;
        padding: 4px;
        width: 213px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        
      }
      #navbarr ul li { float: none; }
      #navbarr ul li:hover { background-color: #002137; }
      #navbar li:hover ul { display: block; }
      #navbarr ul li:hover { background-color: #002137; }


body,
html {
  height: 100%;
  margin: 0;
  padding: 0;
}
header {
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
}
 
header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
  background: url(ыFoto/фон3.jpg) center no-repeat;
  background-size: cover;
}
 
.site-title {
  text-align: center;
  text-transform: uppercase;
}


/*Федеральное государственное унитарное предприятие*/
h3 {
   position: absolute;
   top: 20px;
   left: 440px;
   width: 100%;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-family: Trebuchet MS;
   border:none;
}

/*«Научно-технический центр*/
h1 {
   position: absolute;
   top: 50px;
   left: 450px;
   width: 100%;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
font-family: Trebuchet MS;
 border:none;
}

/*«Орион»*/
t32 {
   position: absolute;
   top: 90px;
   left: 570px;
   width: 100%;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-size: 50px;
font-family: Trebuchet MS;
 border:none;
}

/*Фото вверха*/
.image {
   position:relative;
   border:none;
   width: 100% ; 
   height: 200px;
   margin: 0 auto;
   


}

/*Фото с инстремнтами*/
.image1 {
   position:relative ;
    border:none;
   top: 120px;
   left: -340px;
   width: 300px;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под истрементами*/
T1 {
   position: absolute;
   top: 650px;
   left: 161px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
   background-repeat: no-repeat;
   background-size: cover;
}

/*Фото с процессором*/
.image2 {
   position: relative;
   border:none;
   top: -125px;
   left: 720px;
   width: 100%;
   margin: 0 auto;
   min-width: 120px;
} 

/*Текст под процессором*/
T2 {
   position: absolute;
   top: 645px;
   left: 690px;
   width: 100%; 
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с копьютерами*/
.image3 {
   position: relative;
    border:none;
   top: 120px;
   left: 170px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под компьютерами*/
T3 {
   position: absolute;
   top: 1150px;
   left: 142px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с Пачкордами*/
.image4 {
   position: relative;
    border:none;
   top: -125px;
   left: 720px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под Пачкордами*/
T4 {
   position: absolute;
   top: 1150px;
   left: 690px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

footer {

   position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 20px; /* Поля вокруг текста */
    background: #D3D3D3; /* Цвет фона */
    color: black; /* Цвет текста */
    width: 100%; /* Ширина слоя */
    text-indent: 300px;
    font-size: 16px;
}


   html {
    width:100vw;
    overflow-x:hidden;
    overflow-y:visible;
    object-fit: contain;
   }
}






















 @media only screen 
and (min-width:1500px)
and (max-width:1660px)  {

   #navbarr ul{
        display: none;
        background-color: #000000;
        position: absolute;
        top: 100%;
        z-index: 10;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
      }
      #navbarr li:hover ul { display: block; }
      #navbarr, #navbarr ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
      }
      #navbarr {
        height: 40px;
        background-color: #002137;
        padding-left: 50px;
      }
      #navbarr li {
        float: left;
        position: relative;
        height: 100%;
      }
      #navbarr li a {
        display: block;
        padding: 6px;
        width: 220px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        
      }
      #navbarr ul li { float: none; }
      #navbarr ul li:hover { background-color: #002137; }
      #navbar li:hover ul { display: block; }
      #navbarr ul li:hover { background-color: #002137; }


body,
html {
  height: 100%;
  margin: 0;
  padding: 0;
}
header {
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
}
 
header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
  background: url(Foto/фон3.jpg) center no-repeat;
  background-size: cover;
}
 
.site-title {
  text-align: center;
  text-transform: uppercase;
}


/*Федеральное государственное унитарное предприятие*/
h3 {
   position: absolute;
   top: 20px;
   left: 510px;
   width: 100%;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-family: Trebuchet MS;
   border:none;
}

/*«Научно-технический центр*/
h1 {
   position: absolute;
   top: 50px;
   left: 520px;
   width: 100%;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
font-family: Trebuchet MS;
 border:none;
}

/*«Орион»*/
t32 {
   position: absolute;
   top: 90px;
   left: 640px;
   width: 100%;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-size: 50px;
font-family: Trebuchet MS;
 border:none;
}

/*Фото вверха*/
.image {
   position:relative;
   border:none;
   width: 100% ; 
   height: 200px;
   margin: 0 auto;
   


}

/*Фото с инстремнтами*/
.image1 {
   position:relative ;
    border:none;
   top: 120px;
   left: -350px;
   width: 300px;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под истрементами*/
T1 {
   position: absolute;
   top: 650px;
   left: 250px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
   background-repeat: no-repeat;
   background-size: cover;
}

/*Фото с процессором*/
.image2 {
   position: relative;
   border:none;
   top: -125px;
   left: 800px;
   width: 100%;
   margin: 0 auto;
   min-width: 120px;
} 

/*Текст под процессором*/
T2 {
   position: absolute;
   top: 645px;
   left: 830px;
   width: 100%; 
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с копьютерами*/
.image3 {
   position: relative;
    border:none;
   top: 120px;
   left: 230px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под компьютерами*/
T3 {
   position: absolute;
   top: 1150px;
   left: 250px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с Пачкордами*/
.image4 {
   position: relative;
    border:none;
   top: -125px;
   left: 800px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под Пачкордами*/
T4 {
   position: absolute;
   top: 1150px;
   left: 830px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}







footer {

   position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 20px; /* Поля вокруг текста */
    background: #D3D3D3; /* Цвет фона */
    color: black; /* Цвет текста */
    width: 100%; /* Ширина слоя */
    text-indent: 300px;
    font-size: 16px;
}


   html {
    width:100vw;
    overflow-x:hidden;
    overflow-y:visible;
    object-fit: contain;
   }
}







































@media only screen 
and (min-width:1660px)
and (max-width:1824px)  {

   #navbarr ul{
        display: none;
        background-color: #000000;
        position: absolute;
        top: 100%;
        z-index: 10;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
      }
      #navbarr li:hover ul { display: block; }
      #navbarr, #navbarr ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
      }
      #navbarr {
        height: 40px;
        background-color: #002137;
        padding-left: 150px;
      }
      #navbarr li {
        float: left;
        position: relative;
        height: 100%;
      }
      #navbarr li a {
        display: block;
        padding: 6px;
        width: 220px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        
      }
      #navbarr ul li { float: none; }
      #navbarr ul li:hover { background-color: #002137; }
      #navbar li:hover ul { display: block; }
      #navbarr ul li:hover { background-color: #002137; }


body,
html {
  height: 100%;
  margin: 0;
  padding: 0;
}
header {
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
}
 
header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
  background: url(Foto/фон3.jpg) center no-repeat;
  background-size: cover;
}
 
.site-title {
  text-align: center;
  text-transform: uppercase;
}


/*Федеральное государственное унитарное предприятие*/
h3 {
   position: absolute;
   top: 20px;
   left: 570px;
   width: 100%;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-family: Trebuchet MS;
   border:none;
}

/*«Научно-технический центр*/
h1 {
   position: absolute;
   top: 50px;
   left: 580px;
   width: 100%;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
font-family: Trebuchet MS;
 border:none;
}

/*«Орион»*/
t32 {
   position: absolute;
   top: 90px;
   left: 700px;
   width: 100%;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-size: 50px;
font-family: Trebuchet MS;
 border:none;
}

/*Фото вверха*/
.image {
   position:relative;
   border:none;
   width: 100% ; 
   height: 200px;
   margin: 0 auto;
   


}

/*Фото с инстремнтами*/
.image1 {
   position:relative ;
    border:none;
   top: 120px;
   left: -400px;
   width: 300px;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под истрементами*/
T1 {
   position: absolute;
   top: 650px;
   left: 360px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
   background-repeat: no-repeat;
   background-size: cover;
}

/*Фото с процессором*/
.image2 {
   position: relative;
   border:none;
   top: -125px;
   left: 770px;
   width: 100%;
   margin: 0 auto;
   min-width: 120px;
} 

/*Текст под процессором*/
T2 {
   position: absolute;
   top: 645px;
   left: 900px;
   width: 100%; 
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с копьютерами*/
.image3 {
   position: relative;
    border:none;
   top: 120px;
   left: 220px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под компьютерами*/
T3 {
   position: absolute;
   top: 1150px;
   left: 360px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с Пачкордами*/
.image4 {
   position: relative;
    border:none;
   top: -125px;
   left: 770px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под Пачкордами*/
T4 {
   position: absolute;
   top: 1150px;
   left: 890px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}







footer {

   position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 20px; /* Поля вокруг текста */
    background: #D3D3D3; /* Цвет фона */
    color: black; /* Цвет текста */
    width: 100%; /* Ширина слоя */
    text-indent: 400px;
    font-size: 16px;
}


   html {
    width:100vw;
    overflow-x:hidden;
    overflow-y:visible;
    object-fit: contain;
   }
}

























@media only screen 
and (min-width:1824px)
and (max-device-width:2070px)  {

   #navbarr ul{
        display: none;
        background-color: #000000;
        position: absolute;
        top: 100%;
        z-index: 10;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
      }
      #navbarr li:hover ul { display: block; }
      #navbarr, #navbarr ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
      }
      #navbarr {
        height: 40px;
        background-color: #002137;
        padding-left: 200px;
        min-width: 470px;
      }
      #navbarr li {
        float: left;
        position: relative;
        height: 100%;
      }
      #navbarr li a {
        display: block;
        padding: 4px;
        width: 220px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        
      }
      #navbarr ul li { float: none; }
      #navbarr ul li:hover { background-color: #002137; }
      #navbar li:hover ul { display: block; }
      #navbarr ul li:hover { background-color: #002137; }


body,
html {
  height: 100%;
  margin: 0;
  padding: 0;
}
header {
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
}
 
header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
  background: url(Foto/фон3.jpg) center no-repeat;
  background-size: cover;
}
 
.site-title {
  text-align: center;
  text-transform: uppercase;
}


/*Федеральное государственное унитарное предприятие*/
h3 {
   position: absolute;
   top: 20px;
   left: 640px;
   width: 100%;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-family: Trebuchet MS;
   border:none;
}

/*«Научно-технический центр*/
h1 {
   position: absolute;
   top: 50px;
   left: 650px;
   width: 100%;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
font-family: Trebuchet MS;
 border:none;
}

/*«Орион»*/
t32 {
   position: absolute;
   top: 90px;
   left: 770px;
   width: 100%;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-size: 50px;
font-family: Trebuchet MS;
 border:none;
}

/*Фото вверха*/
.image {
   position:relative;
   border:none;
   width: 100% ; 
   height: 200px;
   margin: 0 auto;
   


}

/*Фото с инстремнтами*/
.image1 {
   position:relative ;
    border:none;
   top: 120px;
   left: -460px;
   width: 300px;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под истрементами*/
T1 {
   position: absolute;
   top: 650px;
   left: 390px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
   background-repeat: no-repeat;
   background-size: cover;
}

/*Фото с процессором*/
.image2 {
   position: relative;
   border:none;
   top: -125px;
   left: 770px;
   width: 100%;
   margin: 0 auto;
   min-width: 120px;
} 

/*Текст под процессором*/
T2 {
   position: absolute;
   top: 645px;
   left: 940px;
   width: 100%; 
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с копьютерами*/
.image3 {
   position: relative;
    border:none;
   top: 120px;
   left: 220px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под компьютерами*/
T3 {
   position: absolute;
   top: 1150px;
   left: 400px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с Пачкордами*/
.image4 {
   position: relative;
    border:none;
   top: -125px;
   left: 770px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под Пачкордами*/
T4 {
   position: absolute;
   top: 1150px;
   left: 940px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}





footer {

   position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 20px; /* Поля вокруг текста */
    background: #D3D3D3; /* Цвет фона */
    color: black; /* Цвет текста */
    width: 100%; /* Ширина слоя */
    text-indent: 500px;
    font-size: 16px;
}


   html {
    width:100vw;
    overflow-x:hidden;
    overflow-y:visible;
    object-fit: contain;
   }
}
  

















@media only screen 
and (min-width : 2070px)
and (max-width:2210px) {

    #navbarr ul{
        display: none;
        background-color: #000000;
        position: absolute;
        top: 100%;
        z-index: 10;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
      }
      #navbarr li:hover ul { display: block; }
      #navbarr, #navbarr ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
      }
      #navbarr {
        height: 40px;
        background-color: #002137;
        padding-left: 400px;
        min-width: 470px;
      }
      #navbarr li {
        float: left;
        position: relative;
        height: 100%;
      }
      #navbarr li a {
        display: block;
        padding: 8px;
        width: 220px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        
      }
      #navbarr ul li { float: none; }
      #navbarr ul li:hover { background-color: #002137; }
      #navbar li:hover ul { display: block; }
      #navbarr ul li:hover { background-color: #002137; }




html {
  height: 100%;
  margin: 0;
  padding: 0;
}
header {
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
}
 
header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
  background: url(Foto/фон3.jpg) center no-repeat;
  background-size: cover;
}
 
.site-title {
  text-align: center;
  text-transform: uppercase;
}

 /*Федеральное государственное унитарное предприятие*/
h3 {
   position: absolute;
   top: 20px;
   left: 800px;
   margin: 0 auto;
   width: 800px;
   height: 50px;
   color: white;
   font-family: Trebuchet MS;
   border:none;
}

/*«Научно-технический центр*/
h1 {
   position: absolute;
   top: 50px;
   left: 820px;
   width: 800px;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
font-family: Trebuchet MS;
 border:none;
}

/*«Орион»*/
t32 {
   position: absolute;
   top: 90px;
   left: 940px;
   width: 800px;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-size: 50px;
font-family: Trebuchet MS;
 border:none;
}

/*Фото вверха*/
.image {
   position:relative;
   border:none;
   width: 100% ; 
   height: 200px;
   margin: 0 auto;




}

/*Фото с инстремнтами*/
.image1 {
   position:relative ;
    border:none;
   top: 120px;
   left: -490px;
   width: 354px;
   height: 237px;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под истрементами*/
T1 {
   position: absolute;
   top: 650px;
   left: 560px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
   background-repeat: no-repeat;
   background-size: cover;
}

/*Фото с процессором*/
.image2 {
   position: relative;
   border:none;
   top: -75px;
   left: 730px;
   width: 100%;
   margin: 0 auto;
   min-width: 120px;
} 

/*Текст под процессором*/
T2 {
   position: absolute;
   top: 645px;
   left: 1100px;
   width: 100%; 
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с копьютерами*/
.image3 {
   position: relative;
    border:none;
   top: 120px;
   left: 170px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под компьютерами*/
T3 {
   position: absolute;
   top: 1150px;
   left: 560px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с Пачкордами*/
.image4 {
   position: relative;
    border:none;
   top: -125px;
   left: 730px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под Пачкордами*/
T4 {
   position: absolute;
   top: 1150px;
   left: 1090px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

footer {

   position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 25px; /* Поля вокруг текста */
    background: #D3D3D3; /* Цвет фона */
    color: black; /* Цвет текста */
    width: 100%; /* Ширина слоя */
    text-indent: 500px;
    font-size: 18px;
}


   html {
    width:100vw;
    overflow-x:hidden;
    overflow-y:visible;
    object-fit: contain;
   }
}




































@media only screen 
and (min-width : 2210px)
and (max-device-width : 2490px) {

    #navbarr ul{
        display: none;
        background-color: #000000;
        position: absolute;
        top: 100%;
        z-index: 10;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
      }
      #navbarr li:hover ul { display: block; }
      #navbarr, #navbarr ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
      }
      #navbarr {
        height: 50px;
        background-color: #002137;
        padding-left: 300px;
        min-width: 470px;
      }
      #navbarr li {
        float: left;
        position: relative;
        height: 100%;
      }
      #navbarr li a {
        display: block;
        padding: 8px;
        width: 220px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        
      }
      #navbarr ul li { float: none; }
      #navbarr ul li:hover { background-color: #002137; }
      #navbar li:hover ul { display: block; }
      #navbarr ul li:hover { background-color: #002137; }

 


html {
  height: 100%;
  margin: 0;
  padding: 0;
}
header {
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
}
 
header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
  background: url(Foto/фон3.jpg) center no-repeat;
  background-size: cover;
}
 
.site-title {
  text-align: center;
  text-transform: uppercase;
}

 /*Федеральное государственное унитарное предприятие*/
h3 {
   position: absolute;
   top: 20px;
   left: 830px;
   margin: 0 auto;
   width: 800px;
   height: 50px;
   color: white;
   font-family: Trebuchet MS;
   border:none;
}

/*«Научно-технический центр*/
h1 {
   position: absolute;
   top: 50px;
   left: 850px;
   width: 800px;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
font-family: Trebuchet MS;
 border:none;
}

/*«Орион»*/
t32 {
   position: absolute;
   top: 90px;
   left: 990px;
   width: 800px;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-size: 50px;
font-family: Trebuchet MS;
 border:none;
}

/*Фото вверха*/
.image {
   position:relative;
   border:none;
   width: 100% ; 
   height: 200px;
   margin: 0 auto;
   


}

/*Фото с инстремнтами*/
.image1 {
   position:relative ;
    border:none;
   top: 120px;
   left: -490px;
   width: 354px;
   height: 237px;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под истрементами*/
T1 {
   position: absolute;
   top: 650px;
   left: 590px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
   background-repeat: no-repeat;
   background-size: cover;
}

/*Фото с процессором*/
.image2 {
   position: relative;
   border:none;
   top: -75px;
   left: 930px;
   width: 100%;
   margin: 0 auto;
   min-width: 120px;
} 

/*Текст под процессором*/
T2 {
   position: absolute;
   top: 645px;
   left: 1200px;
   width: 100%; 
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с копьютерами*/
.image3 {
   position: relative;
    border:none;
   top: 120px;
   left: 290px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под компьютерами*/
T3 {
   position: absolute;
   top: 1150px;
   left: 560px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с Пачкордами*/
.image4 {
   position: relative;
    border:none;
   top: -125px;
   left: 930px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под Пачкордами*/
T4 {
   position: absolute;
   top: 1150px;
   left: 1190px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

footer {

   position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 25px; /* Поля вокруг текста */
    background: #D3D3D3; /* Цвет фона */
    color: black; /* Цвет текста */
    width: 100%; /* Ширина слоя */
    text-indent: 600px;
    font-size: 18px;
}


   html {
    width:100vw;
    overflow-x:hidden;
    overflow-y:visible;
    object-fit: contain;
   }
}
























@media only screen 
and (min-width : 2490px)
and (max-device-width : 2700px)
 {
    #navbarr ul{
        display: none;
        background-color: #000000;
        position: absolute;
        top: 100%;
        z-index: 10;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
      }
      #navbarr li:hover ul { display: block; }
      #navbarr, #navbarr ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
      }
      #navbarr {
        height: 50px;
        background-color: #002137;
        padding-left: 400px;
        min-width: 470px;
      }
      #navbarr li {
        float: left;
        position: relative;
        height: 100%;
      }
      #navbarr li a {
        display: block;
        padding: 10px;
        width: 250px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        
      }
      #navbarr ul li { float: none; }
      #navbarr ul li:hover { background-color: #002137; }
      #navbar li:hover ul { display: block; }
      #navbarr ul li:hover { background-color: #002137; }

 


html {
  height: 100%;
  margin: 0;
  padding: 0;
}
header {
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
}
 
header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
  background: url(Foto/фон3.jpg) center no-repeat;
  background-size: cover;
}
 
.site-title {
  text-align: center;
  text-transform: uppercase;
}

 /*Федеральное государственное унитарное предприятие*/
h3 {
   position: absolute;
   top: 20px;
   left: 960px;
   margin: 0 auto;
   width: 800px;
   height: 50px;
   color: white;
   font-family: Trebuchet MS;
   border:none;
}

/*«Научно-технический центр*/
h1 {
   position: absolute;
   top: 50px;
   left: 980px;
   width: 800px;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
font-family: Trebuchet MS;
 border:none;
}

/*«Орион»*/
t32 {
   position: absolute;
   top: 90px;
   left: 1100px;
   width: 800px;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-size: 50px;
font-family: Trebuchet MS;
 border:none;
}

/*Фото вверха*/
.image {
   position:relative;
   border:none;
   width: 100% ; 
   height: 200px;
   margin: 0 auto;
   


}

/*Фото с инстремнтами*/
.image1 {
   position:relative ;
    border:none;
   top: 120px;
   left: -560px;
   width: 354px;
   height: 237px;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под истрементами*/
T1 {
   position: absolute;
   top: 650px;
   left: 690px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
   background-repeat: no-repeat;
   background-size: cover;
}

/*Фото с процессором*/
.image2 {
   position: relative;
   border:none;
   top: -75px;
   left: 930px;
   width: 100%;
   margin: 0 auto;
   min-width: 120px;
} 

/*Текст под процессором*/
T2 {
   position: absolute;
   top: 645px;
   left: 1300px;
   width: 100%; 
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с копьютерами*/
.image3 {
   position: relative;
    border:none;
   top: 120px;
   left: 330px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под компьютерами*/
T3 {
   position: absolute;
   top: 1150px;
   left: 700px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с Пачкордами*/
.image4 {
   position: relative;
    border:none;
   top: -125px;
   left: 930px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под Пачкордами*/
T4 {
   position: absolute;
   top: 1150px;
   left: 1300px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

footer {

   position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 25px; /* Поля вокруг текста */
    background: #D3D3D3; /* Цвет фона */
    color: black; /* Цвет текста */
    width: 100%; /* Ширина слоя */
    text-indent: 650px;
    font-size: 22px;
}


   html {
    width:100vw;
    overflow-x:hidden;
    overflow-y:visible;
    object-fit: contain;
   }
}













































@media only screen 
and (min-width : 2700px)
and (max-device-width : 3326px)
 {
    #navbarr ul{
        display: none;
        background-color: #000000;
        position: absolute;
        top: 100%;
        z-index: 10;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
      }
      #navbarr li:hover ul { display: block; }
      #navbarr, #navbarr ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
      }
      #navbarr {
        height: 50px;
        background-color: #002137;
        padding-left: 400px;
        min-width: 470px;
      }
      #navbarr li {
        float: left;
        position: relative;
        height: 100%;
      }
      #navbarr li a {
        display: block;
        padding: 10px;
        width: 250px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        
      }
      #navbarr ul li { float: none; }
      #navbarr ul li:hover { background-color: #002137; }
      #navbar li:hover ul { display: block; }
      #navbarr ul li:hover { background-color: #002137; }

 


html {
  height: 100%;
  margin: 0;
  padding: 0;
}
header {
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
}
 
header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
  background: url(Foto/фон3.jpg) center no-repeat;
  background-size: cover;
}
 
.site-title {
  text-align: center;
  text-transform: uppercase;
}

 /*Федеральное государственное унитарное предприятие*/
h3 {
   position: absolute;
   top: 20px;
   left: 960px;
   margin: 0 auto;
   width: 800px;
   height: 50px;
   color: white;
   font-family: Trebuchet MS;
   border:none;
}

/*«Научно-технический центр*/
h1 {
   position: absolute;
   top: 50px;
   left: 980px;
   width: 800px;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
font-family: Trebuchet MS;
 border:none;
}

/*«Орион»*/
t32 {
   position: absolute;
   top: 90px;
   left: 1100px;
   width: 800px;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-size: 50px;
font-family: Trebuchet MS;
 border:none;
}

/*Фото вверха*/
.image {
   position:relative;
   border:none;
   width: 100% ; 
   height: 200px;
   margin: 0 auto;
   


}

/*Фото с инстремнтами*/
.image1 {
   position:relative ;
    border:none;
   top: 120px;
   left: -700px;
   width: 354px;
   height: 237px;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под истрементами*/
T1 {
   position: absolute;
   top: 650px;
   left: 690px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
   background-repeat: no-repeat;
   background-size: cover;
}

/*Фото с процессором*/
.image2 {
   position: relative;
   border:none;
   top: -75px;
   left: 930px;
   width: 100%;
   margin: 0 auto;
   min-width: 120px;
} 

/*Текст под процессором*/
T2 {
   position: absolute;
   top: 645px;
   left: 1300px;
   width: 100%; 
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с копьютерами*/
.image3 {
   position: relative;
    border:none;
   top: 120px;
   left: 330px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под компьютерами*/
T3 {
   position: absolute;
   top: 1150px;
   left: 700px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с Пачкордами*/
.image4 {
   position: relative;
    border:none;
   top: -125px;
   left: 930px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под Пачкордами*/
T4 {
   position: absolute;
   top: 1150px;
   left: 1300px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

footer {

   position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 25px; /* Поля вокруг текста */
    background: #D3D3D3; /* Цвет фона */
    color: black; /* Цвет текста */
    width: 100%; /* Ширина слоя */
    text-indent: 700px;
    font-size: 22px;
}


   html {
    width:100vw;
    overflow-x:hidden;
    overflow-y:visible;
    object-fit: contain;
   }
}

















































@media only screen 
and (min-width : 3326px)
and (max-device-width : 3600px)
 {
    #navbarr ul{
        display: none;
        background-color: #000000;
        position: absolute;
        top: 100%;
        z-index: 10;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
      }
      #navbarr li:hover ul { display: block; }
      #navbarr, #navbarr ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
      }
      #navbarr {
        height: 50px;
        background-color: #002137;
        padding-left: 850px;
        min-width: 470px;
      }
      #navbarr li {
        float: left;
        position: relative;
        height: 100%;
      }
      #navbarr li a {
        display: block;
        padding: 10px;
        width: 250px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        
      }
      #navbarr ul li { float: none; }
      #navbarr ul li:hover { background-color: #002137; }
      #navbar li:hover ul { display: block; }
      #navbarr ul li:hover { background-color: #002137; }

 


html {
  height: 100%;
  margin: 0;
  padding: 0;
}
header {
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
}
 
header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
  background: url(https://catherineasquithgallery.com/uploads/posts/2021-02/1614398240_59-p-temno-zelenii-chernii-fon-71.jpg) center no-repeat;
  background-size: cover;
}
 
.site-title {
  text-align: center;
  text-transform: uppercase;
}

 /*Федеральное государственное унитарное предприятие*/
h3 {
   position: absolute;
   top: 20px;
   left: 1260px;
   margin: 0 auto;
   width: 1800px;
   height: 50px;
   font-size: 30px;
   color: white;
   font-family: Trebuchet MS;
   border:none;
}

/*«Научно-технический центр*/
h1 {
   position: absolute;
   top: 60px;
   left: 1440px;
   width: 1800px;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   font-size: 30px;
   color: white;
font-family: Trebuchet MS;
 border:none;
}

/*«Орион»*/
t32 {
   position: absolute;
   top: 100px;
   left: 1500px;
   width: 800px;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-size: 65px;
font-family: Trebuchet MS;
 border:none;
}

/*Фото вверха*/
.image {
   position:relative;
   border:none;
   width: 100% ; 
   height: 200px;
   margin: 0 auto;
   


}

/*Фото с инстремнтами*/
.image1 {
   position:relative ;
    border:none;
   top: 120px;
   left: -810px;
   width: 354px;
   height: 237px;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под истрементами*/
T1 {
   position: absolute;
   top: 650px;
   left: 1090px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
   background-repeat: no-repeat;
   background-size: cover;
}

/*Фото с процессором*/
.image2 {
   position: relative;
   border:none;
   top: -75px;
   left: 880px;
   width: 100%;
   margin: 0 auto;
   min-width: 120px;
} 

/*Текст под процессором*/
T2 {
   position: absolute;
   top: 645px;
   left: 1700px;
   width: 100%; 
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с копьютерами*/
.image3 {
   position: relative;
    border:none;
   top: 120px;
   left: 280px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под компьютерами*/
T3 {
   position: absolute;
   top: 1150px;
   left: 1100px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с Пачкордами*/
.image4 {
   position: relative;
    border:none;
   top: -125px;
   left: 880px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под Пачкордами*/
T4 {
   position: absolute;
   top: 1150px;
   left: 1700px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

footer {

   position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 25px; /* Поля вокруг текста */
    background: #D3D3D3; /* Цвет фона */
    color: black; /* Цвет текста */
    width: 100%; /* Ширина слоя */
    text-indent: 950px;
    font-size: 26px;
}


   html {
    width:100vw;
    overflow-x:hidden;
    overflow-y:visible;
    object-fit: contain;
   }
}





















































@media only screen 
and (min-width : 3600px)
and (max-device-width : 5000px)
 {
    #navbarr ul{
        display: none;
        background-color: #000000;
        position: absolute;
        top: 100%;
        z-index: 10;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
      }
      #navbarr li:hover ul { display: block; }
      #navbarr, #navbarr ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
      }
      #navbarr {
        height: 50px;
        background-color: #002137;
        padding-left: 850px;
        min-width: 470px;
      }
      #navbarr li {
        float: left;
        position: relative;
        height: 100%;
      }
      #navbarr li a {
        display: block;
        padding: 10px;
        width: 250px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        
      }
      #navbarr ul li { float: none; }
      #navbarr ul li:hover { background-color: #002137; }
      #navbar li:hover ul { display: block; }
      #navbarr ul li:hover { background-color: #002137; }

 


html {
  height: 100%;
  margin: 0;
  padding: 0;
}
header {
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
}
 
header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
  background: url(https://catherineasquithgallery.com/uploads/posts/2021-02/1614398240_59-p-temno-zelenii-chernii-fon-71.jpg) center no-repeat;
  background-size: cover;
}
 
.site-title {
  text-align: center;
  text-transform: uppercase;
}

 /*Федеральное государственное унитарное предприятие*/
h3 {
   position: absolute;
   top: 20px;
   left: 1260px;
   margin: 0 auto;
   width: 1800px;
   height: 50px;
   font-size: 30px;
   color: white;
   font-family: Trebuchet MS;
   border:none;
}

/*«Научно-технический центр*/
h1 {
   position: absolute;
   top: 60px;
   left: 1440px;
   width: 1800px;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   font-size: 30px;
   color: white;
font-family: Trebuchet MS;
 border:none;
}

/*«Орион»*/
t32 {
   position: absolute;
   top: 100px;
   left: 1500px;
   width: 800px;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-size: 65px;
font-family: Trebuchet MS;
 border:none;
}

/*Фото вверха*/
.image {
   position:relative;
   border:none;
   width: 100% ; 
   height: 200px;
   margin: 0 auto;
   


}

/*Фото с инстремнтами*/
.image1 {
   position:relative ;
    border:none;
   top: 120px;
   left: -1000px;
   width: 354px;
   height: 237px;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под истрементами*/
T1 {
   position: absolute;
   top: 650px;
   left: 1090px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
   background-repeat: no-repeat;
   background-size: cover;
}

/*Фото с процессором*/
.image2 {
   position: relative;
   border:none;
   top: -75px;
   left: 880px;
   width: 100%;
   margin: 0 auto;
   min-width: 120px;
} 

/*Текст под процессором*/
T2 {
   position: absolute;
   top: 645px;
   left: 1700px;
   width: 100%; 
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с копьютерами*/
.image3 {
   position: relative;
    border:none;
   top: 120px;
   left: 280px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под компьютерами*/
T3 {
   position: absolute;
   top: 1150px;
   left: 1100px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с Пачкордами*/
.image4 {
   position: relative;
    border:none;
   top: -125px;
   left: 880px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под Пачкордами*/
T4 {
   position: absolute;
   top: 1150px;
   left: 1700px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

footer {

   position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 25px; /* Поля вокруг текста */
    background: #D3D3D3; /* Цвет фона */
    color: black; /* Цвет текста */
    width: 100%; /* Ширина слоя */
    text-indent: 1150px;
    font-size: 26px;
}


   html {
    width:100vw;
    overflow-x:hidden;
    overflow-y:visible;
    object-fit: contain;
   }
}

































































@media only screen 
and (min-width : 5000px)
and (max-device-width : 5500px)

 {
    #navbarr ul{
        display: none;
        background-color: #000000;
        position: absolute;
        top: 100%;
        z-index: 10;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
      }
      #navbarr li:hover ul { display: block; }
      #navbarr, #navbarr ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
      }
      #navbarr {
        height: 50px;
        background-color: #002137;
        padding-left: 1550px;
        min-width: 470px;
      }
      #navbarr li {
        float: left;
        position: relative;
        height: 100%;
      }
      #navbarr li a {
        display: block;
        padding: 10px;
        width: 250px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        
      }
      #navbarr ul li { float: none; }
      #navbarr ul li:hover { background-color: #002137; }
      #navbar li:hover ul { display: block; }
      #navbarr ul li:hover { background-color: #002137; }

 


html {
  height: 100%;
  margin: 0;
  padding: 0;
}
header {
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
}
 
header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
  background: url(https://catherineasquithgallery.com/uploads/posts/2021-02/1614398240_59-p-temno-zelenii-chernii-fon-71.jpg) center no-repeat;
  background-size: cover;
}
 
.site-title {
  text-align: center;
  text-transform: uppercase;
}

 /*Федеральное государственное унитарное предприятие*/
h3 {
   position: absolute;
   top: 20px;
   left: 1960px;
   margin: 0 auto;
   width: 1800px;
   height: 50px;
   font-size: 30px;
   color: white;
   font-family: Trebuchet MS;
   border:none;
}

/*«Научно-технический центр*/
h1 {
   position: absolute;
   top: 60px;
   left: 2140px;
   width: 1800px;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   font-size: 30px;
   color: white;
font-family: Trebuchet MS;
 border:none;
}

/*«Орион»*/
t32 {
   position: absolute;
   top: 100px;
   left: 2200px;
   width: 800px;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-size: 65px;
font-family: Trebuchet MS;
 border:none;
}

/*Фото вверха*/
.image {
   position:relative;
   border:none;
   width: 100% ; 
   height: 200px;
   margin: 0 auto;
   


}

/*Фото с инстремнтами*/
.image1 {
   position:relative ;
    border:none;
   top: 120px;
   left: -1280px;
   width: 354px;
   height: 237px;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под истрементами*/
T1 {
   position: absolute;
   top: 650px;
   left: 1800px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
   background-repeat: no-repeat;
   background-size: cover;
}

/*Фото с процессором*/
.image2 {
   position: relative;
   border:none;
   top: -75px;
   left: 880px;
   width: 100%;
   margin: 0 auto;
   min-width: 120px;
} 

/*Текст под процессором*/
T2 {
   position: absolute;
   top: 645px;
   left: 2400px;
   width: 100%; 
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с копьютерами*/
.image3 {
   position: relative;
    border:none;
   top: 120px;
   left: 280px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под компьютерами*/
T3 {
   position: absolute;
   top: 1150px;
   left: 1800px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с Пачкордами*/
.image4 {
   position: relative;
    border:none;
   top: -125px;
   left: 880px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под Пачкордами*/
T4 {
   position: absolute;
   top: 1150px;
   left: 2400px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

footer {

   position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 25px; /* Поля вокруг текста */
    background: #D3D3D3; /* Цвет фона */
    color: black; /* Цвет текста */
    width: 100%; /* Ширина слоя */
    text-indent: 1650px;
    font-size: 26px;
}


   html {
    width:100vw;
    overflow-x:hidden;
    overflow-y:visible;
    object-fit: contain;
   }
}























































@media only screen 
and (min-width : 5500px)
and (max-device-width : 6720px)

 {
    #navbarr ul{
        display: none;
        background-color: #000000;
        position: absolute;
        top: 100%;
        z-index: 10;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
      }
      #navbarr li:hover ul { display: block; }
      #navbarr, #navbarr ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
      }
      #navbarr {
        height: 50px;
        background-color: #002137;
        padding-left: 1550px;
        min-width: 470px;
      }
      #navbarr li {
        float: left;
        position: relative;
        height: 100%;
      }
      #navbarr li a {
        display: block;
        padding: 10px;
        width: 250px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        
      }
      #navbarr ul li { float: none; }
      #navbarr ul li:hover { background-color: #002137; }
      #navbar li:hover ul { display: block; }
      #navbarr ul li:hover { background-color: #002137; }

 


html {
  height: 100%;
  margin: 0;
  padding: 0;
}
header {
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
}
 
header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
  background: url(https://catherineasquithgallery.com/uploads/posts/2021-02/1614398240_59-p-temno-zelenii-chernii-fon-71.jpg) center no-repeat;
  background-size: cover;
}
 
.site-title {
  text-align: center;
  text-transform: uppercase;
}

 /*Федеральное государственное унитарное предприятие*/
h3 {
   position: absolute;
   top: 20px;
   left: 1960px;
   margin: 0 auto;
   width: 1800px;
   height: 50px;
   font-size: 30px;
   color: white;
   font-family: Trebuchet MS;
   border:none;
}

/*«Научно-технический центр*/
h1 {
   position: absolute;
   top: 60px;
   left: 2140px;
   width: 1800px;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   font-size: 30px;
   color: white;
font-family: Trebuchet MS;
 border:none;
}

/*«Орион»*/
t32 {
   position: absolute;
   top: 100px;
   left: 2200px;
   width: 800px;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-size: 65px;
font-family: Trebuchet MS;
 border:none;
}

/*Фото вверха*/
.image {
   position:relative;
   border:none;
   width: 100% ; 
   height: 200px;
   margin: 0 auto;
   


}

/*Фото с инстремнтами*/
.image1 {
   position:relative ;
    border:none;
   top: 175px;
   left: -1580px;
   width: 354px;
   height: 237px;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под истрементами*/
T1 {
   position: absolute;
   top: 650px;
   left: 1800px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
   background-repeat: no-repeat;
   background-size: cover;
}

/*Фото с процессором*/
.image2 {
   position: relative;
   border:none;
   top: -75px;
   left: 880px;
   width: 100%;
   margin: 0 auto;
   min-width: 120px;
} 

/*Текст под процессором*/
T2 {
   position: absolute;
   top: 645px;
   left: 2400px;
   width: 100%; 
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с копьютерами*/
.image3 {
   position: relative;
    border:none;
   top: 120px;
   left: 280px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под компьютерами*/
T3 {
   position: absolute;
   top: 1150px;
   left: 1800px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с Пачкордами*/
.image4 {
   position: relative;
    border:none;
   top: -125px;
   left: 880px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под Пачкордами*/
T4 {
   position: absolute;
   top: 1150px;
   left: 2400px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

footer {

   position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 25px; /* Поля вокруг текста */
    background: #D3D3D3; /* Цвет фона */
    color: black; /* Цвет текста */
    width: 100%; /* Ширина слоя */
    text-indent: 1650px;
    font-size: 26px;
}


   html {
    width:100vw;
    overflow-x:hidden;
    overflow-y:visible;
    object-fit: contain;
   }
}















































@media only screen 
and (min-width : 6720px)
and (max-device-width : 7300px)
 {
    #navbarr ul{
        display: none;
        background-color: #000000;
        position: absolute;
        top: 100%;
        z-index: 10;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
      }
      #navbarr li:hover ul { display: block; }
      #navbarr, #navbarr ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
      }
      #navbarr {
        height: 50px;
        background-color: #002137;
        padding-left: 2250px;
        min-width: 470px;
      }
      #navbarr li {
        float: left;
        position: relative;
        height: 100%;
      }
      #navbarr li a {
        display: block;
        padding: 10px;
        width: 250px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        
      }
      #navbarr ul li { float: none; }
      #navbarr ul li:hover { background-color: #002137; }
      #navbar li:hover ul { display: block; }
      #navbarr ul li:hover { background-color: #002137; }

 


html {
  height: 100%;
  margin: 0;
  padding: 0;
}
header {
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
}
 
header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
  background: url(https://catherineasquithgallery.com/uploads/posts/2021-02/1614398240_59-p-temno-zelenii-chernii-fon-71.jpg) center no-repeat;
  background-size: cover;
}
 
.site-title {
  text-align: center;
  text-transform: uppercase;
}

 /*Федеральное государственное унитарное предприятие*/
h3 {
   position: absolute;
   top: 20px;
   left: 2630px;
   margin: 0 auto;
   width: 1800px;
   height: 50px;
   font-size: 30px;
   color: white;
   font-family: Trebuchet MS;
   border:none;
}

/*«Научно-технический центр*/
h1 {
   position: absolute;
   top: 60px;
   left: 2800px;
   width: 1800px;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   font-size: 30px;
   color: white;
font-family: Trebuchet MS;
 border:none;
}

/*«Орион»*/
t32 {
   position: absolute;
   top: 100px;
   left: 2900px;
   width: 800px;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-size: 65px;
font-family: Trebuchet MS;
 border:none;
}

/*Фото вверха*/
.image {
   position:relative;
   border:none;
   width: 100% ; 
   height: 200px;
   margin: 0 auto;
   


}

/*Фото с инстремнтами*/
.image1 {
   position:relative ;
    border:none;
   top: 170px;
   left: -1780px;
   width: 354px;
   height: 237px;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под истрементами*/
T1 {
   position: absolute;
   top: 650px;
   left: 2500px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
   background-repeat: no-repeat;
   background-size: cover;
}

/*Фото с процессором*/
.image2 {
   position: relative;
   border:none;
   top: -75px;
   left: 880px;
   width: 100%;
   margin: 0 auto;
   min-width: 120px;
} 

/*Текст под процессором*/
T2 {
   position: absolute;
   top: 645px;
   left: 3100px;
   width: 100%; 
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с копьютерами*/
.image3 {
   position: relative;
    border:none;
   top: 120px;
   left: 280px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под компьютерами*/
T3 {
   position: absolute;
   top: 1150px;
   left: 2500px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с Пачкордами*/
.image4 {
   position: relative;
    border:none;
   top: -125px;
   left: 880px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под Пачкордами*/
T4 {
   position: absolute;
   top: 1150px;
   left: 3100px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

footer {

   position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 25px; /* Поля вокруг текста */
    background: #D3D3D3; /* Цвет фона */
    color: black; /* Цвет текста */
    width: 100%; /* Ширина слоя */
    text-indent: 2350px;
    font-size: 26px;
}


   html {
    width:100vw;
    overflow-x:hidden;
    overflow-y:visible;
    object-fit: contain;
   }
}




















































































@media only screen 
and (min-width :7300px)
 {
    #navbarr ul{
        display: none;
        background-color: #000000;
        position: absolute;
        top: 100%;
        z-index: 10;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
      }
      #navbarr li:hover ul { display: block; }
      #navbarr, #navbarr ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
      }
      #navbarr {
        height: 50px;
        background-color: #002137;
        padding-left: 2250px;
        min-width: 470px;
      }
      #navbarr li {
        float: left;
        position: relative;
        height: 100%;
      }
      #navbarr li a {
        display: block;
        padding: 10px;
        width: 250px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        
      }
      #navbarr ul li { float: none; }
      #navbarr ul li:hover { background-color: #002137; }
      #navbar li:hover ul { display: block; }
      #navbarr ul li:hover { background-color: #002137; }

 


html {
  height: 100%;
  margin: 0;
  padding: 0;
}
header {
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
}
 
header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
  background: url(https://catherineasquithgallery.com/uploads/posts/2021-02/1614398240_59-p-temno-zelenii-chernii-fon-71.jpg) center no-repeat;
  background-size: cover;
}
 
.site-title {
  text-align: center;
  text-transform: uppercase;
}

 /*Федеральное государственное унитарное предприятие*/
h3 {
   position: absolute;
   top: 20px;
   left: 2630px;
   margin: 0 auto;
   width: 1800px;
   height: 50px;
   font-size: 30px;
   color: white;
   font-family: Trebuchet MS;
   border:none;
}

/*«Научно-технический центр*/
h1 {
   position: absolute;
   top: 60px;
   left: 2800px;
   width: 1800px;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   font-size: 30px;
   color: white;
font-family: Trebuchet MS;
 border:none;
}

/*«Орион»*/
t32 {
   position: absolute;
   top: 100px;
   left: 2900px;
   width: 800px;
   margin: 0 auto;
   width: 600px;
   height: 50px;
   min-width: 120px;
   color: white;
   font-size: 65px;
font-family: Trebuchet MS;
 border:none;
}

/*Фото вверха*/
.image {
   position:relative;
   border:none;
   width: 100% ; 
   height: 200px;
   margin: 0 auto;
   


}

/*Фото с инстремнтами*/
.image1 {
   position:relative ;
    border:none;
   top: 170px;
   left: -2180px;
   width: 354px;
   height: 237px;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под истрементами*/
T1 {
   position: absolute;
   top: 650px;
   left: 2500px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
   background-repeat: no-repeat;
   background-size: cover;
}

/*Фото с процессором*/
.image2 {
   position: relative;
   border:none;
   top: -75px;
   left: 880px;
   width: 100%;
   margin: 0 auto;
   min-width: 120px;
} 

/*Текст под процессором*/
T2 {
   position: absolute;
   top: 645px;
   left: 3100px;
   width: 100%; 
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с копьютерами*/
.image3 {
   position: relative;
    border:none;
   top: 120px;
   left: 280px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под компьютерами*/
T3 {
   position: absolute;
   top: 1150px;
   left: 2500px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

/*Фото с Пачкордами*/
.image4 {
   position: relative;
    border:none;
   top: -125px;
   left: 880px;
   width: 100%;
   margin: 0 auto;
   background-repeat: no-repeat;
   background-size: cover;
min-width: 120px;
} 

/*Текст под Пачкордами*/
T4 {
   position: absolute;
   top: 1150px;
   left: 3100px;
   width: 100%;
   margin: 0 auto;
   width: 400px;
   height: 50px;
   color: black;
   font-size: 25px;
   text-align: center;
}

footer {

   position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 25px; /* Поля вокруг текста */
    background: #D3D3D3; /* Цвет фона */
    color: black; /* Цвет текста */
    width: 100%; /* Ширина слоя */
    text-indent: 2650px;
    font-size: 26px;
}


   html {
    width:100vw;
    overflow-x:hidden;
    overflow-y:visible;
    object-fit: contain;
   }
}