
.Wrapper{
	/*min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;*/
    background: #939393; /* Old browsers */
    background: -moz-linear-gradient(top,  #939393 0%, #e0e0e0 45%, #ffffff 84%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#939393), color-stop(45%,#e0e0e0), color-stop(84%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #939393 0%,#e0e0e0 45%,#ffffff 84%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #939393 0%,#e0e0e0 45%,#ffffff 84%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #939393 0%,#e0e0e0 45%,#ffffff 84%); /* IE10+ */
    background: linear-gradient(to bottom,  #939393 0%,#e0e0e0 45%,#ffffff 84%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939393', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


/*ARTICLE STYLE*/
.Experimodern{
    margin-left:20%;
	width:70%;
	height:auto;
	position:absolute;
	font-family:'Open Sans', sans-serif;
}

.Title{
	margin-top:20px;
    margin-left: 13%;
	max-width:70%;
	font-size:2.4em;
	font-weight:800;
	text-transform:uppercase;
	padding-bottom:10px;
    color: #FFFFFF;
}
.Author{
	display:inline;
    margin-left: 13%;
	text-align:right;
	font-weight:800;
	padding-bottom:20px;	
    color:rgb(196, 196, 196);
}
.Section_title {
    margin-top:20px;
    margin-left: 13%;
	width:20%;
    text-align: center;
	font-size:2em;
	font-weight:800;
	text-transform:uppercase;
	padding-bottom:10px;
    background-color: rgba(255, 255, 255, 0.90);
}

.p-col-1{
	margin-top:40px;
    margin-left: 13%;
    padding: 5px 10px;
	width:50%;
    text-align: start;
	line-height:1.5;
	hyphens: auto;
    background-color: rgba(255, 255, 255, 0.90);
}
.p-col-q {
    margin-top:40px;
    margin-left: 13%;
    padding: 5px 40px;
	width:44%;
    text-align: start;
    font-size: 0.8em;
	line-height:1.5;
	hyphens: auto;
    background-color: rgba(255, 255, 255, 0.90);
}
.p-col-mott {
    margin-top:40px;
    margin-left: 13%;
    padding: 5px 10px 5px 10px;
	width:50%;
    text-align: right;
    background-color: rgba(255, 255, 255, 0.90);
}


.Image-Right{
    float: right;
    margin-top: 4%;
}
.Image-Left{
    float: left;
    margin-left: -150px;
    margin-top: 4%;
}
.Image-Style-1{
text-align:left;
padding:1em 0em 1em 0em;
margin-top: 20px;
margin-bottom: 20px;
}

.Figure{
    margin-top: 40px;
    background-color: rgba(255, 255, 255, 0.90);
}
.Figure_title {
    margin-left: 13.5%;
    max-width: 60%;
    font-family: 'Open Sans' sans-serif;
    font-size: 0.8em;
    color:#555555;
}

.ImageH{
    padding-top: 10px;
    margin-left: 13.5%;
    margin-right: auto;
}

.Notes {
    font-size: 0.8em;
    margin-left: 13%;
    display: block;
}

.Notequote {
    font-size: 0.8em;
    margin-left: 10%;
    margin-right: 10%;
    display: block;
}

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

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

.push{
    display: block;
    width: 100%;
    height: 40px;
}
.push2{
    display: block;
    width: 100%;
    height: 100px;
}

/*INDIVIDUAL ELEMENTS*/
    /*page 01*/
#Header_Back_Wrap {
        background: url(Images/Experim_Pocknee/Experimodern-2.png) repeat center scroll;
}
.Top_p_container {
    width: 98%;
    height: 90px;
    background-color:#F8A7BA;
    padding: 5px 10px;
    position: absolute;
}
#Gre_1{
    float: left;
    text-align: right;
    width: 27%;
    
}
#Rosy {
    float: right;
    width: 70%; 
        background-color:#F8A7BA;
}


#S1{
background: url(Images/Experim_Pocknee/Experimodern-01.jpg) repeat center scroll;
margin-top: 100px;
}

/* page 02*/

#S2{

background: url(Images/Experim_Pocknee/Experimodern-02.jpg) repeat center scroll ;
}

#Lars{
    margin-top: 0px;
    margin-left: -200px;
}
/* page 03*/
#S3{
    background: url(Images/Experim_Pocknee/Experimodern-I03.jpg) repeat center scroll ;
}
/* page 04*/
#S4{
    background: url(Images/Experim_Pocknee/I2.jpg) repeat center scroll ;
}
/*page 07*/
#S5{
    background: url(Images/Experim_Pocknee/I9.jpg) repeat center scroll ;
}
/*page 06*/
#S6{
    background: url(Images/Experim_Pocknee/I7.jpg) repeat center scroll ;
}
.Karma_S{
    text-align: center;
    padding: 5px;
    width: 450px;
}
.Karma_S td{
    border: solid 1px #000000;
}
#Cotard{
    margin-top:40px;
    margin-left: 13%;
    padding: 5px 10px;
	width:50%;
    text-align: start;
	line-height:1.5;
	hyphens: auto;
    background-color: rgba(255, 255, 255, 0.90);
    font-family: 'EB Garamond', serif;
    font-size: 1.2em;
}
#Cotard-Center{
    text-align: center;
}
/*page 07*/
#S7{
     background: url(Images/Experim_Pocknee/I10.jpg) repeat center scroll ;
}
/*page 08*/
#S8{
     background: url(Images/Experim_Pocknee/I11.jpg) repeat center scroll ;
}
/*page 09*/
#S9{
     background: url(Images/Experim_Pocknee/I13.jpg) repeat center scroll ;
}
/*page 10*/
#S10{
     background: url(Images/Experim_Pocknee/I14.jpg) repeat center scroll ;
}
/*page 11*/
#S11{
     background: url(Images/Experim_Pocknee/I15.jpg) repeat center scroll ;
}
#Gre_2{
    float: left;
    text-align: right;
    width: 27%;
    
}
#Rosy1 {
    float: right;
    width: 70%; 
        background-color:#F8A7BA;
}
/*page 12*/
#S12{
     background: url(Images/Experim_Pocknee/I17.jpg) repeat center scroll ;
}
@media (min-width:320px) and (max-width:480px) {
    .Experimodern{
	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%;
    }
    .Experimodern img{
	width: 80%;
    }
    .Image-Right{
    float: none;
    margin-left: 30%;
    }
    .Image-Left{
        float: none;
        margin-left: 30%;
    }    
}

@media (min-width:481px) and (max-width:767px){
    .Experimodern{
	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%;
    }
    .Experimodern img{
	width: 80%;
    }
    .Image-Right{
    float: none;
    margin-left: 30%;
    }
    .Image-Left{
        float: none;
        margin-left: 30%;
    }
}
@media (min-width:768px) and (max-width:980px) {
    .Experimodern{
	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%;
    }
    .Experimodern img{
	width: 80%;
    }
    .Image-Right{
    float: none;
    margin-left: 30%;
    }
    .Image-Left{
        float: none;
        margin-left: 30%;
    }
}

