/* Article style*/

.Drawing_on_Paper{
	margin-left:25%;
	width:70%;
	height:auto;
	position:absolute;
	font-family:'Open 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;
}

.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;
}

.Video_Insert{
    margin-left: 0%;
    padding-top: 20px;
}
.Video_title{
    max-width: 60%;
    font-family: 'Open Sans' sans-serif;
    font-size: 0.8em;
    color:#555555;
}

#Text_For_SETZUNG {
font-family: Arial, Helvetica, sans-serif;
max-width: 80%;
}

/*PANZOOM*/
.parent{
z-index:0;
height:560px;
width:90%;
float:left;
margin-left: 60px;
margin-right:50px;	
overflow:hidden;
backface-visibility:hidden;
margin-bottom:2%;
}
.panzoom{
backface-visibility:hidden;
cursor:move;
transform:none;
transform-origin: 50% 50% 0px;
}
.Buttons{
position:absolute;
margin-top:45%;
margin-left:40%;
z-index:6;
font-weight: 800;

}
.zoom-in{
margin-left:5px;
float:left;
display:inline-block;
width:50px;
height:50px;
text-align:center;
color:#FFFFFF;
padding: 0.5em;
cursor:pointer;
background-color:rgba(88, 88, 88, 0.83);
border:none;
 -webkit-border-radius: 60px; 
  -moz-border-radius: 60px; 
  border-radius: 60px; 

}
.zoom-out{
margin-left:5px;
float:left;
display:inline-block;
width:50px;
height:50px;
text-align:center;
color:#FFFFFF;
padding: 0.5em;
cursor:pointer;
background-color:rgba(88, 88, 88, 0.83);
border:none;
 -webkit-border-radius: 60px; 
  -moz-border-radius: 60px; 
  border-radius: 60px; 
}
	
.reset{
margin-left:5px;
float:left;
display:inline-block;
width:70px;
height:50px;
text-align:center;
color:#FFFFFF;
padding: 0.5em;
cursor:pointer;
background-color:rgba(88, 88, 88, 0.83);
border:none;
 -webkit-border-radius: 60px; 
  -moz-border-radius: 60px; 
  border-radius: 60px; 
}



@media (min-width:768px) and (max-width:980px) {

    .Drawing_on_Paper{
	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%;
    width: 90%;
    }
    /*PANZOOM*/
    .parent{
    z-index:0;
    height:90%;
    width:90%;
    float:left;
    margin-left:1%;
    }
    .Buttons{
    margin-top:3%;
    margin-left:60%;
    }  
    .Drawing_on_Paper img{
	width: 90%;
    height: 90%;
    }
}

@media (min-width:481px) and (max-width:767px){

    .Drawing_on_Paper{
	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%;
    }
    .Drawing_on_Paper img{
	width: 90%;
    height: 90%;
    }
    
}
@media (min-width:320px) and (max-width:480px) {

    .Drawing_on_Paper{
	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%;
    }
    /*PANZOOM*/
    .parent{
    z-index:0;
    height:90%;
    width:90%;
    float:left;
    margin-left:1%;
    }
    .Buttons{
    margin-top:3%;
    margin-left:60%;
    }  
    .Drawing_on_Paper img{
	width: 90%;
    height: 90%;
    }
}