/* Format body, links, headers*/

	body {
		margin:0;
		font-family: Raleway;
		font-weight: 300;
		font-size:24px;
		background-size: cover; 
		background-attachment: fixed;
	}
	
		h1 {
			font-family: 'Raleway', sans-serif;
			font-weight: 400;
			font-size:50px;
			text-align: center;
		}
		
		
		h2 {
			font-weight:300;
		}


		a:link {
			text-decoration: none;
			color:#f3f2ea; 
		}

		a:visited {
			text-decoration: none;
			color:#cbcac3;
		}

		a:hover {
			text-decoration: underline;
			color:#fffff1;
		}

		a:active {
			text-decoration: underline;
			color:#aaa9b0;
		}

/* Format navigation bar */	

		.navbar {
		overflow: hidden;
		background-color: #517470;
		position: fixed;
		top: 0;
		width: 100%;
		}

			.navbar a {
				float: left;
				display: block;
				color: #fdfffc; 
				text-align: center;
				padding: 14px 16px;
				text-decoration: none;
				font-size: 17px;
			}

			.navbar a:hover {
				background-color: #aabfb8;
				color: #082c46;
				font-weight:bold;
			}

			.navbar-right{
				float:right;
			}

/* Format logo*/

	.logo {
		width: 100px;
		height:100px;
		line-height:100px;
		text-align:center:
		float:center;
		color:#cbcac3;
		margin: 0 auto;
	}

		.logo img {
			width: 75px;
			margin: auto;
			display: block;
		}

/* Format main content container */

	.main-content {
		background: rgba(28, 28, 29, 0.75);
		width: 60%;

		text-align:center:
		float:center;
		color:#f0efe7;
		padding:25px;
		margin: 0 auto;
	}

		.main-content img {
			width: 400px;
			margin: auto;
			display: block; 	
		}
		
		.main-contnt a {		
		color: #fdfffc; 
		text-decoration: none;		
		}

		.main-content a:hover {		
		color: #ffffff;
		font-weight:bold;
		}

/* Format custom header */

.header-text {  
  width: 600px;
  height: 60px;
  line-height:60px;
  text-align: center;
  color:#f0efe7;  
  margin: 0 auto;
}

/* Format quick-jump menu */

	.menu {
        display: grid;
        grid-template-columns: auto auto auto;
        grid-row-gap: 10px;
        grid-column-gap: 20px;
		background: rgba(28, 28, 29, 0.75);
		padding: 15px;
	}
 
        .menu>div {
			color:#f0efe7;  
            text-align: center;
            padding: 15px;
            font-size: 22px;			
        }

/* Format content description and images */

	.recipe-row{
		display: grid;
		grid-template-columns: repeat(3,297px);
		margin:0 auto;
		font-size:20px;
		width:60%;
		justify-content: center;
		align-content: center;
		color:#f0efe7;
		text-align:center;
		padding:10px;
	}

		.recipe-row img{ 
			width: 280px;
		}	
		
/*Format columns inside recipe rows*/		

	.column-1, column-2, column-3{
	margin:0 auto;
	}


		.column-1:hover, .column-2:hover, .column-3:hover { 
			-webkit-transition-property: all; 
			-webkit-transition-duration: 0.3s; 
			-webkit-transition-timing-function: ease; 
			transform: scale(1.25); 
		}

	/* Format top-of-page target link */

	.top {
		float:right; 
		font-size:22px;
	}
	
	/*Format lists*/

	ul.a {
		list-style-type: circle;
	}
	
	/*Format copyright/credits */

	.credit {
		text-align:center; 
		color:#f0efe7;	
	}