The "Projects" section is not visible until the user scrolls the page (#74)

## How does this PR impact the user?

before:
<img width="958" height="646" alt="image"
src="https://github.com/user-attachments/assets/60e6d748-3522-41e3-a5f3-007fc7534de1"
/>

after:
<img width="1572" height="900" alt="image"
src="https://github.com/user-attachments/assets/fc3dc8eb-a825-4d3c-885b-a56eed83428b"
/>

## Description
The "Projects" section is not visible until the user scrolls the page

## Checklist

- [ ] my PR is focused and contains one wholistic change
- [ ] I have added screenshots or screen recordings to show the changes

Author: LevchenkoIlona

main.css

@@ -12,21 +12,17 @@
 	font-family:verdana;
 	font-size:11px;
 }
-
 .open {
 	display: flex !important;
 }
-
 .open_header {
 	padding-bottom: 100vh !important;
 }
-
 * {
 	margin: 0;
 	padding: 0;
 	box-sizing: border-box;
 }
-
 @font-face {
 
 	font-family: suisseIntl-r;
@@ -129,6 +125,7 @@ h3 {
 
 .header {
 	padding-bottom: 235px;
+
 }
 
 .hidden{
@@ -496,7 +493,13 @@ footer {
 }
 
 /*Адаптив*/
-
+	
+@media (min-height: 501px) and (max-height: 1000px) and (orientation: landscape) {
+	.header{
+		height: 100vh;
+		display: flex;
+	}
+}
   @media screen and (max-width: 1200px) {
 	.container {
 	  width: 900px;
@@ -655,7 +658,6 @@ footer {
 	  width: 100%;
 	  padding: 0 30px;
 	}
-
 	.header_menu {
 		padding-left: 30px;
 		padding-right: 30px;