html {
background: #b0b0b0;
background-attachment: fixed;
}

.header{
width: 100%;
height: 20vh;
text-align: right;
background: #000;
background-image: url(title.jpg);
background-size: cover;
background-repeat: none;
text-align: center;
font-size: 28px;
padding-top: 3%;
text-shadow: white 1px 1px 0, white -1px -1px 0, 
                 white -1px 1px 0, white 1px -1px 0;
}


img.header{
width: 100%;
max-width: 809px;
height: auto;
}

.content {
	color : #000;
font-family : Book Antiqua, Verdana, Tahoma, Arial, Sans-Serif;
	font-size : 1.15rem;
	text-align: justify;
width: 94%;
margin-left: 3%;
overflow: hidden;
}


.footer{
margin-top: 50px;
text-transform: uppercase;
text-align: center;
}

a.footer{
	color : #000;
	text-decoration : none;
font-weight : bold;
}

h3{
line-height: 50%;
}


h4{
line-height: 60%;
}

 p {margin:0.5%;}

a {
font-family : Book Antiqua, Verdana, Tahoma, Arial, Sans-Serif;
	color : #D50033;
	text-decoration : none;
font-weight : bold;
}



.photoline{
display: flex;
width: 98%;
flex-wrap: wrap;
align-content: center;
justify-content: center;
margin-left: 0;
text-align: center;
}


.photoelem{
width: 200px;
height: 200px;
max-width: 200px;
max-height: 200px;
margin: 0.5%;
opacity: 1;
}

.photoelem:hover{
opacity: 0.75;
}

a.photoelem {
display: inline-block;
vertical-align: middle;
bottom: 4;
margin: 0.5%;
font-size: 70%;
color: transparent;
}

a.photoelem:hover {
opacity: 1;
color: #fff;
text-shadow: 1px 1px #000;
font-weight: 900;
}


.textcaption{
display:table-cell;
height: 200px;
width: 200px;
vertical-align: bottom;
overflow:hidden
text-overflow: ellipsis;
opacity: 1;
}

@media screen and (orientation: portrait), (max-width:1024px) { 
h3,h4{
line-height: 90%;
}


body {
width: 98%;
margin-left: 1%;
}
}