html {min-height: 100%}


body {background-color: black; background-size: cover;}


.logo {
	 max-width: 8%; 
	 height: auto;
	 min-width: 2%;
	 position: absolute;
	 padding: 0px 0px 0px 50px
	 }

.TheObserver {
	text-align: center;
	color: #0d651d;
	text-transform: capitalize;
	z-index: 1}

.Writer {
	text-align: center; 
	color: #0d651d; 
	text-transform: capitalize}

.Shipping {
	text-align: center; 
	color: #0d651d; 
	text-transform: capitalize}
			 
table, th, td {text-align: center; border: 1px solid #ddd; padding: 12px;}
table {border-collapse: collapse; width: 100%}
td {background-color: #dcf2ff}

.FAQ {text-indent: 50px}

ul.navigation {
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #2300ff;}

ul.navigation li {float: right;}

li a, .dropbtn {
				 display: inline-block;
   				 color: white;
   				 text-align: center;
   				 padding: 14px 16px;
   				 text-decoration: none;
   				 }

li a:hover, .dropdown:hover .dropbtn {
    									background-color: #a8f39d;}

li.dropdown {
    			display: inline-block;}

.dropdown-content {
   					 display: none;
   					 position: absolute;
   					 background-color: #f9f9f9;
   					 min-width: 160px;
   					 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   					 z-index: 1}

.dropdown-content a {
   					 color: black;
   					 padding: 12px 16px;
   					 text-decoration: none;
   					 display: block;
   					 text-align: left;}

.dropdown-content a:hover {background-color: #f1f1f1}


.dropdown:hover .dropdown-content {
    								display: block;}

ul.navigation li.mobileicon {display: none;}

@media screen and (max-width:680px) {
  ul.navigation li:not(:first-child) {display: none;}
  ul.navigation li.mobileicon {
    display: inline-block;
  }
}

  ul.navigation.responsive li {
    float: none;
    display: inline;
  }
  ul.navigation.responsive li a {
    display: block;
    text-align: left;
  }

.Order {text-align: center; color:#0d651d; align-content: center}

.copyright {background-color: #dcf2ff; clear: both; text-align: center}

.Instagram {height: 25px; width:auto}
.Youtube {height: 25px; width:auto}