@media only screen and (min-width:360px) and (max-width:768px) {
	body {
		background-color: #151313;
		font-size: 16px;
	}
	.header {
		background: #31363F;
		color: white;
		text-align: center;
		padding: 20px 0;
	}
	.header h1 {
		font-size: 2em;
		margin-bottom: 5px;
	}
	.header p {
		font-size: 1em;
		margin-top: 0;
	}
	.topnav {
		overflow: hidden;
		background-color: #333;
	}
	.topnav a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
	}
	.topnav a.active {
		background-color: blue;
		color: white;
	}
	.topnav a:hover {
		background-color: #ddd;
		color: black;
	}
	.container {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.image img {
		max-width: 100%;
		height: auto;
	}
	.text {
		font-size: 18px;
		color: white;
		text-align: center;
	}
	.iso {
		display: flex;
		justify-content: center;
		align-items: center;
		overflow-x: auto; /* Enable horizontal scrolling if needed */
	}
	.iso-images {
		display: flex;
		justify-content: center; /* Center the images horizontally */
		align-items: center; /* Center the images vertically */
	}
	.iso-images img {
		margin: 5px; /* Add margin between the images */
		max-width: 80%;
		/* Ensure the images do not exceed the screen width */
		height: auto; /* Maintain aspect ratio */
	}
	.about {
		color: white;
		font-size: 20px;
		text-align: justify;
	}
	.paragraph {
		color: white;
		font-size: 15px;
		text-align: center;
	}
	.container-footer {
		padding: 20px;
		background-color: #151313;
		text-align: center;
		color: white;
	}
	a {
		color: inherit;
		text-decoration: none;
	}
	.footer-column {
		float: left;
		width: 50%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.w-row::after {
		content: "";
		clear: both;
		display: table;
	}
	.footer-social-network-icons {
		margin: 5px;
	}
	.link-email-footer {
		font-weight: bold;
	}
}

@media only screen and (min-width: 769px) and (max-width:1920px) {
	body {
		background-color: #121212;
	}
	.header {
		padding: 2px;
		text-align: center;
		background: #31363F;
		color: white;
		font-size: 28px;
	}
	.topnav {
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #9a9a9a;
	}
	.topnav a {
		float: left;
		color: #f2f2f2;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
		font-size: 17px;
	}
	.topnav a:hover {
		background-color: #ddd;
		color: black;
	}
	.topnav a.active {
		color: white;
	}
	.container {
		display: grid;
		align-items: center;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 1px;
	}
	
	img {
		max-width: 100%;
		max-height: 100%;
		margin-left: 20px;
	}
	.text {
		font-size: 18px;
		color: white;
		padding-left: 120px;
		padding-right: 0;
	}
	.about {
		color: white;
		font-size: 20px;
	}
	.paragraph {
		color: white;
		font-size: 20px;
		text-align: center;
	}
	div.container-footer.w-container {
		box-sizing: border-box;
		margin-left: auto;
		margin-right: auto;
		max-width: 940px;
		padding-bottom: 40px;
		padding-top: 70px;
	}
	div.container-footer.w-container:after {
		clear: both;
		content: " ";
		display: table;
		grid-column-end: 2;
		grid-column-start: 1;
		grid-row-end: 2;
		grid-row-start: 1;
	}
	div.container-footer.w-container:before {
		content: " ";
		display: table;
		grid-column-end: 2;
		grid-column-start: 1;
		grid-row-end: 2;
		grid-row-start: 1;
	}
	div.w-row {
		box-sizing: border-box;
		margin-left: -10px;
		margin-right: -10px;
	}
	div.w-row:after {
		clear: both;
		content: " ";
		display: table;
		grid-column-end: 2;
		grid-column-start: 1;
		grid-row-end: 2;
		grid-row-start: 1;
	}
	div.w-row:before {
		content: " ";
		display: table;
		grid-column-end: 2;
		grid-column-start: 1;
		grid-row-end: 2;
		grid-row-start: 1;
	}
	div.footer-column.w-clearfix.w-col.w-col-4 {
		box-sizing: border-box;
		float: left;
		min-height: 1px;
		padding-left: 10px;
		padding-right: 10px;
		position: relative;
		width: 33.3333%;
	}
	div.footer-column.w-clearfix.w-col.w-col-4:after {
		clear: both;
		content: " ";
		display: table;
		grid-column-end: 2;
		grid-column-start: 1;
		grid-row-end: 2;
		grid-row-start: 1;
	}
	div.footer-column.w-clearfix.w-col.w-col-4:before {
		content: " ";
		display: table;
		grid-column-end: 2;
		grid-column-start: 1;
		grid-row-end: 2;
		grid-row-start: 1;
	}
	img.failory-logo-image {
		border-width: 0;
		box-sizing: border-box;
		display: inline-block;
		float: left;
		max-width: 100%;
		vertical-align: middle;
	}
	h3.footer-failory-name {
		box-sizing: border-box;
		color: #FFFFFF;
		display: block;
		font-family: Lato, sans-serif;
		font-size: 20px;
		font-weight: 900;
		line-height: 1.1em;
		margin-bottom: 10px;
		margin-left: 10px;
		margin-top: 24px;
	}
	p.footer-description-failory {
		box-sizing: border-box;
		color: rgba(255, 255, 255, 0.8);
		display: block;
		font-family: Lato, sans-serif;
		font-size: 17px;
		font-weight: 300;
		letter-spacing: .5px;
		line-height: 1.5em;
		margin-bottom: 16px;
		margin-top: 15px;
	}
	br {
		box-sizing: border-box;
	}
	div.footer-column.w-col.w-col-8 {
		box-sizing: border-box;
		float: left;
		min-height: 1px;
		padding-left: 10px;
		padding-right: 10px;
		position: relative;
		width: 66.6667%;
	}
	div.w-col.w-col-8 {
		box-sizing: border-box;
		float: left;
		min-height: 1px;
		padding-left: 0;
		padding-right: 0;
		position: relative;
		width: 66.6667%;
	}
	div.w-col.w-col-7.w-col-small-6.w-col-tiny-7 {
		box-sizing: border-box;
		float: left;
		min-height: 1px;
		padding-left: 0;
		padding-right: 0;
		position: relative;
		width: 58.3333%;
	}
	h3.footer-titles {
		box-sizing: border-box;
		color: #FFFFFF;
		display: block;
		font-family: Lato, sans-serif;
		font-size: 20px;
		font-weight: 900;
		line-height: 1.1em;
		margin-bottom: 0;
		margin-left: 0;
		margin-top: 24px;
	}
	p.footer-links {
		box-sizing: border-box;
		color: rgba(255, 255, 255, 0.8);
		display: block;
		font-family: Lato, sans-serif;
		font-size: 17px;
		font-weight: 300;
		letter-spacing: .5px;
		line-height: 1.8em;
		margin-bottom: 16px;
		margin-top: 2px;
	}
	a {
		background-color: transparent;
		box-sizing: border-box;
		color: #FFFFFF;
		font-family: Lato, sans-serif;
		font-size: 17px;
		font-weight: 400;
		line-height: 1.2em;
		text-decoration: none;
	}
	a:active {
		outline: 0;
	}
	a:hover {
		outline: 0;
	}
	span.footer-link {
		box-sizing: border-box;
		color: rgba(255, 255, 255, 0.8);
		font-weight: 300;
	}
	span.footer-link:hover {
		color: #FFFFFF;
		font-weight: 400;
	}
	span {
		box-sizing: border-box;
	}
	strong {
		box-sizing: border-box;
		font-weight: 700;
	}
	div.w-col.w-col-5.w-col-small-6.w-col-tiny-5 {
		box-sizing: border-box;
		float: left;
		min-height: 1px;
		padding-left: 0;
		padding-right: 0;
		position: relative;
		width: 41.6667%;
	}
	div.column-center-mobile.w-col.w-col-4 {
		box-sizing: border-box;
		float: left;
		min-height: 1px;
		padding-left: 0;
		padding-right: 0;
		position: relative;
		width: 33.3333%;
	}
	a.footer-social-network-icons.w-inline-block {
		background-color: transparent;
		box-sizing: border-box;
		color: #FFFFFF;
		display: inline-block;
		font-family: Lato, sans-serif;
		font-size: 17px;
		font-weight: 400;
		line-height: 1.2em;
		margin-right: 8px;
		margin-top: 10px;
		max-width: 100%;
		opacity: .8;
		text-decoration: none;
	}
	a.footer-social-network-icons.w-inline-block:active {
		outline: 0;
	}
	a.footer-social-network-icons.w-inline-block:hover {
		opacity: 1;
		outline: 0;
	}
	img {
		border-width: 0;
		box-sizing: border-box;
		display: inline-block;
		max-width: 100%;
		vertical-align: middle;
	}
	p.footer-description {
		box-sizing: border-box;
		color: rgba(255, 255, 255, 0.8);
		display: block;
		font-family: Lato, sans-serif;
		font-size: 17px;
		font-weight: 300;
		letter-spacing: .5px;
		line-height: 1.5em;
		margin-bottom: 16px;
		margin-top: 15px;
	}
	strong.link-email-footer {
		box-sizing: border-box;
		font-weight: 700;
	}
}