﻿.topDiv {
/*	display			: flex ;
	flex-direction	: row ;
	flex-wrap		: wrap ;*/
	max-width		: 1200px ;
	margin			: auto ;
/*	justify-content	: center ;*/
	padding			: 30px ;
}

.ministryDiv {
	display			: flex ;
	flex-direction	: row ;
	flex-wrap		: wrap ;
	padding			: 20px ;
	align-items		: center ;
	border-bottom-style	: solid ;
	border-bottom-width	: 5px ;
	border-bottom-color : #bb3554 ;
}
/*
.hdgAndTxt {
	display			: flex ;
}
*/
.ministryHdg {
	flex			: 1 1 0 ;
	font-size		: 2em ;
	color			: #2369B8 ;
	text-align		: center ;
	max-width		: 20% ;
/*	margin-top		: 20px ;*/
}

.txtDiv {
	flex			: 1 1 0 ;
	max-width		: 30% ;
	margin			: 20px ;
}

.imgDiv {
	flex			: 1 1 0 ;
	max-width		: 30% ;
}

img {
	max-width		: 100% ;
}

.scriptureDiv {
	flex			: 1 1 0 ;
	max-width		: 20% ;
	margin-left		: 10px ;
	margin-top		: 10px ;
}

table {
	border-collapse	: collapse ;
	margin-top		: 10px ;
	margin-bottom	: 10px ;
	background-color : white ;
}

.tblHlt {
	font-weight			: bold ;
	background-color	: #fff8d2 ;
}

.justifyR {
	float			: right ;
}

/* Responsive layout - when the screen is less than 1200px wide, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1200px) {
  .ministryDiv {   
    flex-direction: column;
}

