*{ 
  box-sizing: border-box;
  margin: 0%;
  padding: 0%;

}

.badge{ 
   height:250px; 
}


#logo{ 
    width: 100%;
  height:250px;
      box-shadow: #D6E0E2;  
}

#touchdesigner2{ 
  width: 100%;
  height: 500px;

}

#logo2{ 
    width: 100%;
  height:400px;

}

#socialmedia{ 

  height:250px;
}
.wayfinding{ 
  height: 400px;
}
.exhibit{ 
  width: 250px;
}
#poster{ 
  height: 100%;
    width: 400px;
}

.promo{ 
  height: 100%;
    width: 400px;
}

#invitation{ 
  height: 100%;
  width: 400px;
}
.pamphlet{ 
  height: 250px;
}
#welcome{ 
  height: 250px;
}

#touchdesigner{ 
  width: 50%;
  padding: 20px;
  
}
html{ 
    scroll-behavior: smooth;

}



p{ 
    font-family: "comfortaa-uniquifier";
    font-size: 15px;
    font-style: bold;
}

.gif{ 
   background-image: url(../imgs/newgif.gif);
  background-repeat: no-repeat;
  background-size: 220%;

}

header{ 
    background-color: #5E6C5B;
    color: #FDFCF7;
     width: 100%; 
    height: 100%;
    padding: 30px;
    font-family: "comfortaa"; 
    min-height: 100%;
}

nav ul li{ 
  display: inline-block;
  margin-right: 40px;
  font-size: 15px;
  font-family: "comfortaa";
  padding-top: 1rem;
  scroll-behavior: smooth;
  text-align: center;
}

nav a{ 
  color: #FDFCF7;
  border-radius: 0%;
  text-align: center;

}

#button{ 
 margin-left: 20px;
  border-radius: 20px;
  padding: 15px;
  background-color: #5E6C5B;
  color: #FDFCF7;
  font-family: "comfortaa";
  font-size: 13px;
margin-top: 15px;

  
}

#button2{ 
  margin-left: 20px;
  padding: 15px;
  border-radius: 20px;
  background-color: #FDFCF7;
  color: #5E6C5B;
  font-family: "comfortaa";
  font-size: 13px;
margin-top: 15px;

  
}
#Home{ 
    
  color: #5E6C5B;

}

#About{ 
  color: #5E6C5B;
  /* background-color: #FDFCF7; */
}

#Process{ 
  background-color: #5E6C5B;
width: 100%;
height: 100%;
min-height: 100%;
padding: 35px;
color: #FDFCF7;


}

#Service{ 
  background-color: #5E6C5B; 
  color: #FDFCF7;
  border-color: #D6E0E2;
  border-width: 15px; 
  border-style: solid;
}
#Contact{ 
  /* background-color: #FDFCF7; */
  background-color: #5E6C5B;
  color: #FDFCF7;
  width: 100%;
height: 100%;
min-height: 100%;
padding: 35px;

}

#exhibit{ 
  width: 40%;
}

#links{ 
    color: #FDFCF7;
padding: 35px;
font-family: "comfortaa";
font-size: 25px;
}


h1{ 
    font-family: "coda";
    font-size: 50px;
    padding: 15px;
}

h2{ 
  font-family: "comfortaa";
  color: #FDFCF7;
  padding: 15px;
  font-size: 30px;
  
}

h3{ 
  font-family: "comfortaa";
  color: #5E6C5B;
  padding: 15px;
  font-size: 25px;
  font-style:oblique;
  
}

h4{
    font-family: "comfortaa";
  color: #5E6C5B;
  padding: 15px;
  font-size: 17px;
}

img{ 
  padding: 20px;
}
p{ 
  font-family: "comfortaa";
  font-size: 20px;

 line-height: 28px;
 text-align: left;
 padding: 20px;
}
footer{ 
  text-align: center;
  font-size: 20px;
}




.coda-regular {
  font-family: "Coda", system-ui;
  font-weight: 400;
  font-style: normal;
}

.coda-extrabold {
  font-family: "Coda", system-ui;
  font-weight: 800;
  font-style: normal;
}


.comfortaa-uniquifier {
  font-family: "Comfortaa", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
}