@media only screen and (min-width: 768px) {
    /*.h-md-100 { height: 145vh; } */
    .signature { margin-bottom: 3rem; }
}

@media (min-width: 0px) and (max-width: 768px) {
    .mike-photo {
		height: 50vh;
		background-position: top !important;
	}
}

@media (min-width: 768px) {
    .modal-dialog {
        max-width: 800px;
        margin: 1.75rem auto;
	}
	/* .my-pad { margin-top: 1em !important; } */
	
}
html, body {
	height: 100%;
	margin: 0px;
}

body { font-family: 'Work Sans', sans-serif; font-weight: 400; overflow-x:hidden; }   
h1 { font-family: 'Montserrat', sans-serif; font-weight: 900; font-size: 2.2rem; }
h4 { font-family: 'Montserrat', sans-serif; font-weight: 700; }
h6 { font-family: 'Work Sans', sans-serif; font-weight: 700; }
.btn-round { border-radius: 30px; }
.bg-indigo { background: indigo; }
.text-blue { color: #00BCD4; }
.bg-blue { background: #00BCD4; }
.btn-purple { background-color: #673AB7; color: #fff; }
.btn-purple:hover { background-color: #492488; color: #fff; }
.social-links > a { color: #673AB7; text-decoration: none; }
.social-links > a:hover { color: #9C27B0; }
.card-image-top { width: 100%; height: 100px;
}
.modal-header { border-bottom: none; }
.mike-photo {
 	background-image: url("https://bomby.themes.tvda.pw/wp-content/uploads/2018/06/image15.jpg?id=2821");
    background-repeat: no-repeat;
	background-position: center; 
	/* background: red; */
}

/* ONLINE STATUS INDICATOR */
.pulse-online {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #01d401;
	cursor: pointer;
	animation: pulse-online 1.5s infinite;
}
.pulse-online:hover {
	animation: none;
}
@-webkit-keyframes pulse-online {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgb(0, 148, 0, 0.4);
	}
	70% {
		-webkit-box-shadow: 0 0 0 6px rgb(0, 148, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgb(0, 148, 0);
	}
}
@keyframes pulse-online {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(0, 148, 0, 0.4);
		box-shadow: 0 0 0 0 rgba(0, 148, 0, 0.4);
	}
	70% {
		-moz-box-shadow: 0 0 0 6px rgba(0, 148, 0, 0);
		box-shadow: 0 0 0 6px rgba(0, 148, 0, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(0, 148, 0, 0);
		box-shadow: 0 0 0 0 rgba(0, 148, 0, 0);
	}
}

/* OFFLINE STATUS INDICATOR */
.pulse-offline {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #d40113;
	cursor: pointer;
	animation: pulse-offline 1.5s infinite;
}
.pulse-offline:hover {
	animation: none;
}
@-webkit-keyframes pulse-offline {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgb(158, 0, 13, 0.4);
	}
	70% {
		-webkit-box-shadow: 0 0 0 6px rgb(158, 0, 13);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgb(158, 0, 13);
	}
}
@keyframes pulse-offline {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(158, 0, 13, 0.4);
		box-shadow: 0 0 0 0 rgba(158, 0, 13, 0.4);
	}
	70% {
		-moz-box-shadow: 0 0 0 6px rgba(158, 0, 13, 0);
		box-shadow: 0 0 0 6px rgba(158, 0, 13, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(158, 0, 13, 0);
		box-shadow: 0 0 0 0 rgba(158, 0, 13, 0);
	}
}