html {
  min-height: 100%; 
}

body {
	padding-top			: 0px;
	padding-bottom		: 0px;
	font-family			: Roboto-mono, arial, sans-serif;
	font-size			: 1em;
	font-weight			: 300;
	background			: #111;
    color				: #f4f4f4;
	height				: 100%;
}

p {
	padding				: 1em 2% 1em 2%;
}

h1,h2,h3,h4 {
	font-weight			: 300;
}


.color-url {
	color: rgb(35, 167, 255);
}

.color-ver {
	color: rgb(255, 243, 75);
}

.color-module {
	color: rgb(247, 92, 20);
}

.color-var {
	color: rgb(210, 254, 253);
}

.color-date {
	color: rgb(245, 2, 212);
}

.color-group {
	color: rgb(81, 212, 91);
}

.color-teacher {
	color: rgb(240, 179, 47);
}

.color-aud {
	color: rgb(84, 92, 236);
}



@media (min-width: 576px) {
	.n_title {
		font-size: 0.4em;
	}
}
/* sm */
@media (min-width: 768px) {
	.pmk_name {
		font-size: 2.8em; 
	}
	.n_title {
		font-size: 0.6em;
	}
}
/* md */
@media (min-width: 992px) {
	.pmk_name {
		font-size: 2.8em; 
	}
	.n_title {
		font-size: 0.8em;
	}
}
/* lg */
@media (min-width: 1200px) {
	.pmk_name {
		font-size: 2.8em; 
	}
      	.n_title {
		font-size: 1.0em; 
	}
}