@media only screen and (max-width: 992px) 
{
	header nav
	{
		gap: 0;
	}

	nav > img
	{
		height: 3rem;
	}

	.outside
	{
		justify-content: space-evenly;
	}

	section.content-container
	{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		padding: 0;
	}

	div.left 
	{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	div.right > div.menu
	{
		margin-right: 0;
		width: 20rem;
	}

	div.second > div.menu
	{
		width: 26%;
	}

	div img, img.fix
	{
		width: 60%;
	}
}

@media only screen and (max-width: 768px) 
{
	nav.top-banner, nav.breadcrumbs
	{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	
	nav img
	{
		height: 2.7rem;
	}
	
	nav
	{
		justify-content: center;
	}
	
	nav > label.menu
	{
		display: block;
		color: #313f9a;
		font-size: 2rem;
		margin-top: -5px;
		margin-left: 1rem;
	}
	
	.inside 
	{
		margin-left: 0px;
	}
	
	input:hover ~ .inside, .inside:hover, input:checked ~ .inside
	{
		position: relative;
		top: 0;
		box-shadow: none;
	}

	.inside li a , .inside div li a
	{
		font-size: 1.3rem;
		padding-left: 0px;
		padding-right: 0px;
		border-radius: 1rem;
		text-align: center;
	}

	.inside ul
	{
		align-items: center;
	}

	input:checked ~ .outside 
	{
		display: flex;
		flex-direction: column;
		position: absolute;
		top: 105px;
		z-index: 6;
		overflow: visible;
		background-color: white;
		padding-top: 10px;
	}
	
	.outside 
	{
		display: none;
		font-family: 'calibiri', sans-serif;
		margin-left: 0px;
		padding: 0;
	}
	
	.outside label
	{
		text-align: center;
	}
	
	section.content-container
	{
		gap: 22%;
		padding-left: 0;
		padding-right: 0;
	}

	section.content > div.first
	{
		gap: 2rem;
	}

	section.gallery-fullscreen button.next
	{
		right: 4%;
	}

	section.gallery-fullscreen button.prev
	{
		left: 4%;
	}

	section.gallery-fullscreen img
	{
		max-width: 70%;
	}

	div img
	{
		width: 50vw;
	}
	
	div.second > div.menu
	{
		width: 26%;
	}

	footer
	{
		padding: 0;
		padding-top: 2rem;
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column;
	}
	
	footer > nav
	{
		border: none;
	}

	footer > nav > a > img
	{
		margin-bottom: 1.3rem;
	}
}

@media only screen and (max-width: 600px) 
{
	nav.top-banner, nav.breadcrumbs
	{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	
	nav
	{
		justify-content: center;
	}
	
	nav img
	{
		height: 2.7rem;
	}
	
	nav > label.menu
	{
		display: block;
		color: #313f9a;
		font-size: 2rem;
		margin-top: -5px;
		margin-left: 1rem;
	}
	
	.inside 
	{
		margin-left: 0px;
	}
	
	input:checked ~ .inside 
	{
		position: relative;
		top: 0;
	}

	.inside li a , .inside div li a
	{
		font-size: 1.3rem;
		padding-left: 0px;
		padding-right: 0px;
		border-radius: 1rem;
		text-align: center;
	}

	.inside ul
	{
		align-items: center;
	}

	input:checked ~ .outside 
	{
		display: flex;
		flex-direction: column;
		position: absolute;
		top: 105px;
		z-index: 6;
		overflow:visable;
		background-color: white;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.outside 
	{
		display: none;
		font-family: 'calibiri', sans-serif;
		margin-left: 0px;
		padding: 0;
	}
	
	.outside label
	{
		text-align: center;
	}

	nav.bread-crumbs, nav.bread-crumbs > a 
	{
		justify-content: center;
		font-size: 0.8rem;
	}
	
	.first, .second, .left, .right
	{
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	
	section.content > div.second
	{
		flex-direction: column-reverse;
	}
	
	section.content > div.menu-container
	{
		align-content:center;
		gap: 1.5rem;
	}

	div.second > div.menu
	{
		width: 85%;
		height: auto;
		overflow: hidden;
	}

	div.right > div.menu
	{
		padding: 0;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		width: 100vw;
		gap: 11px;
		padding-bottom: 1rem;
		flex-wrap: wrap;
	}
	
	div.left
	{
		display:flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	section.content-container
	{
		padding: 0;
		width: auto;
	}

	div img , img.fix , img.tall
	{
		width: 85vw;
	}
	
	body
	{
		width: 100vw;
		padding: 0;
	}
	
	iframe
	{
		width: 100%;
		height: 18rem;
	}
	
	div.grid > img
	{
		width: 85vw;
      	height: 85vw;
	}
	
	div.right > p 
	{
		width: 85%;
		padding: 1rem;
	}

	div.right 
	{
		padding: 0;
	}

	section.gallery-fullscreen img
	{
		max-width: 60%;
	}
	
	footer
	{
		padding: 0;
		padding-top: 2rem;
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column;
	}
	
	footer > nav
	{
		border: none;
	}
}