/* NAV STYLES */ 

 .login .fa-user{
	margin-left:5px;
	margin-right:5px;
  }
 .navbar-brand img{
	height:30px;
	margin-left:5px;
	margin-right:5px;
  }

  .navbar-brand span{
	font-size: 24px;
   transform: scale(.5, 1);
  }
  
/* LAYOUT STYLES */
  main{
	margin-top:60px;
  }

  h1 span{
	font-size:48px;
	
  }
  h3{
	text-decoration:underline;
	margin-bottom:20px;
  }	
  section{
	margin-top:5px;
	margin-bottom:10px;
  }
  

/* CARD STYLES */
  .card{
	background-color:white;
	border-radius:10px;

	box-shadow: 10px 10px 3px grey;
	padding-top:10px;
  }
  .card-title{
	text-transform:uppercase;
	font-weight:bold;
	margin-top:5px;
  }
  
  @media print {

	header, footer, nav, aside {
		display: none;
	}

	* {
		color: #000;
		background: #fff;
		box-shadow: none;
		border-color: #000;
	}

	.print-btn {
		display: none;
	}

	ol, ul, li, .participants {
		display: block;
		visibility: visible;
		height: auto;
		overflow: visible;
	}

	/* Clean up Bootstrap container padding */
	.container, .container-fluid {
		width: 100%;
		padding: 0;
		margin: 0;
	}

	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
	.col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
		width: 100%;
		float: none;
		display: block;
	}

	/* Avoid page breaks in the middle of an event block */
	.row {
		page-break-inside: avoid;
	}

	/* Hide buttons, forms and alerts */
	.btn, form, input, select, textarea, .alert {
		display: none;
	}

}