1. html,
2. body {
3.     height: 100%;
4.     width: 100%;
5.     position: relative;
6.     margin: 0px auto;
7.     padding: 0px 0px 0px 0px;
8.     background-color: whitesmoke;
9.     font-family: 'Montserrat ', sans-serif;
10.     font-family: 'Oswald', sans-serif;
11. }
12.  
13. article {
14.     height: 100%;
15.     width: 100%;
16. }
17.  
18. nav {
19.     height: 10%;
20.     width: 100%;
21.     display: flex;
22.     justify-content: space-between;
23.     align-items: center;
24.     padding-top: 20px;
25.     box-shadow: 2px 2px 20px #8c8c8c;
26. }
27.  
28. nav ul,
29. ul li {
30.     list-style: none;
31.     margin: 0;
32.     padding: 0 15px 0 0;
33.     text-align: right;
34.    
35. }
36.  
37. nav ul li {
38.     display: inline-block;
39.     vertical-align: middle;
40.     white-space: nowrap;
41. }
42.  
43. nav li a {
44.     padding: 5px;
45.     text-decoration: none;
46.     color: #696969;
47.     font-size: 20px;
48.     font-weight: bold;
49.     vertical-align: middle;
50. }
51.  
52. a:hover {
53.     background-color: #F0E68C;
54. }
55. #wrapper{
56.     height: 60%;
57.     width: 100%;
58. }
59.  
60. #samolot {
61.     height: 100px;
62.     width: 150px;
63.     padding: 0 0 30px 30px;
64. }
65. .bilet{
66.     float: left;
67.     height: 50%;
68.     width: 25%;
69.     margin: 15px 0 0 15px;
70. }
71. #rectangle_top{
72.     width: 98%;
73.     height: 17%;
74.     background-color: #e6e6e6;
75. }
76. #rectangle_top p{
77.     text-align: left;
78.     display: inline-block;
79.     font-size: 25px;
80.     padding-left: 10px;
81. }
82. p{
83.     padding: 0;
84.     margin: 5px auto 0 0;
85. }
86. #div_input{
87.     margin: 0;
88.     padding: 0;
89. }
90. #div_input p{
91.     font-size: 15px;
92. }
93. input[type="text"]{
94.     height: 8%;
95.     width: 97%;
96. }
97. input[type="button"]{
98.     margin: 15px 0 auto auto;
99.     padding: 0 0 0 0;
100.     width: 97%;
101.     height: 65px;
102.     border-radius: 8px;
103.     border-style: none;
104.     background-color:  #ffa31a;
105.     font-size: 18px;
106.     color: white;
107.     font-style: inherit;
108. }
109. .textpanel{
110.     float: left;
111.     margin: 15px 0 0 15px;
112.     height: 50%;
113.     width: 63%;
114.    
115.  
116. }
117. #palmy{
118.     height: 100%;
119.     width: 100%;
120.     background-image: url(http://s1.1zoom.me/big0/375/USA_Coast_Hawaii_Palma_482728.jpg);
121.     background-repeat: no-repeat;
122. }
123. #main_text p:first-child{
124.     font-size: 50px;
125.    
126. }
127. #main_text p:nth-child(2){
128.     font-size: 25px;
129. }
130. .ad{
131.     float: left;
132.     height: 90%;
133.     width: 10%;
134.     margin: 15px auto auto 5px;
135.     background-image: url(https://ocdn.eu/pulscms-transforms/1/UqpktkqTURBXy9mY2IwY2YwZjY3MzUwNTgwNWU1YjZjOTAwODc5YTE2ZC5qcGVnkpUDADXNA8DNAhyTBc0EsM0Cdg);
136.     background-repeat: no-repeat;
137.  
138. }
139. .ad p:first-child{
140.     margin: 0 33% 0 33%;
141.     writing-mode: vertical-rl;
142.     text-orientation: upright;
143.     text-transform: uppercase;
144.     word-wrap: break-word;
145.     font-weight: bold;
146.     font-size: 46px;
147.     color: white;
148. }
149. .footer{
150.     margin-top: 100px;
151.     height: 10%;
152.     width: 100%;
153.     background-color: #8c8c8c;
154.  
155. }
156. #rightxd{
157.     float: right;
158.     height: 100%;
159.     width: 30%;
160.     background-color: #696969;
161.  
162. }
163. #rightxd p{
164.     font-size: 20px;
165.     vertical-align: middle;
166.  
167. }