@media (pointer: coarse) {
	#pointerBack {
  display: none !important;
}
}

@media (max-width: 1205px) {
	#canvas1, #canvas1 canvas {
  max-width: 100%;
  border: none;
}
	
	#matterCanvas, #matterCanvas canvas {
  max-width: 100% !important;
}
	
	main {
  padding-top: 95px;
}
	
	#goToTop {
  display: none !important;
}
	
	#formaEpikoinonias {
  width: 100%;
}
	
	#contactTitle .char, #experTitle, #wokrs1Title, #wokrs2Title, #aboutTitle {
  font-size: 65px;
	}
	
	.gridContainer {
  grid-template-rows: auto;
}
	
		#divider svg {
  width: 40px !important;
  height: 40px !important;
}
	
	#divider svg circle {
  cx: 20px !important;
  cy: 20px !important;
  r: 18px;
}
	
	#word1, #word2 {
  font-size: 60px;
	}
	
	#thirdScreen {
  flex-direction: column;
}
	
	#thirdScreen .leftCol, #thirdScreen .rightCol {
  width: calc(100% - 20px);
}
	
	#thirdScreen .rightCol img {
	width: 400px;
	}
	
		#subtitle {
		justify-content: space-around;
	}
	
	#ninenthScreen .leftCol {
  left: 0px !important;
}
	
	#ninenthScreen .rightCol {
  right: 0px !important;
}
	
	.invText {
  opacity: 1 !important;
}
	
	#thirdScreen .rightCol {
  text-align: center;
}
	
	
	#aboutTitle {
  transform: scale(1) !important;
}
	
	#secondScreen {
  height: 200px;
  margin-top: 50px;
}
	
	#fourthScreen {
  height: 280px !important;
}
	
	#wokrs1Title, #wokrs2Title {
  left: 0px !important;
  right: 0px !important;
}
	
	#termsPage main {
	padding-left: 15px;	
		padding-right: 15px;	
	}
	
#sixthScreen {
  height: 210px;
  padding: 0px 10px;
}
	
	#contactTitle .char {
  transform: scale(1) !important;
}
	
	#eighthScreen {
  height: 280px;
  margin-bottom: -20px;
}
	
	#aboutTitle {
  margin-top: 100px;
}
	
	#experTitle {
  bottom: 0px !important;
}
}

@media (max-width: 600px) {
	.menu_icon {
	display: block;
		  text-decoration: none;
}
	
	nav {
  position: fixed;
  width: calc(100% - 0px);
  top: 95px;
  background: #fff;
		left: -100%;
		transition: all 1s ease;	
}
	
	nav ul {
  flex-direction: column;
}
	
	nav a {
  color: #cc0e17;
}
	
	#ninenthScreen {
  flex-direction: column;
}
	
	.leftCol, .rightCol {
  width: calc(100% - 20px) !important;
  border: none !important;
}
	
	#contactTitle .char, #experTitle, #wokrs1Title, #wokrs2Title, #aboutTitle {
  font-size: 43px;
	}
	
		.gridContainer {
  grid-template-columns: 33% 33% 33%;
}
	
	#ergo25 {
  display: none;
}
	
	#divider svg {
  width: 30px !important;
  height: 30px !important;
}
	
	#divider svg circle {
  cx: 15px !important;
  cy: 15px !important;
  r: 13.5px;
}
	
	#word1, #word2 {
  font-size: 35px;
	}
	
	#subtitle {
  padding: 0px 5px;
	}
	
	#thirdScreen .rightCol {
	text-align: center;
	}
	
	#changeColor {
  display: none !important;
}
}