*{
	margin: 0;
	padding: 0;
}

html {
	#margin: 0 auto;
    #max-width: 1400px;
}

body {	
	#display:block;
	text-align: center;
	background-color:#023459;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	overflow-y: scroll;
}

h1
{
	font-size: inherit;
	font-weight: inherit;
	margin-bottom: 0px;
	#text-decoration: underline;
	border-width:5px;
    border-style:solid;
    border-color:#B2A6A0;
	#border-width: 400px;
	
	#border: 
	#width: 400px;
	#height: 100px;
}



/* Normal Style */
.header{
	#position: fixed;
	width: 100%;
	top: 0px;
}

.logo__img{
	height: 450px;
	#margin-right: 20px;
	#display: block;
  	#margin-left: auto;
  	#margin-right: auto;
  	#width: 50%;
}

.div {
      display: block;
	#height: 200px;
      #justify-content: center;
		#width: 40%;
}


.borderexample {
 border-width:5px;
 border-style:solid;
 border-color:#B2A6A0;
	#width: 400px;
	height: 50px;
	margin: 0px;
	text-align: center;
	color: #FFFFFF
}

.center{
  margin: auto;
  width: 30%;
  border: 3px solid #A0948F;
  padding: 10px;
}

.txt {
	#display: inline-block;
	#text-align: left;
    #margin-top: 10px;
	#margin-left: 15px;
	font-size: 24px;
	color:#D3D1D1;
}

.Wer {
	display: inline-block;
}

.Wer_txt {
	text-align: center;
    #margin-top: 10px;
	#margin-left: 15px;
	font-size: 24px;
	color:#746B67
}

p1 {
	font-size: 24px;
	text-decoration: underline;
	color:#AC9B9B
}


.nav__item{
	list-style: none;
}

.nav__link{
	color: rgba(255,255,255,0.99);
	text-shadow: #2D3A49 0.1em 0.1em 0.2em;
	#transition: all 0.2s;
	#float: left;
  	#color: #f2f2f2;
  	#text-align: left;
  	padding: 0px 15px;
  	text-decoration: none;
  	font-size: 20px;
}

.nav__link:hover{
	#color: rgba(255,255,255,0.5);
	color: #2D3A49;
	text-shadow: #ffffff  0.1em 0.1em 0.3em;
}

.hamburger{
	display: none;
	cursor: pointer;
}

.bar{
	height: 3px;
	width: 50px;
	background: #fff;
	margin: 10px 0;
	opacity: 0.8;
}

/* FOR JS */
.nav--open{
	transform: translateX(0%) !important;
}

/*
input {
	display: none;
}
*/


/* MEDIA QUERYS */
@media(max-width : 1200px ){
	
	.center{
  margin: auto;
  width: 40%;
  border: 3px solid #A0948F;
  padding: 10px;
}

.txt {
	#display: inline-block;
	#text-align: left;
    #margin-top: 10px;
	#margin-left: 15px;
	font-size: 24px;
	color:#D3D1D1;
}

	.Wer {
		display: block;
		text-align: center;
	}
	
.Wer_txt {
	
	text-align: center;
    #margin-top: 10px;
	#margin-left: 15px;
	#font-size: 10px;
	color:#746B67
}

p1 {
	font-size: 24px;
	text-decoration: underline;
	color:#AC9B9B
}
}