* {
	box-sizing: border-box;
}
.flex-container {
	display: flex;
	flex: 1;
	
	flex-direction: row;

	padding-right: 10%;
	padding-left: 10%;
	
}

.go-back{
	 top: 90px;
	 display: block;
	}




/*
.title1{
	color: #EEEEE9;
	text-align: center;
}

.subtitle1{
	color: #EEEEE9;
	text-align: center;
}
*/

.flex-item-right {

	text-align: center;
	
	/*color: grey;*/
	/*border-radius: 25px;*/

	flex-basis: 50%;
	padding: 3%;

	align-items: center;
justify-content: center;

}
.imgdiv{
	background-color: #ffffff;
	border: 1px solid gray;
	border-bottom: none;
}

.flex-image {
	object-fit: contain;
	max-height: 100%;
	max-width: 100%;
	/*border:2px solid rgb(85, 85, 85);*/

	align-items: center;
justify-content: center;
padding: 3%;
	
	
}

.textdiv{
	


	align-items: center;
	background-color: #ECECEC;
	border: 1px solid grey;
	border-top: none;
	text-align: left;
	padding:3%;
	
}

.flex-text{
	
	max-height: 100%;
	max-width: 100%;

justify-content: left;

	
	
}








.flex-row {
	object-fit: contain;
	flex-basis: 25%;
}




.btn {
	background-color: rgb(239, 239, 239);

}


/*@media (max-width: 1200px) {*/
@media (min-width: 700px){
	.flex-item-right {
		flex-basis: 50%;
		/*padding: 6%;*/

		
	}

	.flex-item-left {
		flex-basis: 25%;
		
	}

	.flex-container {
		font-size: 12px;
		padding-right: 10%;
		padding-left: 10%;
		flex-wrap: wrap;
	}

	.break {
		flex-basis: 100%;
	}

	
}

/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 700px) {
	.flex-container {
		flex-direction: column;
			padding-right: 5%;
	padding-left: 5%;

	
		
	}

	.go-back{
		 display:none;
		}


	.title1{
		font-size: 38em;
	}


	.textdiv{
	

		overflow: hidden;
		text-overflow: ellipsis;
		
	}
	

	


}