body {  /*This is the orange background colour*/
	background-color: #ff853e;
} 

img.a { /*This is the DSIGNED logo at the top of the page*/
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	width: 15%;
}
img.b { /*This is the article image*/
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	border: solid; 
	border-width: 2px;
	width: 50%;
}
img.c {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 160px;
	border: solid; 
	border-width: 2px;
	width:  50%;
}
div.a {
margin-left: auto;
margin-right: auto;
width: 50%;
text-align: left;
margin-bottom: 30px;
}
div.b {
margin-left: auto;
margin-right: auto;
width: 50%;
text-align: justify;
margin-bottom: 30px;
}
div.c {
margin-left: auto;
margin-right: auto;
width: 50%;
text-align: justify;
margin-bottom: 30px;
}

.p1 { /*This is the date styling*/
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.75rem;
	text-transform: lowercase;
	text-indent: 10px;
}
.p2 { /*This is the body text styling*/
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2rem;
	line-height: 1.4;
	text-transform: lowercase;
	hyphens: auto;
	font-weight: 300;
	text-indent: 10px;
}
.p3 { 
	font-family: Helvetica, Arial, sans-serif;
	font-style: italic;
	font-size: 12px;
	text-transform: lowercase;
	text-indent: 10px;
}
.p4 { /*This is the headline styling*/
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3rem;
	color: black
	text-transform: lowercase;
	hyphens: auto;
	font-weight: 700;
	text-indent: 10px;
}
.h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5rem;
	color: black
	text-transform: lowercase;
	text-indent: 10px;
}

@media (orientation: portrait) and (max-width: 844px){ /*iPhone 12 landscape*/
img.a { /*This is the DSIGNED logo at the top of the page*/
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	width: 15%;
}
img.b { /*This is the article image*/
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	border: solid; 
	border-width: 1px;
	width: 20%;
}
img.c {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 160px;
	border: solid; 
	border-width: 1px;
	width: 90%;
}
div.a {
margin-left: auto;
margin-right: auto;
width: 90%;
text-align: left;
margin-bottom: 30px;
}
div.b {
margin-left: auto;
margin-right: auto;
width: 90%;
text-align: justify;
margin-bottom: 30px;
}
div.c {
margin-left: auto;
margin-right: auto;
width: 50%;
text-align: justify;
margin-bottom: 30px;
}
}

@media (orientation: portrait) and (max-width: 390px){ /*iPhone 12 portrait*/
img.a { /*This is the DSIGNED logo at the top of the page*/
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	width: 15%;
}
img.b { /*This is the article image*/
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	border: solid; 
	border-width: 1px;
	width: 90%;
}
img.c {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 160px;
	border: solid; 
	border-width: 1px;
	width: 90%;
}
div.a {
margin-left: auto;
margin-right: auto;
width: 90%;
text-align: left;
margin-bottom: 30px;
}
div.b {
margin-left: auto;
margin-right: auto;
width: 90%;
text-align: justify;
margin-bottom: 30px;
}
}