/* CSS Responsive Stle Sheet */

/*
Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape iphones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (ipads, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/




/* myRESPONSIVE CSS
-------------------------------------------------- */

	
/*Large (lg) devices (desktops, 992px and up)*/
@media (max-width: 992px) {

.jumbotron h1 {
	font-size: 45px;
	font-family: Satisfy, Arial !important;
	}
	
}


/* Changes to these when screen is 768 or smaller... 
Medium (md) devices (ipads, 768px and up)*/
@media (max-width: 768px) {

.jumbotron h1 {
	font-size: 36px;
	font-family: Satisfy, Arial !important;
	}

.padding {
	padding: 20px 0px 50px 0px;
}
	
}

/* Changes to these when screen is 576 or smaller...
Small (sm) devices (landscape iphones, 576px and up)*/
@media (max-width: 576px) {

.jumbotron h1 {
	font-size: 28px;
	font-family: Satisfy, Arial !important;
	}

.padding {
	padding: 20px 0px 50px 0px;
}
	
}


/* Changes to these when screen is 481 or smaller...
Extra small (xs) devices (portrait phones, less than 481px)*/
@media (max-width: 481px) {

.padding {
	padding: 20px 0px 50px 0px;
}
	
}