*{
  box-sizing: border-box;
  font-family: Arial;
  margin:0px auto;
  text-decoration: none !important;
  max-width: 100%;
}
.Content{
  min-height: 55vh;
  padding-top: 5vh;
  padding-bottom: 13vh;
  text-align:center;
}
/*********************/
.spinner{
		width: 50px;
		height: 50px;
		position: fixed;
		left:48%;
		top:50%;
		transform: translate(-50%,-50%);
		border-radius: 100%;
		border: 2px solid white;
		border-top:4px solid black;
		animation: spin 2s linear infinite;
		z-index:9999;

	}
	@keyframes spin{
	from{
	transform: rotate(0deg);

	}to{
	transform: rotate(360deg);
	}
	}
	.cover{
		position: fixed;

		top:0;
		left:0;
		margin:auto;
		background-color:rgb(255,205,4);
		width:100%;
		height:100%;
		z-index:9999999999;
	}
	.image{
		width:400px;
		position: absolute;
		left:50%;
		top:40%;
		z-index:9999;
		transform:translate(-50%,-50%);

	}
	.cover img{
	position:absolute;
	}
/*************************/
*:hover,
*:focus{
  text-decoration: none !important;
}
body{
  margin:0;
  z-index:-1;
}

header{
  z-index:99999 !important;
  margin-top: 0 !important;
  background-image: url("../bg2.png") !important;
  background-size: cover;
}
#upper{
  background-image: url("../bg2.png");
  margin-top: 0 !important;
  background-size: cover;
}
  #upper img{
    height:10em;
    margin-left:15%;
    transform: translateX(50px);
  }
#upper img:last-child{
    height:10em;
  float: right;
display:none;
  }
#upper button{
  background: transparent;
  border:0;
  font-size: 2.5rem;
  position:absolute;
  margin-top: 5%;
  margin-left:3%;
}

header ul{
  top:0;
  list-style: none;
  text-align: left;
  position: fixed;
  background: rgb(50,50,50);
  color: white !important;
  width:0%;
  margin:0;
  height:100vh;
  padding-left:0%;
  overflow: hidden;
  text-decoration: none !important;
  z-index: 999999;
}
.op{
  padding:15px 30px;
  text-transform: uppercase;
}
.op:hover{
  background: rgb(80,80,80);
  cursor: pointer;
}
#close{
  font-size:2rem;
  transform: translateX(-40px);
  margin-left:100%;
  cursor: pointer;
  width:30px;
  text-align: center;
}
.social{
  display:inline-block;
  cursor: pointer;
  transform: translateX(60%);
    text-decoration: none !important;
}

.facebook{
  top:0;
  color: white !important;
  background: #3B5998;
  text-decoration: none !important;
}
.twitter {
  padding:10px 15px;
  background: #55ACEE;
  color: white !important;
    text-decoration: none !important;
}

@media (max-width: 600px){
  #upper img{
    width: 15em;
    height:auto;
  }
}
@media (min-width: 754px){
  header ul li{
    display: inline-block;
  }

}
@media (min-width: 760px){
  header #nav{
    width:100vh;
  }
  header ul{
    list-style: none;
    text-align: right;
    margin:0px auto;
    background: rgb(50,50,50);
    color: white !important;
    padding-right:15%;
    height:auto;
    width:auto;
    position:relative;
    width:100% !important;
  }
#close{
  display: none;
}
#upper button{
  display: none;
}
  .op{
    display: inline-block;
    padding:15px 30px;
    text-decoration: none !important;
  }
  .op:hover,
  .op:focus{
    background: rgb(80,80,80);
    cursor: pointer;
    text-decoration: none !important;
  }

  #upper{
    background-image: url("../bg2.png");
  }
    #upper img{
      height:5em;
      margin-left: 10%;
    }
.facebook{
  color:white !important;
  background-color: rgb(50,50,50);
  padding:10px 15px;
  margin:0;
    text-decoration: none !important;
}
.facebook:hover,
.facebook:focus{
  color:white !important;
  background: #3B5998;
  text-decoration: none !important;
}
}
@media (min-width:815px){
  #upper img:last-child{
      height:5em;
    float: right;
      margin-right: 10%;
      display: block;
    }
}
@media (min-width:1408px){
  #upper img{
    height:9em;
    margin-left: 10%;
  }
  #upper img:last-child{
      height:9em;
      float: right;
      margin-right: 10%;
      display: block;
    }
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
   position: relative;
   display: inline-block;
   padding:6px 15px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {

   position: absolute;
   background-color: #f1f1f1;
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 99999;
}

/* Links inside the dropdown */
.dropdown-content a {
   color: black;
   padding: 12px 16px;
   text-decoration: none !important;
   display: block;
   z-index: 99999;
}

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

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}