/* Importing Google font - Open Sans */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;40 ;500;600;700&display=swap');

.body h1{
 font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  font-weight: 300;
color: white;
}

.logo {
 padding-left: 15px;
 font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  font-weight: 400;
color: dark-grey;
}

.titlebar {
  
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  /* max-width: 540px; */
  background-color: darkslateblue;
}

h1 {
  font-family: 'Open Sans', sans-serif;
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
color: white;
}

.main {
  font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  font-weight: 300;
  color: black;
  padding: 15px;
  max-width: 540px;
}


.sub {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
}
.footer {
  position: relative;
  bottom: 0;
  /* top: 20%; */
  left: 0%;
  transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  max-width: 100%;
  width: 100%;
  /* background: #10182F; */
  /*background: #2f4f4f;*/
  background-color: darkslateblue;

  border-radius: 0px;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin: 0;	
  padding: 15px;
  box-sizing: border-box;
/* FONT */
/*   font-family: 'Open Sans', sans-serif;
  color: white;
  font-size: 1.2rem;
  font-weight: 200; */
}

.footer p {
 font-family: 'Open Sans', sans-serif;
  margin: 0px 0px;
  color: white;
 /*  max-width: 300px; */
  font-size: 1rem;
  font-weight: 200;
}

@media (max-width: 768px) {
  .footer {
    position: relative;
    bottom: 0;
    left: 0;
    transform: none;
    width: 100%;
    border-radius: 6;
  }
}