/*--------------------------------------------------------------
# Responsive max-width: 760px
--------------------------------------------------------------*/

@media all and (max-width: 760px) { /*and (orientation: portrait)*/
	html {
		font-size: .9375rem;
	}

	.site-header {
		display:block;
		height:20vh;
		background-color:#6A8095;
	}

	.site-branding {
		height:16vh;
		background: #6A8095 url('../theme/responsive-logo.png') center center no-repeat;;
		background-size: contain;
	}

	.site-delimiter {
		margin-top:.5vh;
		position:relative;
		height:4vh;
		background-image: none;
		background-color:#A9B2B9;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
	}

	.site-delimiter .icon-hamburger {
		display:block;
		height:4vh;
		font-size: 2.5vh;
		line-height:2.5vh;
		position:absolute;
		top:.7vh;
		right:1rem;
		color:#070769;
		cursor: pointer;
	}

	#responsive-menu {
		position:absolute;
		top:20.5vh;
		left:0;
		width:100%;
		min-height:150%;
		background:#000;
		opacity: 0;
		z-index:1;
		display:none;
	}

	#responsive-menu .menu  {
		position:relative;
		top: 5vh;
		left: 0;
		font-size: 1.125rem;
	}

	#responsive-menu .menu a,#responsive-menu .menu a:link, #responsive-menu .menu a:visited  {
 		color:#fff;
	}

	.site-content {
		padding:50px 30px;
		background-image: none;
	}

	.site-header .main-navigation {
		display:none;
	}

	.site-content #secondary {
		display:none;
		flex-basis:0;
		width:0;
	}

	.site-content #primary {
		flex-basis:100%;
		width:100%;
		padding-left:0;
	}
	
	img.alignright {
		height: auto;
		max-width: 50%;
	}

}