html,body {
	height:100%;
}
html {
	background:url("/media/_4f9f8236-b313-4337-9448-9071aec5cd9a.jpeg") 0 0 no-repeat;
	background-size:cover;
}
/*
body {
	background-clip: content-box; 
	background-color: #e4e6e5;
	background-image: url("/media/_4f9f8236-b313-4337-9448-9071aec5cd9a.jpeg");
	background-repeat: no-repeat;
	background-position: 95% 90% right top;
	background-size: 100% auto;
	color: midnightblue;
	height: 100vh;
}
*/
/*
body {
	background: rgba(0,0,0,0.3);
}
*/
h1 {
  color: black;
  -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke: 1px black;
}

.wrap { 
    padding: 25px; 
    text-align: center; 
    box-shadow: 0 4px 25px -4px #9da5ab; 
	position: relative;//fie
	overflow: hidden;//fie
	//background: rgba(0,0,0,0.6);//fie
	background: rgba(0,0,0,1);//fie
}
/*
.wrap header h1 {
    padding: 50px;
    position: relative;
    z-index: 2;
}
.wrap:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.2;
	background-image: url("/media/_4f9f8236-b313-4337-9448-9071aec5cd9a.jpeg");
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}
*/
article { 
    padding: 25px 0; 
    line-height: 150%; 
    text-align: left; 
	color: black;
	-webkit-text-fill-color: red;// white; /* Will override color (regardless of order) */
	-webkit-text-stroke: 1px black;
	
}

nav .item {
    text-decoration: none;
}
nav .active {
    border-bottom: 1px solid;   
}

@media only screen and (min-width: 768px) {
    article { 
        padding: 40px; 
    }
    .wrap { 
        max-width: 750px; 
        margin: 50px auto;
        padding: 30px 40px;
    }
}