body, html {margin: 0; padding: 0px; border: 0px none; outline: 0px;
 text-align: center; height:100%; width:100%;}

body {font-family: 'Cabin', sans-serif;
font-size: 14pt;
color: #42304D;
background-color: #DCCDDE;
line-height: 1.5}

a:link {
  color: #551A8B;
}

a:visited {
  color: #551A8B;
}

a:hover {
  color: #000000;
}

a:active {
  color: #000000;
}

.content {margin-top: 0px; padding-top: 0px; padding-left: 25px; padding-right: 25px; padding-bottom: 25px}


.contactbutton {display: inline-block;
 margin: 0 auto;
 font-family: 'Lato', sans-serif;
 font-size: 12pt;
 color: #ffffff;
 background-color: #42304D;
 padding-top: 16px;
 padding-bottom: 16px;
 padding-left: 16px;
 padding-right: 16px;
 margin-top: 15px;
 margin-bottom: 15px;
 text-align: center; align: center}

.contactbutton a:link, .contactbutton a:visited, .contactbutton a:active, .contactbutton a:hover {
  text-decoration: none;
  color: #ffffff;
  margin: 0 auto; text-align: center; align: center;
}

.sectioncolor {background-color: #ECDAEE}

h1 {font-size: 24pt; margin-bottom: 35px}
h2 {font-size: 18pt; margin-bottom: 20px; font-weight: normal}

.footer {
	background-color: #000000;
	color: #ffffff;
	padding: 25px;
	font-family: 'Lato', sans-serif;
	font-size: 12pt;
}


@media (min-width: 767px) {

    .flexbox {display: flex}
	.column {flex: 1;}
	.leftcol {margin-right: 25px}
	.rightcol {margin-left: 25px}

}

@media (min-width: 500px) {

.jlogo {width: 80%;}

}

@media (max-width: 500px) {

.jlogo {width: 100%;}

}