/* Custom CSS for myInnovive BI Technology Portal */

/* 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)*/
/* On screens that are 992px or smaller, set the following */
@media screen and (max-width: 992px) {

    
.signup_container {
	padding: 10px;
	width: 70%;
}

.inventory_container {
	padding: 10px;
	width: 70%;
}
	
.jumbotron h1 {
	font-size: 45px;
	font-family:Satisfy, Arial !important;
	}
	
}


/* Medium (md) devices (ipads, 768px and up)*/
/* On screens that are 768px or smaller, set the following */
@media screen and (max-width: 768px) {

.signup_container {
	padding: 10px;
	width: 90%;
}

.inventory_container {
	padding: 10px;
	width: 90%;
}
	
.jumbotron h1 {
	font-size: 36px;
	font-family:Satisfy, Arial !important;
	}

.padding { padding: 20px 0px 50px 0px; }
	
.footer_box1 { float:left; text-align: center; padding:0px; }
.footer_box2 { float:left; text-align: center; padding-top:5px; }
.footer_box3 { float:left; text-align: center; padding-top:5px; padding-bottom:5px; }	
	
	
	
}

/* Small (sm) devices (landscape iphones, 576px and up)*/
/* On screens that are 576px or smaller, set the following */
@media screen and (max-width: 576px) {

.mainpage {
    margin: 90px auto 0px auto;
	padding: 5px 5px 10px 5px;
	height: auto; min-height: 600px;
	border: solid 1px #fff;
	background-color: #ffffff;
}

.navbar-brand { padding: 10px; }
.navbar-toggler { margin-right: 20px; }

h1, h2, h3 {  font-size: 18px;}
h4, h5 {  font-size: 12px;}
	
.signup_container {
	padding: 10px;
	width: 100%;
}

.inventory_container {
	padding: 10px;
	width: 100%;
}
	
.jumbotron h1 {
	font-size: 28px;
	font-family:Satisfy, Arial !important;
	}


}


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

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





/* ========== END ========== */