:root {
	--tbackground: #fff;
	--tteextcolor: #000;
	--bluemaya: #73c2fb;
	--blueNavy: #ff0080;
	--blueGetHere: #73c2fb;
	--blueText: #37375c;
	--softCream:#FFFFCC;
	--color-menuborder: #f5efef;
	--color-debug: red;
	--BluebackgrounsmallMenu:#0d0d86:
}

html,
body,
a,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Montserrat", serif;
}

body {
	background-color: #001010; 
}

#lemma {
	color: #FFFFCC !important;
}


#about {
	background-color: #001010; 
	padding-top: 5%;
	padding-left: 4%;
	padding-right: 4%;
	color: white !important;
}

#services {
	background-color: #001010; 
	padding-top: 5%;
	padding-left: 4%;
	padding-right: 4%;
	color: white !important;
}

#projects{
	background-color: #001010; 
	padding-top: 5%;
	padding-left: 4%;
	padding-right: 4%;
	color: white !important;
}

.jmm-colored-icon {
	color: #0E87CC !important; /*#FFFFCC !important;*/
}
.bfooter {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: black; 
	color:#FFFFCC;
	height:30px
}

.services{
	padding: 3rem 0;
}

.service-icon {
	font-size: 48px;
	color:  #0f3d2e; 
}

/* Background image */
.top-header {
    background-color: white !important; 
    background-image: url('static/top3.jpg') !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 250px;
	display: flex;
    align-items: center;
}

/* Background image */
.hero {
    background-color: white !important; 
    background-image: url('static/pan2.jpg') !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 225px;
    display: flex;
    align-items: center;
}

.aheader {
	color:white!important;
	font-weight: bold;
}

@media screen and (max-width: 640px) {
}

/* Small only */
@media screen and (min-width: 6.25em) and (max-width: 39.9375em) {
  #lemma h3 {
    /* Standard Foundation H2 size is roughly 1.25rem - 1.5rem on mobile */
    font-size: 1.5rem !important; 
    line-height: 1.2;
    margin-bottom: 0.5rem;
  }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
}

/* Large and up */
@media screen and (min-width: 64em) {
}