/*.content-heading, .content-body {
				border: 1px solid black;
			}
			.main-column {
				border: 1px solid red;
			}
			.side-column {
				border: 1px solid blue;
			}*/
			/*.inside-padding {
				display:-ms-grid;
				display:grid;
				-ms-grid-columns:1fr 3fr;
				grid-template-columns:1fr 3fr;
				grid-template-areas:"header header"
				              "sidebar main";
				margin:20px; padding:10px;
			}
			
			
			.mastheader{background:#b46ae3; -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:2; grid-area:header;}
			.main-content{background:#70bf40; -ms-grid-row:3; -ms-grid-column:1; grid-area:main;min-height:500px;}
			.sidebar{background:#f49018; -ms-grid-row:4; -ms-grid-row-span:2; -ms-grid-column:2; grid-area:sidebar;}*/

			/*https://codepen.io/chriscoyier/pen/vWEMWw*/
			/*https://css-tricks.com/snippets/css/a-guide-to-flexbox/*/

.flex-center { align-items: center; justify-content: center; flex-direction: column; } 
.row {
				display: flex;
				flex-direction: row-reverse;
				flex-wrap: wrap;
				width: 100%;
				/*border: 1px solid blue; */
			}

			.column,.column-narrow {
				display: flex;
				flex-direction: column;
				flex-basis: 100%;
				/*width: 80%;*/
				flex: 1;
				margin: 1em;
				/*border: 1px solid red;*/
			}
			.column {
				flex: 5 0px;
				
			}
			.column-narrow {
				flex: 2; 
				width: 95%;
				margin: 1em;
				
			}

			.mastheader {
				text-align: center; 
				
			}
			.main-content{
				font-size: 1.1em;
			}
			.sidebar {
				background: #123A5B; 
				color: white;
				border-radius: 15px;
				/*padding: 1em;*/
				/*margin: 15px;*/
				padding-bottom: 2em;
			}
			.sidebar p {
				padding: 1em 1em 0 1em;
				text-align: center;
				font-weight: bold;
				font-size: 1.3em;
			}
			.sidebar hr {
				width: 80%;
				height: 4px;
				background: white;
				margin: 0 auto;
			}
			#page .sidebar a {
				color: white;
				text-decoration: none;
				text-align: center;
				margin: 1em;
			}
			.sidebar a img{
				width: 90px;
				display: block;
				margin: 1em auto;
			}
			.header-logo {
				width: 140px;
				margin: 0 auto;
			}
			#page .header-logo {
				max-width: none;
			}

			#page .header-logo2022 {
				max-width: 100%;
				margin: auto;
			}
			aside .button {
				background: white;
				width: 100%;
				display: block;
				padding: .7em;
				color: #123A5B;
				font-weight: bold;
				border-radius: 8px;
				font-size: 1.1em;
				transition: all .5s;
			}
			/*aside .button:hover, aside .button:focus {
				text-decoration: underline;
				background: #ececec;
			}*/
			#page .main-content p.narrow {
				max-width: 35em;
				margin-left:auto;
				margin-right: auto;
				line-height: 1.55em;
			}
			#page .main-content p {line-height: 1.55em;}
			
			#page .sidebar a:hover .button, #page .sidebar a:focus .button {
				text-decoration: underline;
				background: #ededed;
			}
			#page .main-content a.button,
			#page .main-content input.button {
				background: #123A5B;
				display: inline-block;
				width: 50%;
				margin: 1em auto;
				padding: 1.2em;
				text-decoration: underline;
				border-radius: 30px;
				color: white;
				font-weight: bold;
				font-size: 1.5em;
				border: none;
				cursor: pointer;
				box-shadow: 11px 11px 8px 0 #4D4D4D;
				margin-bottom: 1em;
				transition: all .5s;
				text-align: center;
				line-height: 1.5em;
			}
			#page .main-content input.button {
				width: auto;
				padding: .7em 2em;
				border-radius: 15px;
			}
			#page .main-content img {
				border-radius: 25px;
				margin-bottom: 2em;
			}
			#page .main-content a.button:hover, #page .main-content a.button:focus {
				background: #103C5B;
				box-shadow: 9px 9px 8px 0 #4D4D4D;
			}
			#page h1 {
				font-size: 2.3em;
				color: #103C5B;
			}
			#page h2 {
				font-size: 2em;
				color: #103C5B;
			}
			#page h3 {
				color: #103C5B;
			}
			form {
				text-align: center;
			}
			.centered {
				text-align: center;
			}
			input {
				margin: 1em;
			}
			.pRow {
				display: block;
				text-align: center;
				margin-top: 10px;
			}
			address {
				margin-bottom: 1.5em;
				line-height: 1.5em;
			}			
			@media only screen and (max-width: 700px) {
				#page h1 {
					font-size: 1.7em;
					color: #103C5B;
				}
				#page h2 {
					font-size: 1.5em;
					color: #103C5B ;
				}
				#page .main-content a.button {
					font-size: 1em;
					border-radius: 20px;
				}
				.sidebar p {
					font-size: 1em;
				}
			}
			@media only screen and (max-width: 550px) {
				.row {
					display: block;
				}
				aside .button {
					width: 80%;
					margin: 0 auto;
				}
			}
			h1 {margin-bottom:1em;line-height:1.5em;}
			h2 {margin-bottom:1em;line-height:1.5em;}

			.hrcolor { display: block; height: 1px;
				border: 0; border-top: 5px solid #eed07b;
				margin:10px auto; padding: 0; }
			
			.Logo25 {width: 95%; padding: 6px 2px 2px 2px ;}
			.bonuspad {padding: 40px;}

			  /*span { display:block; width:10%; float:left; height:5px;}
				.line{width:100%;}*/

		
				#cf_authenticate_loginForm {background:#ffffff /*url(images/loginForm/bg.jpg) center 20 no-repeat*/; margin:0px;  margin: 0 auto; text-align: left;}
				#cf_authenticate_loginForm {text-align: center; margin-bottom:20px;}
				
				
				#cf_authenticate_statusSection {text-align:center; margin-top:75px; font-size:1em; margin: 0 auto;}
				
				#cf_authenticate_loginForm fieldset {width: 300px;  margin: 0 auto; text-align: left;}
				#cf_authenticate_loginForm legend {font-size: 1.2em; padding-bottom: 1.5em; color: #000000;}
				#cf_authenticate_loginForm label {font-size: 1.2em; color: #000000;}
				#cf_authenticate_loginForm input {width: 250px;  padding: 7px; font-size: 1.2em;}
				
				#cf_authenticate_forgotPass {margin-top: 10px;  margin: 0 auto;}
				#cf_authenticate_forgotPass a,#cf_authenticate_forgotPass a:visited {color:#000000;}
				#cf_authenticate_forgotPass a:hover,#cf_authenticate_forgotPass a:active {color:#000000;}


				
.ploo {
	display: flex;
	justify-content: center;
	
  }
.ploo img {padding:20px; width: 350px; height: auto;}