@charset "utf-8";

  .top-nav{
    -webkit-box-shadow:0px 8px 10px 0px #ddd;
     -moz-box-shadow:0px 8px 10px 0px #ddd;
      -o-box-shadow:0px 8px 10px 0px #ddd;
       box-shadow:0px 8px 10px 0px #ddd;
  }
 
 .top-nav button{
  color:black;
  font-size:35px;
  padding:8px;
  font-weight:bold;
 }

 .top-nav button:focus{
  outline:none;
 }

  .nav-menu li a{
    color:white;
    font-size:18px;
    font-family:sans-serif;
  }

 


	
	@media(min-width:768px)
	{
		#domain{
    color:black;
    font-size:25px;
    font-family:sans-serif;
    font-weight:bold;
  }

   .nav-menu li{
    border-radius:8px;
    margin-left:15px;
    padding:0px 10px;
  }

#footer{
  width:100%;
  height:200px;
  -webkit-box-shadow:0px 0px 5px 0px black;
  -moz-box-shadow:0px 0px 5px 0px black;
  -o-box-shadow:0px 0px 5px 0px black;
  box-shadow:0px 0px 5px 0px black;
  padding:10px;
}


		
	}

	@media(max-width:768px)
	{
		
	#domain{
    color:black;
    font-size:16px;
    font-family:sans-serif;
    font-weight:bold;
  }

   .nav-menu li{
    border-radius:8px;
    margin-left:15px;
    padding:0px 10px;
    margin-top:15px;
  }

  #footer{
  width:100%;
  height:400px;
  -webkit-box-shadow:0px 0px 5px 0px black;
  -moz-box-shadow:0px 0px 5px 0px black;
  -o-box-shadow:0px 0px 5px 0px black;
  box-shadow:0px 0px 5px 0px black;
  padding:10px;
}

  #adds{
    padding:0;
    margin-bottom:25px;
  }

  #ltadds{
    margin-bottom:25px;
  }



	}