/* CSS Document */


.contentContainer, .contentContainer > * {
	display: flex;
	flex-wrap: wrap;
} 
.contentBlock {
	width: 80%;	
    } 
.contentBlock img {
	max-width: 80%;	
    } 	
 	
.contentBlock > * {
	max-width: 80%;
    } 

    .contentContainer {
		margin: 0 1rem;
    }

.contentBlock {
	display: flex;
	flex-direction: column;
	width: 100%;
    border: 1px grey solid;
    margin: 1rem;
    padding: 1rem;
}

.contentBlock img {
	max-width: 90%;
	align-self: center;
} 




.contentBlock a {
    text-decoration: underline;
	margin-top: auto;
	align-self: center;
}
.contentBlock a:hover {
    text-decoration: none;
    cursor: pointer;
}
@media (min-width: 1350px) { /* was 992px */
  
	.contentWrapper{
		    display: flex;
    justify-content: center;
	}
    .contentContainer {
        flex-direction: row;
        justify-content: center;
    }
    .contentBlock {
        width: 15vw;
/*        height: 22vw;
*/        overflow: auto;
    }    

    .contentBlock h1, .contentBlock p {
        margin-bottom: 1rem;
    }    
	.contentBlock input[type=submit] {
	align-self: center;
	width: 320px; /* % not working */
}
}