/* MOBILE FIRST STYLE SHEET */

/* Important - this stylesheet is used to extend and override bootstrap styles. */
/* The link to this style sheet 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 */


.container	{
			max-width: 80%;
			padding-bottom: 20px;
			}
			
.jumbotron
		{
  		background-image: url("images/coins1.jpg");
  		background-size: cover;
		}

.container-fluid 
		{
  		max-width: 40%;
  		height: auto;
		}

.carousel-inner img 
		{
		max-width: 100%;
		margin: auto;	
		}

.navbar {
    	font-family: skia, calibri, sans-serif;
		margin-top: 0;
    	margin-bottom: 0;
    	background-color: #ed1c24 !important;
    	color: #fff !important;
    	border: 0;
    	font-size: 18px !important;
    	letter-spacing: 2px;
    	opacity: 0.9;
  		}
  				
.navbar li a, .navbar 
		{ 
		color: #fff !important;
		}	
		
.navbar-nav a:hover
		{	
    	color: #fff568 !important;
    	}
    	
.dropdown-menu  
		{
        background-color: #ed1c24 !important; 	
        }

.dropdown-menu a:hover
		{
		color: #0000ff !important; 
		}

i		
		{
		padding-top: 10px;
		padding-right: 20px;
		}

.fa
		{
		color: #fff;
		opacity: 0.8;
		}
		
a:hover i:before
		{
		color: #fff568 !important;
		opacity: 1;
		}		

footer
		{
		font-family: skia, calibri, sans-serif;
		font-size: 16px !important;
		background-color: #0000ff !important;
		color: #fff !important;
		padding-top: 10px;
		padding-bottom: 20px;
		}	  
		
article img	
		{	
		float: left;
		}
			
article h3	
		{
		font-size: 1em;
		clear: both;
		}
						
article h4	
		{
		font-size: .8em;
		}	


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



}	



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


	
}



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



	
}



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



	
}