@charset "utf-8";
/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=- DESIGNED AND BUILT BY IAN BESLER =-=-=-=-
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/

/*
-=-=-=-=-=-=-=-=-=-=-=-=-
=-=-=- RESPONSIVE =-=-=-=
-=-=-=-=-=-=-=-=-=-=-=-=-
*/

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
=-=-=- meta name="last-modified" content="2023-08-24" =-=-=-=
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/
/* -=-=-=-=-=-=-=-=-=-=-
-=-=-= DESKTOP MONITOR -=-=-=
=-=-=-=-=-=-=-=-=-=-= */

@media screen and (min-width: 1919px) {
}

/* -=-=-=-=-=-=-=-=-=-=-
-=-=-= MEDIUM LAPTOP -=-=-=
=-=-=-=-=-=-=-=-=-=-= */

@media screen and (max-width: 1643px) {
}

/* -=-=-=-=-=-=-=-=-=-=-
-=-=-= SMALL LAPTOP -=-=-=
=-=-=-=-=-=-=-=-=-=-= */

@media screen and (max-width: 1366px) {

	figure#ian-besler-profile-picture img {
		width: 141%;
		left: -20.5%;
	}

	#news summary, #news summary time, #news ol li  {
		font-size: 32pt;
	}
	main p, main li {
		font-size: 32pt;
	}

/* -=-=-=-=-=-=-=-=-=-=-
-=-=-= LARGE TABLET -=-=-=
=-=-=-=-=-=-=-=-=-=-= */

@media screen and (max-width: 1195px) {
}

/* -=-=-=-=-=-=-=-=-=-=-
-=-=-= MED-LRG TABLET -=-=-=
=-=-=-=-=-=-=-=-=-=-= */

@media screen and (max-width: 1112px) {
	header {
		width: 75vw;
		font-size: 12pt;
	}
}

/* -=-=-=-=-=-=-=-=-=-=-
-=-=-= MEDIUM TABLET -=-=-=
=-=-=-=-=-=-=-=-=-=-= */

@media screen and (max-width: 1025px) {
	header {
		width: 80vw;
		font-size: 20pt;
	}

	figure#ian-besler-profile-picture img {
		width: 145%;
		left: -22.5%;
	}

	#news summary, #news summary time, #news ol li  {
		font-size: 32pt;
	}
	main p, main li {
		font-size: 32pt;
	}

/* -=-=-=-=-=-=-=-=-=-=-=-
-=-=-= LARGE MOBILE -=-=-=
=-=-=-=-=-=-=-=-=-=-=-=- */

@media screen and (max-width: 834px) {
	
	header {
		width: 81vw;
		font-size: 16pt;
	}

	figure#ian-besler-profile-picture img {
		width: 148.8%;
		left: -24.4%;
	}

	figcaption {
		position: relative;
		top: -6em;
		padding: 0.5em;
		line-height: 1.4em;
		display: block;
		margin: 0;
		font-size: 13pt;
	}

	#news summary, #news summary time, #news ol li  {
		font-size: 26pt;
	}

	#news ol li time {
		padding: 0.4em;
		font-size: 12pt;
	}

	main p, main li {
		font-size: 26pt;
	}
}

/* -=-=-=-=-=-=-=-=-=-=-=-
-=-=-= LARGE MOBILE -=-=-=
=-=-=-=-=-=-=-=-=-=-=-=- */

@media screen and (max-width: 768px) {

	header {
		font-size: 16pt;
	}

	h1,h2,h3,h4,h5,h6 {
		font-size: 1.45em;
	}

	figure#ian-besler-profile-picture {
		width: 100vw;
		height: 100vh;
		background-image: url('../img/Ian_Besler_Profile_Image_2023_Headlands_Andria_Lo.jpg');
		background-size: cover;
		background-position: center center;
		transform: translateX(-16.8vw);
	}

	figure#ian-besler-profile-picture img {
		display: none;
	}

	#news ol li {
		margin-top: 1em;
	}

	#news ol li time {
		padding: 0.8em;
		font-size: 10pt;
	}

	#news summary, #news summary time, #news ol li  {
		font-size: 24pt;
	}

	main p, main li {
		font-size: 24pt;
	}

}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=- MEDIUM MOBILE =-=-=-=-
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/

@media screen and (max-width: 568px) {

	header {
		font-size: 12pt;
	}

	h1,h2,h3,h4,h5,h6 {
		font-size: 1.2em;
	}

	figure#ian-besler-profile-picture {
		transform: translateX(-20.2vw);
	}

	figcaption {
		font-size: 10pt;
	}

	#news summary, #news summary time, #news ol li  {
		font-size: 18pt;
	}
	main p, main li {
		font-size: 18pt;
	}

}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=- SMALL MOBILE =-=-=-=-
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/

@media screen and (max-width: 414px) {

	header {
		font-size: 20pt;
		top: 8%;
	}

	h1,h2,h3,h4,h5,h6 {
		font-size: 20pt;
	}
	header div:nth-of-type(2) {z-index: 4;padding: 0.5em 0 0 0.0em;}
	header div:nth-of-type(3) {z-index: 3;padding: 0.5em 0 0 0.0em;}
	header div:nth-of-type(4) {z-index: 2;padding: 0.5em 0 0 0.0em;}
	header div:nth-of-type(5) {z-index: 1;padding: 0.5em 0 0 0.0em;}

	main,footer {
		transform: translateY(186vh);
/*		border: 1px solid red;*/
	}

	figure#ian-besler-profile-picture {
		transform: translateX(-25.5vw);
	}

	main h3, main h4, main h5, main h6 {
		font-size: 24pt;
	}

	main p, main li {
		font-size: 16pt;
	}

	main li ul li {
		font-size: 16pt;
	}

	#news summary, #news summary time, #news ol li  {
		font-size: 16pt;
	}

	main p, main li {
		font-size: 16pt;
	}

	main section,main article {
		padding: 1em 1em 1em 1em;
	}
}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
=-=-=-=- TINY MOBILE -=-=-=-=
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

@media screen and (max-width: 375px) {
	
	h1,h2,h3,h4,h5,h6 {
		font-size: 18pt;
	}

	figure#ian-besler-profile-picture {
		transform: translateX(-27.2vw);
	}
	
	figcaption {
		top: 75vh;
	}

	main h3, main h4, main h5, main h6 {
		font-size: 21pt;
	}

	main p, main li {
		font-size: 12pt;
	}

	main li ul li {
		font-size: 12pt;
	}
}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=- MICRO MOBILE =-=-=-=-
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/

@media screen and (max-width: 320px) {
	
	h1,h2,h3,h4,h5,h6 {
		font-size: 12pt;
		padding: 0;
	}

	header div:nth-of-type(2) {z-index: 4;padding: 0.2em 0 0 0.0em;}
	header div:nth-of-type(3) {z-index: 3;padding: 0.2em 0 0 0.0em;}
	header div:nth-of-type(4) {z-index: 2;padding: 0.2em 0 0 0.0em;}
	header div:nth-of-type(5) {z-index: 1;padding: 0.2em 0 0 0.0em;}

	figure#ian-besler-profile-picture {
		transform: translateX(-30vw);
	}

	main ul {
		transform: translateX(-1em);
	}
}