#wrapper {
		margin: 30px auto;
		width: 900px;
    	display: flex;
    	flex-flow: row wrap;
	}
	img {
    	max-width: 100%;
    	min-height: 100%;
		border-radius: 10px;
	}
	
	.card{
		top: 0;
		left:0;
		position: fixed;
	}
	.center{
		width: 250px;
		margin: auto;
	}

	.container-f{
		margin: 5px;
    	flex-basis: 290px;
    	flex-grow: 1;
	}

	.container-f:hover{
		opacity: 0.75;
	}

	
	body {
		background-image: url(images/00.png);
	}
	
	nav h1{
		color: blue;
		font-size: 80px;
		text-align: center;
	}

	.header{
		height: 80px;
	}
	
	.modal {
		display: none; /* Hidden by default */
		position: fixed; /* Stay in place */
		z-index: 1; /* Sit on top */
		padding-top: 100px; /* Location of the box */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
	}

	/* Modal Content */
	.modal-content1 {
		margin: auto;
		width: 60%;
		height: 60%
	}

	/* The Close Button */
	.close {
		color: #aaaaaa;
		float: right;
		padding-right: 15%;
		font-size: 50px;
		font-weight: bold;
	}

	.close:hover, .close:focus {
		color: #000;
		text-decoration: none;
		cursor: pointer;
	}
	
	.animated {
            background-repeat: no-repeat;
            background-position: center;
            margin-bottom:60px;
            -webkit-animation-duration: 5s;
            animation-duration: 5s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }        
         
        @keyframes fadeIn {
			0% {opacity: 0;}
            100% {opacity: 1;}
        }
         
         .fadeIn {
            -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
         }