@font-face {

    font-family: 'PT Sans', sans-serif;
    font-family: 'PT Mono', monospace;
}

body {
  margin:0px;
  padding:0px;
  background:#13499f; 
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  }


ul {
	margin:0px;
	padding: 0px;
	list-style-type:square;

  }

button {

	width: 100px;
	height: 40px;
	cursor: pointer;

}

#content {
	margin-left: 20%;
	min-width: 200px;
	height: auto;
	width: 60%;
	padding: 10px;
	position: absolute;
	background-color: white;
}


#header {
  width: 100%;
  height: auto;
  position: relative;
}

#about {
	position: relative;
 	margin-left: 10%;	
	margin-right: 10%;	
}

#menus{
	display: flex;
	flex: 0 0 0;
 	margin-left: 8%;	
	margin-right: 5%;
	color:#13499f;	

}

a:visited {
		color:#13499f;
	text-decoration: underline;

}

a {
		color:#13499f;	
	text-decoration: underline;

}


.bar {
  	height:40px;
  	overflow: hidden;
}

#menus_left {
  	flex: 1;
	padding-left: 4%;
	padding-right: 4%;
}

#menus_center {
	flex: 1;
	padding-left: 4%;
	padding-right: 4%;
}

#menus_right {
	flex: 1;
	padding-left: 4%;
	padding-right: 4%;
}

#logo {
  position: relative;
  top: 10px;
  left: 0;
  width: 100%;
  max-width: 300px;
  height: auto;
}

#footer {
  width: 100%;
  height: auto;
  position: relative;
  text-align:right;
  font-size: 10px;

}
  /* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-width : 600px) {
     body {
         margin:0px;
 		 padding:0px;
     	}
    #content {
	margin:0px;
  	padding:0px;
	width:100%;
	position: relative;
	background-color: white;
  	top: 0px;
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}
}