* {
  box-sizing: border-box;
}
:root {
  --white: #ffffff;
  --gray1: #333333;
  --gray2: #555555;
  --gray3: #cccccc;
  --gray4: #dbd8d8;
  --black: #080808;
  --teal: #006060;
  --lightteal: #008080;
  --purple: #800080;
  --navy: #000080;
  --cyan: #17a2b8;
  --violetred: #e97ec1;
  --red: #ff0000;
  --orange: #faa810;
  --green: #006400;
  --yellow: #cdd73a;
  --purple1: #874feb;
  --lightgreen: #4ffe75;
  --darkpurple: #6ce8f6;
  --purple3: #7a21d4;
  --lightsky: rgb(241, 248, 254);
  --lightwhite: #f8f9fa;
  --lightgray:rgba(0,0,0,0.2);
  --lightgray1: rgba(0,0,0,0.19);
}
body {
  font-size: 1.2em;
  color: var(--gray1);
  margin: 0;
  width: 100%;
  font-family: "Raleway";
}
.sectionHeading {
  padding-top: 45px;
  padding-bottom: 20px;
  text-align: center;
  color: var(--teal);
  font-family: Raleway-extrabold;
  font-size: 3rem;
  font-variant: small-caps;
  font-weight: 900;
  line-height: 26.4px;
}
@media (max-width:400px) {
  .sectionHeading{
    font-size: 180%;
  }
  
}