/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400&display=swap');

body.hm {
	/*background: url(../img/home-bg.jpg) no-repeat #101516; background-size: cover;*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#605c5c+0,000000+100 */
background: #000;

	padding-top: 0;
}

h1, h2, h3 {font-family: 'Montserrat', sans-serif; font-weight: 300;}

h2 {font-size: 1.75em;}
.display-4 {font-size: 1.75em;}
.display-5 {font-size: 2.2em;}

.mytitle {font-size: 1em;}

a {outline: none;}
a, a:hover {color: #f00; text-decoration: underline;} 
a:focus, a:hover {text-decoration: underline;}

.nav-link { text-transform: uppercase; text-decoration: none;}
.dropdown-item {text-decoration: none;}
.active{
  color: #fff !important;
 /* border-bottom: 1px solid #fff;*/
  }
.navbar-nav .nav-item .nav-link {
    color: #9a9da0;
}
.navbar-nav .nav-item:hover .nav-link {
    color: #fff !important;
}



p {font-size: 1em;}

#logo { max-width: 120px; margin: 0;}
#hm-logo { max-width: 250px;}


.missiontxt {
	color: #fff;
	text-shadow: 0 0 10px #000;
}

section {
  padding: 50px 0;
}


.bg-black { background-color: #000;}
h2 {color: #fff;}
.bg-darkdark {background-color: #222;}
.bg-secondary { background-color: #424a52 !important;}

.service-icon {
	width: 64px; height: 75px; 
	margin: 30px auto 0; 
	background: url(../img/logo-emblem.png) center center no-repeat; 
	background-size: contain;
}

.service-box {
	transition: all 1s ease 0s;
	box-shadow: 0 0 50px rgba(0, 0, 0, .20);
}


.text-danger { color: #ff2931 !important; }
a.text-danger:hover { color: #da1f26 !important; text-decoration: none !important; }

.btn-danger { background-color: #da1f26 !important; border-radius: 0; }
.btn-danger:hover { background-color: #ff2931 !important; }


.btn-outline-danger { border-color: #da1f26 !important; color: #da1f26; }
.btn-outline-danger:hover { background-color: #ff2931 !important; color: #fff; }


.btn-outline-secondary { border-color: #676d72 !important; color: #7d848a; border-radius: 0 !important;  }
.btn-outline-secondary:hover { background: none !important; color: #fff; border-color: #fff !important; }


@media (max-width: 992px) {
  .navbar {background: #000;}
}

@media (min-width: 375px) {
  #logo {
   	max-width: 150px;
  }
  
}
@media (min-width: 500px) {
  #logo {
   	max-width: 190px;
	margin: 7px 0;
  }
  #hm-logo {
		max-width: none;
	}
  .display-5 {font-size: 3em;}
  .display-4 {font-size: 2.5em;}
  h2 {font-size: 2em;}
  section {
  padding: 100px 0;
}

}

@media (min-width: 768px) {
  #logo {
   	max-width: 225px;
	
  }
  .service-icon {
	width: 64px; height: 75px; 
	margin: -60px auto 10px; 
	background: url(../img/logo-emblem.png) center center no-repeat; 
	background-size: contain;
}
  .service-box {
	box-shadow: 0 10px 50px rgba(0, 0, 0, .20);
}
.service-box:hover {
	background-color: #000;
	box-shadow: 0 10px 50px rgba(0, 0, 0, .40);
}
.missiontxt {
	color: #9a9d9e;
	text-shadow: none;
}

}
@media (min-width: 992px) {
  #logo { max-width: 250px; margin: 10px 0;}
  section {
  padding: 150px 0;
}
.mynavitem { padding-left: 20px !important; padding-right: 20px !important; }
.display-5 {font-size: 3.5em;}
p {font-size: 1.25em;}
}

@media (min-width: 1200px) {
  
}

@media (min-width: 1400px) {
  
}