.Desire-Constr{
position:absolute;
margin-left:20%;
width:80%;
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;
    background-color: #ffd800;
}
.Author{
	display:inline;
	text-align:right;
	font-weight:800;
	padding-bottom:20px;	
    color:#555555;
    background-color: #ffd800;
}
.Section_title {
    margin-top:20px;
	max-width:60%;
    margin-left:10%;
	font-size:2em;
	font-weight:700;
	text-transform:uppercase;
	padding-bottom:10px;
    background-color: #ffd800;
}
.Section{
margin-left:5%;
}
.col-1{
position:relative;
width:60%;
margin-left: 10%;
margin-top: 3%;
font-size:1em;
line-height:2em;

}
.col-b{
position:relative;
width:50%;
margin-left: 20%;
font-size:1em;
line-height:2em;
}
.col-c{
position:relative;
width:50%;
margin-left: 30%;
margin-top: 3%;
font-size:1em;
line-height:2em;
transform: rotate(1deg);
}
.col-d{
position:relative;
width:40%;
margin-left: 35%;
margin-top: 3%;
font-size:1em;
line-height:2em;
transform: rotate(2deg);
}
.BlQuo{
position:relative;
margin-left:10em;
width:30em;
font-weight:600;
font-size: 0.85em;
text-align:justify;
word-spacing:-0.05em;
padding:1em 0em;

}

.figcaption{
padding-top:0.5em;
font-family:"Arial" sans-serif;
width: 70%;
font-size:0.8em;
text-decoration:none;
text-align:center;
color:#597A7A;
}
.Footnotes {
    width: 60%;
    margin-left: 10%;
} 
.foot-N{
font-size:0.7em;}

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

#Egg-Section1{
    display: block;
    background: url(Images/Grimes/section1Back.png) top no-repeat fixed;
}
#S1-p1{
    background: url(Images/Grimes/S1-p1-ill1.svg) repeat fixed;
}
#S1-p2{
     background: url(Images/Grimes/S1-p2-ill.svg) repeat fixed;
}
#S1-p3{
     background: url(Images/Grimes/S1-p3-ill.svg) repeat fixed;
}

#Egg-Section2{
    display: block;
    background: url(Images/Grimes/section2Back.png) top no-repeat fixed;
}
#S2-p1{
    background: url(Images/Grimes/S2-p1-ill.svg) repeat fixed;
}
#Egg-Section3{
    display: block;
    background: url(Images/Grimes/section3Back.svg) top no-repeat fixed;
}
#fig1_constr{
    background-color: #FFFFFF;
}
#S3-p1{
    background: url(Images/Grimes/S3-p1-ill.svg) center repeat fixed;
}
#S3-p2{
    background: url(Images/Grimes/S3-p2-ill.svg) repeat fixed;
}

#S3-p3{
    background: url(Images/Grimes/S3-p3-ill.svg) center repeat fixed;
}

#S3-p4{
    background: url(Images/Grimes/S3-p4-ill.svg)  repeat fixed;
}

#Egg-Section4{
    display: block;
    background: url(Images/Grimes/section4Back.svg) center no-repeat fixed;
    background-size: contain;
}

#S4-p1{
    background: url(Images/Grimes/S4-p1-ill.svg) center repeat fixed;
}
#S4-p2{
    background: url(Images/Grimes/S4-p2-ill.svg) repeat fixed;
}

#S4-p3{
    background: url(Images/Grimes/S4-p3-ill.svg) center repeat fixed;

}

#S4-p4{
    background: url(Images/Grimes/S4-p4-ill.svg)  repeat fixed;
 
}
#S4-p5{
    background: url(Images/Grimes/S4-p5-ill.svg)  repeat fixed;
   
}
@media (min-width:320px) and (max-width:480px) {
    
    .Desire-Constr{
	margin-left:15%;
    padding-bottom: 60px;
    font-size: 0.8em;   
    }
    .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%;
    }
    .col-1{
    position: static;
    width:80%;
    margin-left: 0%;
    }
    .col-b{ 
    position: static;
    width:80%;
    margin-left: 0%;
    }
    .col-c{
    position: static;
    width:80%;
    margin-left: 0%;
    }
    .col-d{
    position: static;
    width:80%;
    margin-left: 0%;
    }
    .References{
    font-size: 0.85em;
    margin-left: 0%;
    width: 80%;
    }
    .Desire-Constr img{
	width: 90%;
    height: 90%;
    }

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

 .col-1{
    position: static;
    width:80%;
    margin-left: 0%;
    }
    .col-b{ 
    position: static;
    width:80%;
    margin-left: 0%;
    }
    .col-c{
    position: static;
    width:80%;
    margin-left: 0%;
    }
    .col-d{
    position: static;
    width:80%;
    margin-left: 0%;
    }
    .References{
    font-size: 0.85em;
    margin-left: 0%;
    width: 80%;
    }

    .Desire-Constr img{
	width: 90%;
    height: 90%;
    }
}
@media (min-width:768px) and (max-width:980px) {
    .Desire-Constr{
	margin-left:15%;
    font-size: 0.9em;
    }
    .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%;
    }

   .col-1{
    position:relative;
    width:60%;
    margin-left: 20%;
    }
    .col-b{
    width:80%;
    margin-left: 30%;
    }
    .col-c{
    width:50%;
    margin-left: 60%;
    }
    .col-d{
    width:40%;
    margin-left: 90%;
    }
    .References{
    font-size: 0.85em;
    margin-left: 10%;
    }
.Desire-Constr img{
	width: 90%;
    height: 90%;
    }
}