*{
	margin: 0;
	padding: 0;
	text-decoration:none;
	box-sizing: border-box;
	list-style: none;
  
  }
  
  @import url('https://fonts.googleapis.com/css2?family=Fredoka+One&family=Lobster&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap');
  header{
	  top:0;
	  right:0;
	  left: 0;
	  background-color:#f1f1f1;
	  width:100%;
	  height:100px;
	  }
  header .header-brand{
	  font-family:catamaran;
	  font-size:24px;
	  font-weight:900px;
	  font-style:bold;
	  color:#111;
	  text-transform:uppercase;
	  display:block;
	  margin:0 auto;
	  text-align: center;
	  padding:20px 0 ;
  
  }
  header nav ul{
	  display:block;
  margin:0 auto;
  width:fit-content;
  }
  header nav ul li{
	  display:inline-block;
	  list-style:none;
	  padding: 0 16px;
  }
  header nav ul li a{
	  font-family:catamaran;
	  font-size:14px;
	  color:#111;
	  text-transform:uppercase;
  }
  header .header-cases{
	  display:none;
  }
   @media only  screen and ( min-width:1000px){
	   header .header-brand{
	  margin:  31px 0 ;
	  text-align: left;
	  line-height:38px;
	  padding:0px 20px 0px 40px ;
	  border-right:3px solid #111;
	  float:left;
  }
  header .header-brand:hover{
	  color: darkcyan;
  }
  
	  header nav ul{
	  display:block;
  margin:20px 20px ;
  float:left;
  }
  
  header nav ul li a{
	  line-height:60px;
	  font-size: 24px;		
  }
  header nav ul li a:hover{
	  color: goldenrod;		
  }
  
   }
  
.main{
 background-image: url(https://media.giphy.com/media/kcy4GyN8JQihT4JtqP/giphy.gif);
 
}
/* Contact section */

#contact{
	display: grid;
	place-items: center;
	grid-gap: 5px;
}
.conatct-main{

	background-color: transparent;
}
.contact-main  h1{
	text-align: center;
  font-family: sans-serif;
  font-size: 4rem;
  margin-bottom: 30px;
}
.contact-main h3{
    color: darkgoldenrod;
  margin-bottom: 3px;
  font-family: sans-serif;
  font-size: 1.5em;
  text-shadow: 1px 2px cyan;
}
.conc-items{
	margin-bottom: 25px;
	display: flex;
	flex-direction: row; 
}

/* end of contact section */


  /* footer */
  #footer{
	  margin: auto;
	  padding: 4%;
	  height: fit-content;
	  background-color:rgba(27,31,34,0.85) ;
	  
  }
  #footer h1{
	  color: white;
	  text-align: center;
	  font-size: 2rem;
	  font-weight: bold;
	  font-family: sans-serif;
	  text-shadow: 1px 1px cyan;
	 }
	  .name{
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  font-size: 2rem;
		  letter-spacing: .2rem;
		  margin-bottom: 15px;
	  }
	  .name span{
		  color: honeydew;
	  }
	  .links{
		  font-size: 1.2em;
		  text-align: center;
	  }
	  .copy{
		  text-align: center;
		  line-height: 1.2em;
	  }

	  @media only  screen and ( min-width:500px){

	  }