/*
CSS for Publicatie Nederland
*/

body {
	
	font-family:times, Helvetica, Courier, sans-serif;
	padding-top:94px;
	padding-left:105px;
	line-height: 150%
}

h1 {
	font-weight:normal;
	padding-bottom:6.7em;
	color:black;
	font-size: 27px;
}

P { 
	font-weight:normal;
	text-decoration: none;
	color:black;
	font-size: 21px;
}
.nudged2space {
position: relative;
left: .45em;

}



/*
I used h2 element for styling the date under some of the poems. I didn't know what else to use (div?). Not perfect because I need different variations of styling of the dates and how many header options do I have?
*/

h2 {
	font-weight:normal;
	color:black;
	padding-top:2.9em;
	font-size: .8em;
	position:relative;
	left:16em
}

h3 {
	font-weight:normal;
	padding-bottom:94px;
	padding-left:105px;
	color:black;
	font-size: 21px;
	position:relative;
	top:7em
}

h4 {
	font-weight:normal;
	color:black;
	padding-top: 1.50em;
	font-size: .8em;
	position:relative;
	left:0em
}

h6 {
	font-weight:normal;
	padding-bottom:2.7em;
text-decoration:none;
	padding-right:105px;
	color:gray;
	font-size: 11px;

}

/* Mobile responsiveness */
@media screen and (max-width: 600px) {
    body {
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    h1 {
        padding-bottom: 3em;
        font-size: 24px;
    }

    P {
        font-size: 18px;
        white-space: nowrap;
    }

    h2 {
        left: 0;
        text-align: right;
        padding-right: 20px;
    }

    h3 {
        padding-left: 20px;
    }

    h6 {
        padding-right: 20px;
    }

    body {
        line-height: 130%;
    }
}