body { 
	font-family: "Quicksand", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-size:20px;
	color: white; 
	background: 000000; background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(22, 22, 22, 1) 20%, rgba(33, 33, 33, 1) 50%, rgba(22, 22, 22, 1) 80%, rgba(0, 0, 0, 1) 100%); }

a { color:#fb7b24; text-decoration: none; }
a:hover { text-decoration: underline; }

h1,h2 { margin:0.7em 0; }
p { margin:1.2em 0; }

.page-header h1 { color:#fb7b24; }

#header { height:100px; margin:5pt 0; }
#header #logo {}
#header #logo img { height:80px; margin:10px; }

#header #menu>.d-flex { height:100px; }
#header #menu { font-size:0.8em; }
#header #menu ul li a { padding: 0.7em 1em; color:white; text-transform: uppercase; }
#header #menu ul li.active a { background: #333; }
#header #menu ul li a:hover { background: #2c2c2c; color:#fb7b24; text-decoration: none; }

#maintop .mod-breadcrumbs__wrapper { background: #cacaca; }
#maintop .mod-breadcrumbs__wrapper>ol { padding:0.5em 1em !important; margin:0 0 0 0 !important; }

main>.container-fluid { background:white; color: black;  }
main .blog-items { display:flex; flex-wrap: wrap; }
main .blog-items>.blog-item { width:30%; flex-grow:1; border:1px solid #fb7b24; margin:1em; padding:1em; }
main .blog-items>.blog-item .item-image img { max-width:100%; height:100%; }
main .blog-items>.blog-item .item-content { font-size:0.8em; }
main .blog-items>.blog-item .item-content h2 { font-size:1.5em; }

footer { padding:2em; }

.orange { color: #fb7b24; }
.h100 { height:100vh; }