@media only screen and (max-width:770px){ /* For larger smart phones */
	.nav-button, .nav-close {
	width: 2rem; 
	height: 2rem; 
	line-height: 2rem; 
	}
	
	header {
	flex-wrap:nowrap; 
	justify-content: flex-end; 
	padding-top:.7rem !important; 
	padding-left:1rem;
	}

	footer {max-height: 3rem;}
	
	div.header1, div.header1_2 {display:none;}

	div.header2, div.header2_2 {
	position: absolute;
	right: 6vw;
	margin-top:-0.2rem;
	}

	.nav {
	font-size: 1rem;
	-webkit-font-size:1rem; /* This is for MS Edge */
	top:0;
	order:1;
	margin-left:8vw; 
	margin-top:0;
	margin-right:auto;
 	z-index:900;
	}

	.nav-button, .nav-close {left:1rem;} /* remove position and add left 1rem so it floats as page scrolls */
	
	div.footer3 {
	order:1; 
	margin-top:100%;
	bottom:0;
	text-align: center !important; 
	}

	.nav > li {height:auto;}
	.nav .nav-submenu li {min-width:100%;} /* important to stop menu items pushing menus to side */
	.nav ul ul ul {max-height: 100%;} /* this controls the drop down menu height for the Actors/Female */

/* Used for actors_female.php, actors_male.php */

div.actors_list_1 {width:95%; margin-top:5rem;}

div.actors_list_2 {text-align:center;}

div.actors_list_3 {display: none;}

div.actors_list_4 {width:95%;}

div.actors_list_5 {padding:1rem 1rem 1rem 1rem; text-align:center; font-size:small;}

div.socialmedia {position: relative; padding-left: 1vh; padding-top:1vh; top:5rem;}

div.container_identity {flex-direction: column;}
	
div.flex3_2 {margin-left: 12vw;}
	
div.flex3_2_1 {position: relative; top:5rem;}

div.flex5_4{justify-content: space-evenly;}
	
div.content_column5 {justify-content: flex-end;width: auto}

div.content_column6{width:auto;}
	
div.content_row5{margin-top: 5rem;}

.PageHeadings {font-size:large;}

.thumbnail_width {width:72px;}

}