/* CSS Document */
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}

@media (min-width: 320px){
.jumbotron {
    padding: 1.5rem 2rem;
	margin:0;
	background: rgb(166,245,251);
	background: -webkit-linear-gradient(rgba(166,245,251,1) 0%, rgba(2,179,227,1) 50%);
	background: -o-linear-gradient(rgba(166,245,251,1) 0%, rgba(2,179,227,1) 50%);
	background: linear-gradient(rgba(166,245,251,1) 0%, rgba(2,179,227,1) 50%);
	border-bottom:5px solid #ffba1e;
	}
.jumbotron .msi-header{align-content: center; text-align: center;}
.jumbotron .msi-header .logo {padding-bottom:1.5rem;}
.jumbotron .msi-header h1 {color:white;font-weight: 400;}
	
	section {
		padding: 1.5rem 2rem;
		margin:0;
		background: rgb(99,26,187);
		background: -webkit-linear-gradient(rgba(99,26,187,1) 0%, rgba(163,14,228,1) 70%, rgba(99,26,187,1) 100%);
		background: -o-linear-gradient(rgba(99,26,187,1) 0%, rgba(163,14,228,1) 70%, rgba(99,26,187,1) 100%);
		background: linear-gradient(rgba(99,26,187,1) 0%, rgba(163,14,228,1) 70%, rgba(99,26,187,1) 100%);
	}
	
	section img{
		width:100%;
		padding:0 5px;
	}
	
	section h3 {
		color:white;
		font-size:1.25rem;
		line-height:1.5rem;
		padding:1rem .25rem;
		margin:0 0 1rem 0;
	}
	
	.btn.btn-lg.btn-success {
		font-size:2rem;
		background-color: #00a1d1;
		border-radius: 45px;
		border:2px solid white;
	}
	
	.copyright { color:white; font-size:.875rem;}
}

@media (max-width: 1180px){
	.jumbotron .msi-header h1 {font-size:2.125rem }
	.btn.btn-lg.btn-success { font-size:1.5rem;}
	section h3 { font-size:1rem; line-height:1.1rem; padding:1rem 0; margin:0 0 .75rem 0;}

}
@media (max-width: 992px){
	.jumbotron .msi-header h1 {font-size:2.25rem }
	.btn.btn-lg.btn-success { font-size:1.75rem;}
	section h3 { font-size:1rem; line-height:1.25rem; padding:1rem 0; margin:0 0 .75rem 0;}

}

@media (max-width: 768px){
	.jumbotron .msi-header h1 {font-size:2.5rem; }
	section h3 { font-size:1.25rem; line-height:1.5rem;}
}

@media (max-width: 576px){
	.jumbotron .msi-header h1 {font-size:2.125rem; }
	.btn.btn-lg.btn-success { font-size:1.5rem;}
	section img{padding:0 1.5rem;}
}

@media (max-width: 320px){
	.jumbotron .msi-header h1 {font-size:1.1rem; }
	.btn.btn-lg.btn-success { font-size:1.25rem;}
	.jumbotron .msi-header .logo {padding-bottom:1rem; width:100%}
}