body {
	/* Set body background image */
	background-image: url(/static/porticciolo.jpg);
	/* Specify background properties */
	background-size: cover;
	/* background-repeat: no-repeat; */
	background-position: center center;
	/* Add other styles as needed */
	/* margin: 0;  Remove default margin */
	/*padding: 0; Remove default padding */
	height: 90vh; /* Set the body height to the viewport height */
	display: flex;
	/* align-items: center; */
	justify-content: center;
	flex-direction: column;
	min-height: 100vh;
	flex-wrap: nowrap;
}

img {
	vertical-align:middle;
	max-width: 40%

}
.flex-container {
	display: flex;
   
	justify-content: center;

  }


.main-content{
	width: 50%;
	border-radius: 20px;
	box-shadow: 0 5px 5px rgba(0,0,0,.4);
	margin: 5em auto;
	/* display: flex; */
	flex: 1;
}
/* .company__info{
	background-color: #c2f4f4;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #fff;
} */
.fa-android{
	font-size:3em;
}
@media screen and (max-width: 640px) {
	.main-content{width: 90%;}
	.company__info{
		display: none;
	}
	
}
@media screen and (min-width: 642px) and (max-width:800px){
	.main-content{width: 70%;}
}
.row > h2{
	color:#d5f7f7;
}

.card {
	padding: 10px;
	background-color: #17ceb8;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 


}
.card p {
	color: black; /* Set the text color to black or your desired color */
}

.card h1,h4  {
	color: #102168; /* Set the text color to black or your desired color */
}

.footer {
	
    display: flex;
	background-color: rgb(248, 247, 255, 0.80);
	color: rgb(23, 23, 22);
	justify-content: center;
	/* padding: 10px; */
	text-align: center;
}