/* MOBILE FIRST STYLE SHEET */

/* Important - this stylesheet is used to extend and override bootstrap styles. */
/* The link to this style sheeet MUST COME AFTER THE LINK TO bootstrap.css */

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


body					{
							font-family: verdana;
							margin: 0px;
							}
							
h1						{
							font-family: "open sans", arial;
							font-weight: normal;
						
							}	
							
h2, nav				{
							font-family: arial;
							}


							
.redb					{
							border: solid red 2px;
							}	
							
	
.navbar .nav-item {
    font-size: 1.3rem;
   }
							
							
.navbar .navbar-brand  {
								font-size: 1.6rem;
}	

							
}
							
#showcase .container, #main-nav-bar	.container{
							max-width: 85%;
	
}
		
#showcase .jumbotron
					{
					padding-bottom: 24px;
					padding-top: 24px
					}
		

#services	.container	 h1
							{
							color: #fff;
							
							margin-bottom: 0px;
							text-align: center;
							}



#services		 h2
							{
							text-align: center;
							color: #fff;
							padding-top: 20px;
							}	
							
#main-footer {
  background: #000;
  color: #fff;
	font-family: roboto;
}							

/*							
h1, p, header, div 							{
							border: 1px red solid
							}	
*/


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

}	



/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
#services	.container	 h1
							{
							color: #fff;
							font-size: 275%;
							display: align-items-center;
							}
	
}



/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
#services	.container	 h1
							{
							color: #fff;
							font-size: 300%;
							text-align: left;
							}
	
	
}



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

	
}