@media all and (max-width:1000px){
	body h1{
		font-size: 32pt;
		line-height: 34pt;
	}
	body .content{
		width: 100%;
		padding: 0 0;
	}
	body .left-half-image,
	body .right-half-image
	{
		position: relative;
		width:100%;
		height: 360px !important; /* so that script will not override */
		background-position: top;
	}
	body .paragraphs .text,
	body .half-content-left .paragraphs .text,
	body .half-content-right .paragraphs .text
	{
		box-sizing: border-box;
		max-width: 600px;
	}
	.subarticles a.big-link.uparrow .text {
    text-align: left;
    padding: 0 0 20px 0;
    font-size: 8pt;
    color: white;
    margin: 0 20px;
    height: 80px;
    z-index: 2;
    position: relative;

    .subarticles.subarticles-inside{
	    display: none;
    }
    .subarticles.subarticles-inside-clone{
	    display: block;
    }
	h1 {
	margin: 0 50px;	
	}
	h3 {
	margin-left: 30px;
	}
	p {
	margin: 0 30px;	
	}
	.align-center .introduction {
    width: 90%;
    margin: 10px auto;
    text-align: center; 
	display: inline;
	}
	.paragraphs .text p {
    padding: 0 20px 5px 0;
    font-family: katarine-web, sans-serif;
    font-weight: 400;
	}
}
@media all and (max-width:640px){
	.paragraphs h2 {
    		width: 100%;
	}
	.full-cover-front .scroll-button {
	    display: block;
		margin: 10px auto;
    		font-weight: 700;	
    		width: 70%;
	}
	full-cover-container {
		display: none;
	}
	.subarticles-full-width a.big-link {
	width: 100%;
	}
}