diff --git a/src/app.scss b/src/app.scss
index b129a22..bc31fb5 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -16,14 +16,14 @@
 $basecolor:#E5E5E5;
 $basecolor2:#FFFFFF;
 // $basecolor2:#FCA311;
-$accent2: #FCA311;
+$accent2: #256EFF;
 $contrast: #14213D;
 $contrast2: #000000;
 $img-contrast: #14213D;
 
 $text-color: #011936;
-$border-color: #D77A61;
-$button-border-color: #D77A61;
+$border-color: #256EFF;
+$button-border-color: #256EFF;
 
 $min-tablet: 768px;
 $min-desktop: 1024px;
@@ -67,6 +67,8 @@ $default-border-radius:5px;
   }
 }
 
+
+
 a {
   text-decoration:none;
   color: $text-color;
@@ -76,4 +78,6 @@ button{
   color: $text-color;
 }
 
-h1, h2, h3 {}
\ No newline at end of file
+h1, h2, h3 {
+  font-weight: normal;
+}
\ No newline at end of file
diff --git a/src/elements/Contacts.svelte b/src/elements/Contacts.svelte
index d25d012..0f9a014 100644
--- a/src/elements/Contacts.svelte
+++ b/src/elements/Contacts.svelte
@@ -1,7 +1,7 @@
 <script lang="ts"></script>
 
 <div class="contacts">
-	<img src="/profile_pic.jpg" alt="profile" class="profile" />
+	<img src="/profile_pic.webp" alt="profile" class="profile" />
 	<div class="links">
 		<ul>
 			<li>
diff --git a/src/elements/JobElement.svelte b/src/elements/JobElement.svelte
index 6a7e0d7..5ac4261 100644
--- a/src/elements/JobElement.svelte
+++ b/src/elements/JobElement.svelte
@@ -14,7 +14,7 @@
 
 <div class="job-container">
 	<h3>{job.title[currentLanguage]}</h3>
-	<div>
+	<div class="content">
 		<div class="image-container">
 			{#each job.images as image}
 				<img src={image} alt={image} />
@@ -65,15 +65,26 @@
 		text-align: justify;
 	}
 	.added-info {
-		margin-top: 50px;
 		text-align: left;
 		font-size: smaller;
 	}
+	.content{
+		margin-top: 0;
+	}
 	.job-container {
+		img {
+			background-color: $text-color;
+		}
+		display: flex;
+		flex-direction: column;
+		justify-content: space-evenly;
 		background-color: $basecolor2;
-		// border: solid 1px $border-color;
 		border-radius: $default-border-radius;
 		padding: 30px;
-		margin: 30px;
+		margin:30px;
+		
+		@media (min-width: 1250px) {
+			width: 38%;
+		}
 	}
 </style>
diff --git a/src/elements/Jobs.svelte b/src/elements/Jobs.svelte
index 2f0cd22..fd8eb5d 100644
--- a/src/elements/Jobs.svelte
+++ b/src/elements/Jobs.svelte
@@ -7,17 +7,18 @@
 
 <div class="jobs-container">
 	{#each jobs as job}
-		<div class="item"><JobElement {job} {currentLanguage} /></div>
+		<JobElement {job} {currentLanguage} />
 	{/each}
 </div>
 
 <style lang="scss">
-	.jobs-container {
-		display: inline-grid;
-		grid-template-columns: 1fr 1fr;
-		col:nth-child(2n + 3) {
-			grid-column-start: 0;
-			grid-column-end: 1;
+	@import '../app.scss';
+	@media (min-width: 1250px) {
+		.jobs-container {
+			display: flex;
+			justify-content: space-between;
+			flex-wrap: wrap;
 		}
 	}
+
 </style>
diff --git a/src/elements/Menu.svelte b/src/elements/Menu.svelte
index b84e194..9d9c1c9 100644
--- a/src/elements/Menu.svelte
+++ b/src/elements/Menu.svelte
@@ -15,7 +15,6 @@
 		<a
 			use:scrollto={{ element: '#home', offset: -70 }}
 			href="#home"
-			alt={menu.home[currentLanguage]}
 		>
 			<span class="hide">{menu.home[currentLanguage]}</span><i class="fas fa-home" /></a
 		>
@@ -24,7 +23,6 @@
 			use:scrollto={{ element: '#jobs', offset: -70 }}
 			class="menu-element"
 			href="#jobs"
-			alt={menu.job[currentLanguage]}
 			><span class="hide">{menu.job[currentLanguage]}</span><i class="fas fa-user-tie" /></a
 		>
 
@@ -32,7 +30,6 @@
 			use:scrollto={{ element: '#training', offset: -70 }}
 			class="menu-element"
 			href="#training"
-			alt={menu.school[currentLanguage]}
 			><span class="hide">{menu.school[currentLanguage]}</span><i
 				class="fas fa-graduation-cap"
 			/></a
@@ -42,7 +39,6 @@
 			use:scrollto={{ element: '#portfolio', offset: -70 }}
 			class="menu-element"
 			href="#portfolio"
-			alt={menu.portfolio[currentLanguage]}
 			><span class="hide">{menu.portfolio[currentLanguage]}</span><i class="fas fa-user-clock" /></a
 		>
 
@@ -67,7 +63,6 @@
 		display: flex;
 	}
 	a {
-		border: solid $button-border-color 1px;
 		border-radius: $default-border-radius;
 		width: 50px;
 		margin: auto;
@@ -79,7 +74,8 @@
 		}
 	}
 	a:hover {
-		background-color: $accent2;
+		background-color: $text-color;
+		color: white;
 	}
 
 	@media (min-width: $min-tablet) {
diff --git a/src/model/jobs.json b/src/model/jobs.json
index e6e65d7..ba4c6e6 100644
--- a/src/model/jobs.json
+++ b/src/model/jobs.json
@@ -26,7 +26,7 @@
       "Docker",
       "AWS"
     ],
-    "images":["/ALTEN.jpg"]
+    "images":["/ALTEN.webp"]
   },
   {
     "year": {
@@ -54,7 +54,7 @@
       "GitLab",
       "Nativescript"
     ],
-    "images":["/logo-jatus-tech.png"]
+    "images":["/logo-jatus-tech.webp"]
   },
   {
     "year": {
@@ -78,7 +78,7 @@
       "Nuxt",
       "Docker"
     ],
-    "images":["/logo-athesys.png"]
+    "images":["/logo-athesys.webp"]
   },
   {
     "year": {
@@ -99,7 +99,7 @@
       "Composer",
       "Docker"
     ],
-    "images":["/alternative-studio.png"]
+    "images":["/alternative-studio.webp"]
   },
   {
     "year": {
@@ -114,6 +114,6 @@
     "collaborators": [],
     "languages": [],
     "tecnologies": [],
-    "images":["/saxonhilllogo.jpg"]
+    "images":["/saxonhilllogo.webp"]
   }
 ]
diff --git a/src/model/portfolio.json b/src/model/portfolio.json
index 9c7eec8..08e0d36 100644
--- a/src/model/portfolio.json
+++ b/src/model/portfolio.json
@@ -18,7 +18,7 @@
       "Svelte",
       "Node.js"
     ],
-    "images":["/webpage.png"]
+    "images":["/webpage.webp"]
   },
   {
     "year":{
@@ -50,7 +50,7 @@
     "tecnologies": [
       "QMK"
     ],
-    "images":["/custom-keyboard.jpg"]
+    "images":["/custom-keyboard.webp"]
   },
   {
     "year":{
@@ -64,7 +64,7 @@
     "collaborators":[],
     "languages":["bash","python"],
     "tecnologies":["raspberry"],
-    "images":["/3dprinter.jpg"]
+    "images":["/3dprinter.webp"]
   },{
     "year":{
       "start":"2021-09-15",
@@ -91,7 +91,7 @@
     "collaborators":[],
     "languages":[],
     "tecnologies":[],
-    "images":["/workstation.jpg"]
+    "images":["/workstation.webp"]
   },
   {
     "year":{
@@ -147,7 +147,7 @@
     "collaborators":[],
     "languages":["C++"],
     "tecnologies":["Qt"],
-    "images":["/QContainer.png"]
+    "images":["/QContainer.webp"]
   },
   {
     "year":{
@@ -160,7 +160,7 @@
     "collaborators":[{"name":"Giuseppe Vito","surname":"Bitetti","ref":"https://www.linkedin.com/in/giuseppe-vito-bitetti-587751200"}, {"name":"Enrico","surname":"Buratto","ref":"https://www.linkedin.com/in/enrico-buratto-04104b151"},{"name":"Mariano","surname":"Sciacco","ref":"https://www.linkedin.com/in/marianosciacco/"}],
     "languages":["PHP","SQL"],
     "tecnologies":["Apache","MariaDB"],
-    "images":["/techweb.png"]
+    "images":["/techweb.webp"]
   },
   {
     "year":{
diff --git a/src/model/training.json b/src/model/training.json
index cee9444..0166200 100644
--- a/src/model/training.json
+++ b/src/model/training.json
@@ -10,7 +10,7 @@
     "collaborators": [],
     "languages": [],
     "tecnologies": [],
-    "images":["unipd-universita-di-padova.png"]
+    "images":["unipd-universita-di-padova.webp"]
   },
   {
     "year": {
@@ -24,6 +24,6 @@
     "collaborators": [],
     "languages": [],
     "tecnologies": [],
-    "images":["logoSeveri.png"]
+    "images":["logoSeveri.webp"]
   }
 ]
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index c27fcd6..20e21a6 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -3,7 +3,6 @@
 	import Jobs from '$elem/Jobs.svelte';
 	import Menu from '$elem/Menu.svelte';
 	import Training from '$elem/Training.svelte';
-	import Contacts from '$elem/Contacts.svelte';
 	import Data_jobs from '../model/jobs.json';
 	import Data_portfolio from '../model/portfolio.json';
 	import type { Schema } from 'src/model/job';
@@ -12,8 +11,8 @@
 	let currentLanguage: string = 'it';
 	let titles = {
 		home: {
-			it: 'Gianmarco Pettinato \n Software Developer',
-			en: 'Gianmarco Pettinato \n Software Developer'
+			it: 'Gianmarco Pettinato',
+			en: 'Gianmarco Pettinato'
 		},
 		job: { it: 'Esperienze', en: 'Experiences' },
 		school: { it: 'Formazione', en: 'Training' },
@@ -44,6 +43,7 @@
 	</div>
 	<div id="home" class="default">
 		<h1>{titles.home[currentLanguage]}</h1>
+		<h2>Software developer</h2>
 		<AboutMe {currentLanguage} />
 	</div>
 	<div id="jobs" class="default">
@@ -63,15 +63,16 @@
 <style lang="scss">
 	@import '../app.scss';
 	.language-selector {
-		width: 100%;
+		right: 0;
 		height: 30px;
 		text-align: center;
 		text-transform: uppercase;
-		background-color: $basecolor2;
 		padding-top: 10px;
 		display: flex;
 		flex-direction: row;
 		justify-content: end;
+		position: absolute;
+		z-index: 999;
 	}
 	.menu {
 		background-color: $basecolor2;
@@ -82,7 +83,7 @@
 		justify-content: center;
 		align-items: center;
 		padding: 10px;
-		border-bottom: solid black 1px;
+		border-bottom: solid #999 1px;
 	}
 
 	.custom-button {
@@ -96,11 +97,14 @@
 		margin-right: 5px;
 	}
 	.custom-button:hover {
-		background-color: $accent2;
+		
+		background-color: $text-color;
+		color: white;
 	}
 	.custom-button-active {
 		cursor: unset;
-		background-color: $accent2;
+		background-color: $text-color;
+		color: white;
 	}
 	@media (max-width: $min-tablet) {
 		.custom-button {
diff --git a/static/3dprinter.jpg b/static/3dprinter.jpg
deleted file mode 100644
index de34034..0000000
Binary files a/static/3dprinter.jpg and /dev/null differ
diff --git a/static/3dprinter.webp b/static/3dprinter.webp
new file mode 100644
index 0000000..2ca3538
Binary files /dev/null and b/static/3dprinter.webp differ
diff --git a/static/ALTEN.jpg b/static/ALTEN.jpg
deleted file mode 100644
index bc9b2d8..0000000
Binary files a/static/ALTEN.jpg and /dev/null differ
diff --git a/static/ALTEN.webp b/static/ALTEN.webp
new file mode 100644
index 0000000..7af70fa
Binary files /dev/null and b/static/ALTEN.webp differ
diff --git a/static/QContainer.png b/static/QContainer.png
deleted file mode 100644
index 261ec75..0000000
Binary files a/static/QContainer.png and /dev/null differ
diff --git a/static/QContainer.webp b/static/QContainer.webp
new file mode 100644
index 0000000..4b24eb9
Binary files /dev/null and b/static/QContainer.webp differ
diff --git a/static/alternative-studio.png b/static/alternative-studio.png
deleted file mode 100644
index eedabaa..0000000
Binary files a/static/alternative-studio.png and /dev/null differ
diff --git a/static/alternative-studio.webp b/static/alternative-studio.webp
new file mode 100644
index 0000000..4e51023
Binary files /dev/null and b/static/alternative-studio.webp differ
diff --git a/static/custom-keyboard.jpg b/static/custom-keyboard.jpg
deleted file mode 100644
index 52d4d60..0000000
Binary files a/static/custom-keyboard.jpg and /dev/null differ
diff --git a/static/custom-keyboard.webp b/static/custom-keyboard.webp
new file mode 100644
index 0000000..1a9c153
Binary files /dev/null and b/static/custom-keyboard.webp differ
diff --git a/static/favicon.webp b/static/favicon.webp
new file mode 100644
index 0000000..cfd03b2
Binary files /dev/null and b/static/favicon.webp differ
diff --git a/static/logo-athesys.png b/static/logo-athesys.png
deleted file mode 100644
index ba257d6..0000000
Binary files a/static/logo-athesys.png and /dev/null differ
diff --git a/static/logo-athesys.webp b/static/logo-athesys.webp
new file mode 100644
index 0000000..07499de
Binary files /dev/null and b/static/logo-athesys.webp differ
diff --git a/static/logo-jatus-tech.png b/static/logo-jatus-tech.png
deleted file mode 100644
index e24a51a..0000000
Binary files a/static/logo-jatus-tech.png and /dev/null differ
diff --git a/static/logo-jatus-tech.webp b/static/logo-jatus-tech.webp
new file mode 100644
index 0000000..cb40708
Binary files /dev/null and b/static/logo-jatus-tech.webp differ
diff --git a/static/logoSeveri.png b/static/logoSeveri.png
deleted file mode 100644
index e381121..0000000
Binary files a/static/logoSeveri.png and /dev/null differ
diff --git a/static/logoSeveri.webp b/static/logoSeveri.webp
new file mode 100644
index 0000000..56d40a9
Binary files /dev/null and b/static/logoSeveri.webp differ
diff --git a/static/profile_pic.jpg b/static/profile_pic.jpg
deleted file mode 100644
index 0ba2ca9..0000000
Binary files a/static/profile_pic.jpg and /dev/null differ
diff --git a/static/profile_pic.webp b/static/profile_pic.webp
new file mode 100644
index 0000000..f047077
Binary files /dev/null and b/static/profile_pic.webp differ
diff --git a/static/saxonhilllogo.jpg b/static/saxonhilllogo.jpg
deleted file mode 100644
index 0c90d81..0000000
Binary files a/static/saxonhilllogo.jpg and /dev/null differ
diff --git a/static/saxonhilllogo.webp b/static/saxonhilllogo.webp
new file mode 100644
index 0000000..67d2819
Binary files /dev/null and b/static/saxonhilllogo.webp differ
diff --git a/static/techweb.png b/static/techweb.png
deleted file mode 100644
index 73f7c9e..0000000
Binary files a/static/techweb.png and /dev/null differ
diff --git a/static/techweb.webp b/static/techweb.webp
new file mode 100644
index 0000000..fd84f41
Binary files /dev/null and b/static/techweb.webp differ
diff --git a/static/unipd-universita-di-padova.png b/static/unipd-universita-di-padova.png
deleted file mode 100644
index d24015d..0000000
Binary files a/static/unipd-universita-di-padova.png and /dev/null differ
diff --git a/static/unipd-universita-di-padova.webp b/static/unipd-universita-di-padova.webp
new file mode 100644
index 0000000..6e7d6bb
Binary files /dev/null and b/static/unipd-universita-di-padova.webp differ
diff --git a/static/webpage.png b/static/webpage.png
deleted file mode 100644
index 15bba29..0000000
Binary files a/static/webpage.png and /dev/null differ
diff --git a/static/webpage.webp b/static/webpage.webp
new file mode 100644
index 0000000..dde2a85
Binary files /dev/null and b/static/webpage.webp differ
diff --git a/static/workstation.jpg b/static/workstation.jpg
deleted file mode 100644
index 343e37a..0000000
Binary files a/static/workstation.jpg and /dev/null differ
diff --git a/static/workstation.webp b/static/workstation.webp
new file mode 100644
index 0000000..091675b
Binary files /dev/null and b/static/workstation.webp differ