$upto-xlarge-displays: 	"only screen and (max-width: 1499px)";
$over-xlarge-displays: 	"only screen and (min-width: 1500px)";

$upto-large-displays: 	"only screen and (max-width: 1199px)";
$over-large-displays: 	"only screen and (min-width: 1200px)";

$upto-medium-displays:	"only screen and (max-width: 991px)";
$over-medium-displays: 	"only screen and (min-width: 992px)";

$upto-small-displays:	"only screen and (max-width: 767px)";
$over-small-displays:  	"only screen and (min-width: 768px)";

$upto-xsmall-displays: 	"only screen and (max-width: 479px)";
$over-xsmall-displays: 	"only screen and (min-width: 480px)";

@media (min-width: 1200px) {
	.container {
	    max-width: 1400px !important;
	}
}

h1 {
	margin-bottom: 2rem;
}

.show-mobile {
	display: none;	
}

@media (max-width: 576px) {
	h1 {
	    font-size: 2rem !important;
	}

	.show-mobile {
		display: static;
	}
}

.navbar-brand {
  font-size: 26px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.jumbotron-fluid {
    margin-top: 56px !important;
}

.jumbotron {
	color: #ffffff;
	text-shadow: 0 0 24px #000;
	background-image: linear-gradient(to bottom right, red, #343a40);
}

@media (min-width: 1200px) {
	.container {
	    max-width: 1400px !important;
	}
}

.jumbotron a {
	color: #ffffff;
}

.mr {
	margin-right: 0.5rem;
}

.mb {
	margin-bottom: 1rem;
}

.mtc {
	margin-top: 3rem;
}


footer {
	background:#343a40;
	margin-top: 5rem;
	padding: 50px 0;
	color: #ffffff;
}