diff --git a/src/App.vue b/src/App.vue
index 6ed429b..016086a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,7 +2,7 @@ Letenka
 
  <template>
   <div id="app">
-    <h1 style="text-align: center;">Letenka</h1>
+    <div class="header"><h1>Letenka</h1></div> 
     <div class="wrapper">
       <div class="col1">
         <div class="card">
@@ -49,8 +49,8 @@ Letenka
             <SeatPicker v-model="chosenSeats" :seats="seats" :classType="classType" :personCount="personCount" />
             <button v-on:klick="chosenSeats=[]">Odebrat všechna sedadla</button>
           </div>
-          </div>
         </div>
+      </div>
         
         
 
@@ -73,13 +73,17 @@ Letenka
               Datum odletu: 
               {{ departureDate.getDate() }}. {{ departureDate.getMonth() + 1 }}. {{ departureDate.getFullYear() }}
             </p>
-            <p v-else-if="travelType.value == 'R'">
+            <div v-else-if="travelType.value == 'R'">
+              <p>
               Datum odletu: 
-              {{ deparatureRangeDate.start.getDate() }}. {{ deparatureRangeDate.start.getMonth() + 1 }}. {{ deparatureRangeDate.start.getFullYear() }}
+              {{ deparatureRangeDate.start.getDate() }}. {{ deparatureRangeDate.start.getMonth() + 1 }}. {{ deparatureRangeDate.start.getFullYear() }} 
+              </p>
+              <p>
+              Datum příletu: 
+              {{ deparatureRangeDate.end.getDate() }}. {{ deparatureRangeDate.end.getMonth() + 1 }}. {{ deparatureRangeDate.end.getFullYear() }} 
+              </p>  
+            </div>
 
-              Datum příletu:
-              {{ deparatureRangeDate.end.getDate() }}. {{ deparatureRangeDate.end.getMonth() + 1 }}. {{ deparatureRangeDate.end.getFullYear() }}
-            </p>
             <p>
               Počet cestujcích: {{ personCount }}
             </p>
@@ -92,6 +96,11 @@ Letenka
         </div>     
       </div>
     </div>
+    <div class="footer">
+      <p>levnewebovky s.r.o</p>
+      <p>tel. 725 607 001</p>
+      <p>mail: levnewebovky@seznam.cz</p>
+    </div>
   </div>
 </template>
 
@@ -161,12 +170,41 @@ export default {
 </script>
 
 <style>
+.header {
+  color: white;
+  background-color: #000033;
+  margin-bottom: none;
+  text-align: center;
+  padding: none;
+  height: 50px;
+}
+
+.header .h1 {
+  text-align: center;
+}
+
+.wrapper {
+  margin-top: none;
+  background-image: url(./assets/img.jpg);
+
+}
 
 .card {
-    margin-left: 100px;
+  margin-top: 20px;
+  margin-bottom: 20px;
+  color: black;
+}
+
+.footer {
+  text-align: center;
+  color: white;
+  background-color: #000033;
+  height: 150px;
+  padding-top: 15px;
 }
 
 
+
   @media only screen and (max-width: 1000px) {
     .wrapper {
       display: block;
diff --git a/src/assets/fly.webp b/src/assets/fly.webp
deleted file mode 100644
index b5c4310..0000000
Binary files a/src/assets/fly.webp and /dev/null differ
diff --git a/src/assets/img.jpg b/src/assets/img.jpg
new file mode 100644
index 0000000..773a8d2
Binary files /dev/null and b/src/assets/img.jpg differ
diff --git a/src/assets/letadloo.jpg b/src/assets/letadloo.jpg
deleted file mode 100644
index 164b01f..0000000
Binary files a/src/assets/letadloo.jpg and /dev/null differ
diff --git a/src/assets/objednavka.png b/src/assets/objednavka.png
deleted file mode 100644
index f5973ee..0000000
Binary files a/src/assets/objednavka.png and /dev/null differ
diff --git a/src/assets/paluba.png b/src/assets/paluba.png
deleted file mode 100644
index b7a2d55..0000000
Binary files a/src/assets/paluba.png and /dev/null differ
diff --git a/src/components/SeatPicker.vue b/src/components/SeatPicker.vue
index 5adbe48..4680951 100644
--- a/src/components/SeatPicker.vue
+++ b/src/components/SeatPicker.vue
@@ -49,7 +49,7 @@ text-align: center;
 .seat {
 display: inline-block;
 width: 30px;
-border: 1px solid gray;
+border: 1px solid grey;
 margin: 2px;
 }
 .seat div:hover {