.tab {
	order: 2; 
	flex-grow: 1;
	width: 100%;
	display: none;
	padding: 1.0rem;
	padding-bottom: 10px;
	background-color: #f1f1f1;
}
  
.tabs {
	order:1; 
	display: flex;
	flex-wrap: wrap; 
	margin:0 auto;
	padding:0px;	
	text-align: center; /* now only images get centered */
    border: 6px solid #348dbd;
    background-color: #348dbd;
	font-size:1.0rem;
}


.tabs label {
	display: block;
	padding: 16px 16px;
	margin:0px;
	cursor: pointer;
	width: 100%;
	border-top: 1px solid #ffffff4d;
    border-bottom: 1px solid #0000001a;
    border-radius: 15px 0px 0px 0px;
	color: #333333;
	background-image: linear-gradient( #78909e,#348dbd);	
}
 
.tabs input[type="radio"] {

	display: none;
}

.tabs input[type="radio"]:checked + label {
	background: #3088c2;
	color: rgb(26, 25, 25);
	border-bottom: none;
	background-image: linear-gradient(#8e8e8f,#dfe3e6);
	text-shadow: 0px 1px 0px #333333;
}

.tabs input[type="radio"]:checked + label + .tab {
	display: block;
}

 

.tab img{
	text-align: center;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
	padding: 10px 0;
}



@media  all and (min-width: 768px ) and (orientation:landscape) {
	
	main img{
		float: left;
	}
	
	.tab {
		order: 99; 
		flex-grow: 1;
		width: 100%;
		display: none;
		padding: 0;
		margin: 0 auto;
		border:0;
	}
  
	.tabs {
		display: flex;
		flex-wrap: wrap; 
		margin:0 auto;
		padding:0px;
		font-size:1.0rem;
		color: #333333;
		border:none;	
	}
	
	.tabs label {
		order: 1; 
		display: block;
		padding: 10px 10px;
		margin-right: 0.2rem;
		cursor: pointer;
		color: #333;
		transition: background ease 0.2s;
		border-radius: 15px 15px 0px 0px;
		background-image: linear-gradient(#434a4e, #b9cedb);
		width: 100px;
		border-bottom: 0px solid #9e9e9e;
	}
  
	.tabs input[type="radio"] {	
		display: none;
		padding: 0;
	}
	
	.tabs input[type="radio"]:checked + label {
		background: #3088c2;
		color: rgb(20, 20, 20);
		background-image: linear-gradient(#8e8e8f,#dfe3e6);
		text-shadow: 1px 0px 1px #333333;
	}
	
	.tabs input[type="radio"]:checked + label + .tab {
		display: block;
	}
	
	.myd{
		display: block;
	}

	.tab img, p{
		padding: 20px;
	}
	
	
		
}