@charset "utf-8"; 
/* CSS Document */
/*danhovis.com custom css*/
@import url(https://fonts.googleapis.com/css?family=Scada|Hammersmith+One|Source+Sans+Pro|Bangers|Righteous|Oswald|Alata|Anton|Faster+One|Baloo+Tamma);
@import url(https://fonts.googleapis.com/css?family=Signika|Kanit|Fjalla+One|Patua+One|Francois+One);

/* -- custom html elements --*/

body {
	background-color: rgba(255, 255, 255, 1);
	font-family: "Patua One", sans-serif;
	font-size: calc(10px + 1vw);;
	color: rgba(17, 9, 52, 1);
}
blockquote {
	padding-left: .5vw;
}

/* -- custom Bootstrap classes overrides --*/

.bg-dark {
	background-color: rgba(17, 9, 52, 1) !important;
}


/* -- custom classes --*/

.adjt-m {
	font-size: calc(8px + 1vw);
}
.bbxpdl {
	padding: 0 .5vw;
}
.bg-darkbso {
	background-color: rgba(52, 58, 64, 1) !important;
}

.ddmnutx {
	color: rgba(254, 39, 18, 1);
}
.dh-bg {
	background-color: rgba(42, 75, 124, 1);
	color: rgba(255, 255, 255, 1);
}
.dh-bord {
	border: 1px solid rgba(254, 39, 18, 1);
}
.emph {
	font-size: calc(10px + 1.5vw);
}
.emph-qt {
	font-family: "Anton", sans-serif;
	font-size: calc(8px + 1vw);
	font-weight: 900;
}
.emph-thl {
	font-family: "Bangers", sans-serif;
	font-size: calc(10px + 1.5vw);
	font-weight: 900;
}
.emph-w {
	font-size: calc(10px + 1.5vw);
	color: rgba(254, 39, 18, 1);
}
.emph_titl {
	font-size: 4rem;
	text-shadow: 3px 4px red;
}
.extlnk a {
	color: rgba(204, 0, 0, 1); 
}
.extlnk a:hover {
	color: rgba(204, 0, 0, .75);
	text-decoration: none;
}
.img-sp {
	margin: 1vw 0vw;
}
.menu a {
	color: rgba(249, 103, 20, 1);
}
.menu a:hover {
	color: rgba(254, 132, 14, .7);
	text-decoration: underline;
}
.mob-res {
	font-size: calc(8px + 1vw);
	display: inline;
}
.qtbox {
	font-family: "Anton", sans-serif;
	font-size: calc(8px + 1vw);
}
.qtemph-w-flr {
	font-family: "Anton", sans-serif;
	font-size: calc(10px + 1.5vw);
	color: rgba(254, 39, 18, 1);
	float: right;
}
.rndmenu {
	border-radius: calc(10px + 1vw);
}
.shd {
	box-shadow: 5px 10px 18px 0 rgba(32, 32 , 32, 1);
}
.wtf-sp {
	padding: 0vw 1vw;
}

/* -- custom formatting for mobile responsive -- */

@media (max-width: 420px) {
	
}
@media (min-width: 420px) {
	
}
@media (min-width: 576px) {
	
}
@media (max-width: 768px) {
	.emph-qt {
		font-family: "Signika", sans-serif;
	}	
}
@media (min-width: 768px) {
	
}
@media (min-width: 992px) {
	.mob-res {
		display: none;
	}
	
}
@media (min-width: 1200px){
	.adjt-m {
		font-size: calc(5px + 1vw);
	}
	
}