body {
	margin: 0px;
}

.libre-baskerville-regular {
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-style: normal;
}

.libre-baskerville-regular-italic {
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-style: italic;
}


/* Wrapper */


.wrapper {
  display: grid;
  grid-template-columns: minmax(min-content, 1200px);
  grid-auto-rows: 1fr 0.5fr 1fr minmax(min-content, auto) 1fr 3fr 4.5fr 2fr 4fr 2fr 2fr 2fr 0.5fr;
  justify-content: center;
}

* {
  box-sizing: border-box;
}

.wrapper {
  background-color: black;
  padding: 5%;
}

.wrapper > div {
  background-color: black;
  padding: 0%;
}


/* Main logo */

.image-logo {
  width: 25%;
  height: auto;
}

@media screen and (min-width: 601px) {
  .image-logo {
  width: 25%;
  height: auto;
  }
}

@media screen and (max-width: 600px) {
  .image-logo {
  width: 42%;
  height: auto;
  }
}


/* Horizontal rule */


hr {
  background-color: grey;
  height: 1px;
  Border: 0px
}


/* Video */


video {
  width: 100%;
  height: auto;
}


/* Headings */


h1 {
  Font-family:Libre Baskerville;
  color: white;
  text-align: left;
  font-size: 26px;
  font-weight: 400;
  line-height: 65%;
}

@media screen and (min-width: 601px) {
  h1 {
    font-size: 26px;
  }
}

@media screen and (max-width: 600px) {
  h1 {
    font-size: 16px;
  }
}

h2 {
  font-family:Libre Baskerville;
  color: #999999;
  text-align: left;
  font-size: 26px;
  font-weight: 400;
  line-height: 65%;
}

@media screen and (min-width: 601px) {
  h2 {
    font-size: 26px;
  }
}

@media screen and (max-width: 600px) {
  h2 {
    font-size: 16px;
  }
}


/* Paragraph Styles */


p {
  font-family: Libre Baskerville;
  color: white;
  text-align: left;
  font-size: 26px;
  font-weight: 400;
  line-height: 160%;
}

@media screen and (min-width: 601px) {
  p {
    font-size: 26px;
  }
}

@media screen and (max-width: 600px) {
  p {
    font-size: 16px;
  }
}



a:link     { font-family: Libre Baskerville; color: white; text-decoration: none; }
a:visited  { font-family: Libre Baskerville; color: white; text-decoration: none; }
a:active   { font-family: bLibre Baskerville; color: white; text-decoration: none; }
a:hover    { font-family: Libre Baskerville; color: #999999; text-decoration: underline; }





/* Footers Logos */


.footer-logo-box {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
align-content: space-around;
justify-content: space-between;
height: 200px;
margin: 25px 0px 10px 0px;
}

.item {
  width: auto;
  height: auto;
  margin: 25px 25px 25px 0px;
}

@media screen and (min-width: 601px) {
  .item {
	margin: 25px 25px 25px 0px;
  }
}

@media screen and (max-width: 600px) {
  .item {
     	margin: 10px 10px 10px 0px;
  }
}



/* Paragraph for Footer and Copyright */


.copyright-footer {
  font-family:Libre Baskerville;
  color: white;
  text-align: left;
  font-size: 17px;
  font-weight: 400;
  line-height: 160%;
}

@media screen and (min-width: 601px) {
  .copyright-footer {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .copyright-footer {
    font-size: 11px;
  }
}