.jumbotron {
	background-image: url('/tts/sa/coupa/assets/img/jumbotron.jpg');
	background-position: center center;
	padding-top:500px;
}
@media only screen and (-o-min-device-pixel-ratio: 5/4), only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx) {
	.jumbotron { 
		background-image: url("/tts/sa/coupa/assets/img/jumbotron-2x.jpg");
		background-position: center center;
	}
}


.icon {width:25%; height:auto}



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

/* Small devices (landscape phones, 576px and up) */
@media only screen and (max-width: 576px) { 

.icon {width:30%; height:auto}

}

/* Medium devices (tablets, 768px and up) */
@media only screen and (max-width: 768px) { 

.icon {width:30%; height:auto}

}

/* Medium-Large devices (desktops, Tablet and up, 992px and up)  */
@media (min-width: 768px) { 

.icon {width:40%; height:auto}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
.icon {width:25%; height:auto}


}

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



}