﻿.banner {
	height:616px;
	height:70vh;
	background: url('../images-photos/soup-2000.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}


@media only screen and (max-width:1600px) {

.banner {
	background: url('../images-photos/soup-1600.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	}
}

@media only screen and (max-width:1200px) {
.banner {
	
	background: url('../images-photos/soup-1200.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
}


.photos {
	width:100%;
	padding: 0 5% 0 5%;
	display:block;
	position: relative;
	margin: 0 auto;
}


.rowFull {
	width:100%;
}

.rowHalf {
	width:100%;
}

.rowHalf img {
	width:50%;
	display:inline-block;
	padding: 2%;
}

.rowFull img {
	width:100%;
	padding:2%;
}

.rowThird {
	width:100%;
}

.rowThird img {
	width:33.333%;
	padding:2%;
}

@media only screen and (max-width:800px) {
	#content {
		padding:0;
	}
	.photos {
		padding: 0 10px 0 10px;
	}
	.banner {
		display: none;
	}
	.rowHalf {
		width:100%;
	}
	.rowHalf img {
		width:100%;
		display:block;
	}
	.rowThird {
		width:100%;
	}
	.rowThird img {
		display: block;
		width: 100%;
	}
}

.disappear {
	display:none;
}

@media only screen and (max-width:800px) {
	.disappear {
		display:block;
	}
}