
/* Article style*/

.DeadMan{
    margin-top: 0px;
	margin-left:25%;
	width:70%;
	height:auto;
	position:absolute;
	font-family: 'PT Sans', sans-serif;
}

.Title{
	margin-top:20px;
	max-width:70%;
	font-size:2.4em;
	font-weight:800;
	text-transform:uppercase;
	padding-bottom:10px;
}
.Author{
	display:inline;
	text-align:right;
	font-weight:800;
	padding-bottom:20px;	
    color:#555555;
}
.Section_title {
    margin-top:20px;
	max-width:70%;
	font-size:2em;
	font-weight:800;
	text-transform:uppercase;
	padding-bottom:10px;
}

.p-col-1{
	margin-top:40px;
	width:60%;
	line-height:1.5;
	hyphens: auto;
}
.p-list{
   list-style-type: square;
}

.p-col-citat{
    margin-top:40px;
    width:60%;
    font-style: italic;
    margin-left: 70px;
    margin-right: 70px;
	line-height:1.5;
	hyphens: auto;
}

.Image-Style-1{
text-align:left;
padding:1em 0em 1em 0em;
margin-top: 20px;
margin-bottom: 20px;
}

.Figure_title {
    max-width: 60%;
    font-family: 'Open Sans' sans-serif;
    font-size: 0.8em;
    color:#555555;
}

.ImageH{
    padding-top: 10px;
    margin-left: -5%;
}
.Notes{
    font-size: 0.8em;
}
.push{
    display: block;
    width: 100%;
    height: 40px;
}
.push2{
    display: block;
    width: 100%;
    height: 100px;
}

.References{
margin-top:6em;
position:relative;
font-size: 0.85em;
margin-left:20em;
width:35em;
}

.p-ref {
padding-bottom: 1em;
}

.Strike {
    text-decoration: line-through;
    font-family:Arial, Helvetica, sans-serif;
}


/*experimental*/
.Container2{
    display: block;
    margin-left: -100px;
}
#container {
    position: relative;
    padding: 0px;
    width: 900px;
    height: 700px;
    overflow: hidden;
    margin-bottom: 100px;
}
.box {
    position: absolute;
    width: 80%;
    height: 100%;
    left: 150%;
    top: 100px;
    margin-left: -25%;
}
#box1 {
    left: 40%;
    background-color: #ffffff;
}
#box2 {
   background-color: #ffffff;
}
#box3 {
    background-color: #ffffff;
}
#box4 {
    background-color: #ffffff;
}
#box5 {
    background-color: #ffffff;
}

.move {
    position:absolute;
    z-index:2;
    margin-top: 300px;
    font-size: 2em;
    text-align:center;
    padding:20px;
    background:#fff;
    color: #000;
}
.left {
    cursor:pointer;
}
.right {
    right:90px;
    cursor:pointer;
}
.P-list-instr {
    font-size: 0.8em;
    -webkit-columns: 200px 3;
    -moz-columns: 200px 3;
    columns: 200px 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}
.P-list-instr2{
     font-size: 0.8em;
    -webkit-columns: 150px 2;
    -moz-columns: 150px 2;
    columns: 150px 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

@media (min-width:768px) and (max-width:980px) {
    .DeadMan{
	margin-left:15%;
    }

    .Title{
	    font-size:1.8em;
        padding-top: 61px;
    }
    .Section_title {
	    max-width:60%;
	    font-size:1.4em;
        padding-top: 61px;
    }

    .p-col-1{
	    font-size: 0.9em;
	    width:80%;
    }
    .References{
    margin-left:4%;
    }
    #container{
     width: 600px;
    height: 800px
    } 
    .left {
       margin-left: 4%; 
    }
    .right {
        right:90px;
        cursor:pointer;
    }
    .DeadMan img{
	width: 90%;
    height: 90%;
    }
}

@media (min-width:481px) and (max-width:767px){
    .DeadMan{
	margin-left:15%;
    padding-bottom: 60px;
    }
    .Title{
	    font-size:1em;
        padding-top: 61px;
    }
    .Section_title {
	    max-width:60%;
	    font-size:1em;
        padding-top: 61px;
    }

    .p-col-1{
	    font-size: 0.8em;
	    width:80%;
    }
    .References{
    margin-left:4%;
    width: 90%;
    }
      #container{
     width: 200px;
     height: 480px;
     left: 30%;
    } 
    .left {
        cursor:pointer;
        margin-left: 50px;
    }
    .right {
       right: -10%;
    }
    .DeadMan img{
	width: 90%;
    height: 90%;
    }
}

@media (min-width:320px) and (max-width:480px) {
    .DeadMan{
	margin-left:15%;
    padding-bottom: 60px;
    }
    .Title{
	    font-size:1em;
        padding-top: 61px;
    }
    .Section_title {
	    max-width:60%;
	    font-size:1em;
        padding-top: 61px;
    }

    .p-col-1{
	    font-size: 0.8em;
	    width:80%;
    }
    .References{
    margin-left:4%;
    width: 90%;
    }
      #container{
     width: 200px;
     height: 480px;
     left: 30%;
    } 
    .left {
        cursor:pointer;
        margin-left: 50px;
    }
    .right {
       right: -10%;
    }
    .DeadMan img{
	width: 90%;
    height: 90%;
    }
}
