@media screen {

	.image-rows{
		background-color:#cdcdcd;
		
	}
	
	.image-row{
		display:flex;
		flex-wrap:wrap;
		align-items:stretch;
		background:linear-gradient(170deg, #cdcdcd, #eee);
	}
	
	.image-row .rotated-text-container{
		background-color:#333;
		color:white;
		flex:0 0 100px;
		display:flex;
		align-items:center;
		justify-content: center;
		position: relative;
	}
	
	.image-row .rotated-text-container .rotated-text{
		text-align: center;
		white-space: nowrap;
    transform: rotate(-90deg); 
    position: absolute; 
    left: 50%; 
    transform: translateX(-50%) rotate(-90deg); 
		text-transform:uppercase;
	}
	
	.image-row .image{
		flex: 0 0 250px;
	}
	
	.image-row .image img{
		/*max-height:500px;
		width:auto;*/
		vertical-align: bottom;
	}
	
	.image-row .text-container{
		flex:1 0 300px;
		align-self:center;
		justify-content:Center;
		
	}
	
	.image-row .text-container .text{
		padding:3%;
		max-width:700px;
	}

  .image-row p.paragraph{
    color:black;
  }
	

} /* END screen media */



@media only screen 
and (max-width : 650px) {

	.image-row .rotated-text-container{
		flex:1 1 50px;
	}



}