/*--4-20-2021 Steven Schaeneman CSS--*/

/*--makes the left sm col disapair on small screen display--*/

.magic { display: block 
}

@media screen and (max-width: 767px) { 
.magic { display: none; }
}

hr { border:1px solid #7C919D; background-color: #000000
}
body { font-family: Raleway, Arial, Helvetica, sans-serif; text-align:center; background-image: url('images/bg-09.jpg'); background-attachment: fixed;	background-repeat: repeat; }
p  { font-family: Roboto, sans-serif; font-size: 110%; line-height:150%; color:#000000 }
h1 { font-family: Ubuntu, sans-serif; font-size: 150%; line-height:150% }
h1.main-header {
	font-family: Raleway;
	margin: 0px;
	font-size: 70%;
	text-transform: uppercase;
	letter-spacing: 0.50em; line-height: 200%;
	color:#FFFFFF
}
.ubt { font-family: Ubuntu, sans-serif; font-size: 100%;
}
p img {
	border-radius: 5px;
	box-shadow: 1px 1px 0px rgba(0,0,0,0.25);
}
ul.listed {
	margin-left: .75em;
	padding-left: .75em;
}
.listed li {
	margin-bottom: 8px;
}
.intro .hmy-content {
	font-size: 110%;
	color: #000;
	line-height: 1.6;
}
.hmy-section.white {
	background-color: rgba(255,255,255,0.92);
	color: #000;
}
.hmy-section.black {
	background-color: rgba(0,0,0,0.75);
	color: #fff;
}
.hmy-content-wrapper.nav .hmy-content {
	padding: 0px;
}
strong.red {color: red;}

/* Set height of the grid so .sidenav can be 100% (adjust as needed). also has effect on footer */
.row.content {height: 100%; 
}

/* Set gray background color and 100% height */
.sidenav {
height:100%; padding-left:20px; padding-right:20px; padding-top:30px; padding-bottom:20px
}
    
/* Set black background color, white text and some padding */
footer {
background-color: #333333;
font-size: 80%; width: 100%; font-family:Arial; padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:1px
}
    
/* On small screens, set height to 'auto' for sidenav and grid. Ajust space between h1 and last hyperlink in sidenav on small screen view */
@media screen and (max-width: 767px) {
.sidenav {
height: auto;
padding: 15px;
}

/* my lift */
@media screen and (max-width: 767px) {
.lift        {  margin-top: -20px
}

.row.content { height:auto;}
}
}