@font-face {
font-family: 'neuropolx';
src: url('../fonts/neuropolx.eot');
src: url('../fonts/neuropolx.eot') format('embedded-opentype'),
url('../fonts/neuropolx.woff2') format('woff2'),
url('../fonts/neuropolx.woff') format('woff'),
url('../fonts/neuropolx.ttf') format('truetype'),
url('../fonts/neuropolx.svg#neuropolx') format('svg');
}

@font-face {
font-family: 'raleway';
src: url('../fonts/raleway.eot');
src: url('../fonts/raleway.eot') format('embedded-opentype'),
url('../fonts/raleway.woff2') format('woff2'),
url('../fonts/raleway.woff') format('woff'),
url('../fonts/raleway.ttf') format('truetype'),
url('../fonts/raleway.svg#raleway') format('svg');
}

.align-center {text-align:center;margin-bottom:3%}
.align-center h1 {font-family:'neuropolx', sans-serif;color:#002846}
.align-center h2 {font-family:'raleway', sans-serif;color:#002846}
.flex-container {display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:stretch;align-content:stretch}
@media screen and (max-width:980px) {
.flex-container {flex-direction:column}
}
.flex-items:nth-child(1), .flex-items:nth-child(2) {display:block;flex-grow:0;flex-shrink:1;flex-basis:auto;align-self:auto;order:0;box-shadow:6px 6px 18px 0px rgba(0,0,0,0.3);margin-bottom:3%}
.flex-container h3 {font-family:'raleway', sans-serif;color:#002846;font-size:2rem}
.flex-container p {font-family:'raleway', sans-serif;font-size:1.5rem;color:#002846;font-weight:700}
.flex-container p a {color:#ff804a;letter-spacing:1px;transition:0.3s}
.flex-container p a:hover {color:#00a39c;letter-spacing:2px}