html {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

body{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	line-height: 1.2em;
}

/*Font Styling*/

.contact-header{
	padding-top: .1em;
	font-size: 175px;
	text-align: center;
	line-height: 1em;
	color: #333;
	z-index: 0;
}

t1{
	color: white;
	font-size: 200px;
	line-height: 1em;
}

t2{
	font-size: 100px;
	line-height: 1em;
	color: #333;}


.container {
    max-width: 100vw;
    margin: 0 0 0 0 ;
    padding: 0 0;
}
nav {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-color: #333;
    padding: 10px 0;
    z-index: 1;
}
nav ul {
    display : flex;
    list-style: none;
    margin: 0;
	z-index: 1;
}
nav ul li {
    display: inline-flex;
    align-items:center;
    justify-content: center;
	z-index: 1;
}
nav ul li a {
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    bottom: 0px;
	z-index: 1;
}

nav ul li a:hover {
    background-color: #555;
    transition: .5s;
}
nav div a .container {
    display: flex;
}
img-wrapper {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}

/*.filter{
	display: absolute;
	background-color: rgba(0,0,0,0.56);
	width: 100vw;
	height:100vh;
	z-index: -1;
}*/

img-wrapper img {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
footer {
    background-color: #333;
    color: #fff;
	padding-bottom: 10px;
    text-align: center;
}

footer .container{
	display: flex;
	width : 95vw;
	justify-content: center;
	flex-direction: column;
}

.cover-text{
	padding-top: .5em;
	width: 50vw;
	z-index: 1;
}

.cover-subtext{
	padding-top: .5em;
	width : 50vw;
	z-index: 1;
}
.privacy-policy a{
	text-decoration: none;
	color : white;
}

.privacy-policy a:hover{
    background-color: #555;
    transition: .5s;
}

/* Photography*/

.photography .image-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.photography .gallery {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
}

.photography .image-container {
    width: 600px; /* Set the width to whatever value you want */
    justify-content: center;
    align-content: center;
    height: 300px; /* Set the height to match the desired aspect ratio (16:9 in this example) */
    overflow: hidden; /* Hide any content that overflows the container */
    position: relative; /* Establish a positioning context for the image */
    margin: 10px; /* Adjust margin between images */
    object-fit: scale-down;
}

.photography .img-container img {
    width: 100%;
    height: auto;

}

/*Contact*/

.labels label t1{

	display: flex;
	text-align: left;
	width : 7.5em;
	
}

.contact .container{
	display: flex;
	width: 100vw;
	text-align: center;
	justify-content: center;

}

.inputs{
	display: flex;
	flex-direction: column;
	width: 25em; 
	align-self: center;
}