/* Article style*/

.Surface-Skin{
	margin-left:17%;
	width:70%;
	height:auto;
	position:absolute;
	font-family:'Open Sans', sans-serif;
    background: url(Images/Cully/Background1.jpg) repeat center;
}

.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;
	padding-bottom:10px;
}
.Score_Title{
    font-size: 1.1em;
    background-color: #FFFFFF;
    color: #555555;
}
.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%;
}

#Every4{
    width: 1200px;
    float: left;
}

.Notes{
    font-size: 0.8em;
}
.push{
    display: block;
    width: 100%;
    height: 40px;
}
.push2{
    display: block;
    width: 100%;
    height: 100px;
}

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

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

/*Image Boxes*/
.Button-score{
    margin-left: 65%;
}
.BoxScore{
    display: block;
    width: 40%;
    height: 200px;
    position: absolute;
    margin-bottom: 20px;
}
.Button-span{
    background-color: #FFFFFF;
    font-size: 0.9em;
}
#Often_Empty{
    background: url(Images/Cully/Oftenemptyontheinsides_Page_1.jpg) center no-repeat scroll;
    background-size: contain;
    background-origin: content-box;  
}
#Movement-in-two{
    background: url(Images/Cully/Movementsintwopositions_Web.jpg) center no-repeat scroll;
    background-size: contain;
    background-origin: content-box; 
}
#Everything{
    background: url(Images/Cully/Everythinglocatedonthesurface-skin_WEB_Page_1.jpg) center no-repeat scroll;
    background-size: contain;
    background-origin: content-box; 
}


@media (min-width:320px) and (max-width:480px) {
    .Surface-Skin{
	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%;
    font-size: 0.9em;
    }
    .Button-score{
    margin-left: 80%;
    }
    .BoxScore{
        display: block;
        width: 25%;
        height: 200px;
        position: absolute;
        margin-bottom: 20px;
        font-size: 0.8em;
    }
  .Surface-Skin img{
	width: 90%;
    height: 90%;
    }
}
@media (min-width:481px) and (max-width:767px){
    .Surface-Skin{
	margin-left:10%;
    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%;
    font-size: 0.9em;
    }
    .Button-score{
    margin-left: 80%;
}
.BoxScore{
    display: block;
    width: 25%;
    height: 200px;
    position: absolute;
    margin-bottom: 20px;
    font-size: 0.8em;
}

    .Surface-Skin img{
	width: 90%;
    height: 90%;
    }
}

@media (min-width:768px) and (max-width:980px) {
    .Surface-Skin{
	margin-left:15%;
    width: 60%;
    }
    .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:70%;
    }
      .References{
    margin-left:4%;
    width: 90%;
    font-size: 0.9em;
    }
    .Button-score{
    margin-left: 80%;
}
.BoxScore{
    display: block;
    width: 25%;
    height: 200px;
    position: absolute;
    margin-bottom: 20px;
    font-size: 0.8em;
}

    .Surface-Skin img{
	width: 90%;
    height: 90%;
    }
}