.header__logo
{
float: left;
margin-top:2em;
width:50%;
margin-left:25%;
}


.header__nav
{
float: right;
width: 0px;
padding-top:1em;
}

/* Dropdown Button */
.dropbtn {
  background-color: #017282;
  color: white;
  padding: 6px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  border-radius:8px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  float: right;
  position: relative;
  top: 2px;
  right: 2%;
  display: inline-block;
  background-color: black;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  top: 35px;
  right: 0.4%;
  background-color: #c91f41;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.0);
  z-index: 1;
  border-radius:8px;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: white;
  padding: 5px 6px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #017282}

@media (min-width: 800px)
{
 	.header__logo
	{
		float: left;
		margin-top:3em;
		margin-bottom:3em;
		width:40%;
		margin-left:30%;
	}
	
	.dropbtn {
	  padding: 16px;
	  font-size: 16px;
	}

	/* The container <div> - needed to position the dropdown content */
	.dropdown {
	  top: 30px;
	}
	
	/* Dropdown Content (Hidden by Default) */
	.dropdown-content {
	  display: none;
	  position: absolute;
	  top: 55px;
	  right: 0.5%;
	  background-color: #c91f41;
	  min-width: 150px;
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	  z-index: 1;
	}
	
	/* Links inside the dropdown */
	.dropdown-content a {
	  color: white;
	  padding: 12px 16px;
	  text-decoration: none;
	  display: block;
	}
	
	/* Change color of dropdown links on hover */
	.dropdown-content a:hover {background-color: #017282}

}