.row {
    max-width: 1140px;
    margin: 0 auto;
    display: flex; /* equal height of the children */
    /*overflow: hidden;*/
    align-content: center;
    text-align: left;
    justify-content: center;
}


.col {
  flex: 1; /* additionally, equal width */
  /*padding: 1em;*/
  /*border: solid;*/
}

@media only screen and (max-width: /*768px*/1000px) {
	.row {display: block;
		text-align: center;
	}
}
/*main {padding-top: 100px;}*/
.inline {display: inline;}
.block {display: block;}
.flex {display: flex;}

html {
  scroll-behavior: smooth;

 }

body {
  /*background: #f3f0fd;*/
  background: #f9f8f8;
  font-family: 'Raleway', sans-serif;
  color: #2f2f2f;
  font-weight: 300;
  font-size: 18px;
  text-rendering: optimizeLegibility;
}

main {
  line-height: 1.6;
  letter-spacing: 1.2px;
  margin: 0px 25px 0px 25px;
}

main .col {
  padding: 1em;
}

a[onclick], a:not([name]), a:hover button:hover { cursor: pointer }

h1, h2, h3 {
  font-size:1.6em;
  max-width:100%;
}
h4, h5 {
  font-size:1em;
  max-width:100%;
}

p {
  font-size: .9em;
    letter-spacing: 1.7px;
}

strong, b {
  font-weight: bold;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@media only screen and (max-width: /*768px*/1000px) {
.mobileHide {display: none;}

}

.center {
	margin: 0 auto;
	overflow: hidden;
	align-content: center;
	text-align: center;
}
.centerAll {
  margin: 0 auto;
  overflow: hidden;
  align-content: center;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: grid;
  align-self: center;
}
.top-space-100 {
	padding-top: 100px;
}

.top-space-200 {
	padding-top: 200px;
}

.topBottom50 {
	padding-top: 50px;
  padding-bottom: 50px;
}

.topBottom100 {
	padding-top: 100px;
  padding-bottom: 100px;
}

.topBottom200 {
	padding-top: 200px;
  padding-bottom: 200px;
}

.bottom100 {
  padding-bottom: 100px;
}


.fullWidth {
  min-width: 100vw !important;
  margin: 0 -25px;
  margin-top: 0px;


  width: auto;
}

.border1 {
    border: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.22);
    color: #2f2f2f;
}
.border1top {
    border-top: 1px solid;
    border-color: rgba(0, 0, 0, 0.22);
    color: #2f2f2f;
}

.whiteBG {
  background-color: white;
}
.purpleDarkBG {
  background-color: #571bbc;
  color: #fcfcfd;
}

.whiteGrayBG {
  background: #f9f8f8
}

/*-------------------------
PURPLE RADIAL BACKGROUND*/
.purpleRadialBG {
background: rgb(87,27,188);
background: radial-gradient(circle, rgba(87,27,188,0.6432948179271709) 10%, rgba(87,27,188,1) 100%);
}


:root {
  --main-bg-color: #f9f8f8;
  --gold-color: #fecb08;
  --white-font: #fcfcfd;
  --black-font: #2f2f2f;
  --purple-light-color: #6b0fce;
  --purple-dark-color: #4d0e93;
  --purple-dark-color-transparent: rgba(77, 14, 147, 0.27);
}