body {
  font-family: Helvetica;
  font-size: 1vw;
  font-weight: 800;
  background-color: #ffffff;
  color: #090711;
  margin: 35px auto 40px auto;
  width: 1400px;
}

a {
  color: #090711;
  text-decoration: none;
  font-family: Helvetica;
  font-weight: 900;
  font-style: normal;
  font-size: .85vw;
  flex-direction: row;
  margin: auto 24px 24px 14px;
  outline: solid 4px #090711;
  outline-offset: 5px;
}

header {
  border-bottom: 12px solid #ad263c;
}

p {
  font-family: Helvetica;
  font-size: .9vw;
  font-weight: 800;
  color: #090711;
  margin: 90px 354px 175px 354px;
}

.Artist {
  font-size: 40px;
  font-weight: 400;
  display: flex;
  text-align: justify;
}

.ConsumptionInformation,
.PreservationInformation,
.BirthdayInformation,
.GreenInformation,
.SCInformation,
.ColorsInformation,
.OceanInformation,
.MiurwoodsInformation,
.BlueInformation,
.LuInformation,
.MessInformation,
.GoldenInformation,
.TerraInformation,
.QurraineInformation,
.SlaveInformation {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.ConsumptionDescriptors,
.PreservationDescriptors,
.BirthdayDescriptors,
.GreenDescriptors,
.SCDescriptors,
.ColorsDescriptors,
.OceanDescriptors,
.MiurwoodsDescriptors,
.BlueDescriptors,
.LuDescriptors,
.MessDescriptors,
.GoldenDescriptors,
.TerraDescriptors,
.QurraineDescriptors,
.SlaveDescriptors {
  font-weight: 200;
  justify-content: flex-start;
  line-height: 1.1;
  display: flex;
  flex-direction: row;
  margin: 0 0 0 45px;
}

.ConsumptionMeta,
.PreservationMeta,
.BirthdayMeta,
.GreenMeta,
.SCMeta,
.ColorsMeta,
.OceanMeta,
.MiurwoodsMeta,
.BlueMeta,
.LuMeta,
.MessMeta,
.GoldenMeta,
.TerraMeta,
.QurraineMeta,
.SlaveMeta {
  justify-content: flex-end;
}

.ConsumptionData,
.PreservationData,
.BirthdayData,
.GreenData,
.SCData,
.ColorsData,
.OceanData,
.MiurwoodsData,
.BlueData,
.LuData,
.MessData,
.GoldenData,
.TerraData,
.QurraineData,
.SlaveData {
  font-weight: 900;
  justify-content: flex-end;
  line-height: 1.1;
  display: flex;
  flex-direction: row;
  text-align: end;
  margin: 0 45px 0 0;
}

.Consumption,
.Preservation,
.Birthday,
.Green,
.SC,
.Colors,
.Ocean,
.Miurwoods,
.Blue,
.Lu,
.Mess,
.Golden,
.Terra,
.Qurraine,
.Slave {
  display: flex;
  justify-content: center;
  margin: 0 0 60px 0;
}

.ConsumptionTitle, .ConsumptionYear, .ConsumptionMedia, .ConsumptionInfo,
.PreservationTitle, .PreservationYear, .PreservationMedia, .PreservationInfo,
.BirthdayTitle, .BirthdayYear, .BirthdayMedia, .BirthdayInfo,
.GreenTitle, .GreenYear, .GreenMedia, .GreenInfo,
.SCTitle, .SCYear, .SCMedia, .SCInfo,
.ColorsTitle, .ColorsYear, .ColorsMedia, .ColorsInfo,
.OceanTitle, .OceanYear, .OceanMedia, .OceanInfo,
.MiurwoodsTitle, .MiurwoodsYear, .MiurwoodsMedia, .MiurwoodsInfo,
.BlueTitle, .BlueYear, .BlueMedia, .BlueInfo,
.LuTitle, .LuYear, .LuMedia, .LuInfo,
.MessTitle, .MessYear, .MessMedia, .MessInfo,
.GoldenTitle, .GoldenYear, .GoldenMedia, .GoldenInfo,
.TerraTitle, .TerraYear, .TerraMedia, .TerraInfo,
.QurraineTitle, .QurraineYear, .QurraineMedia, .QurraineInfo,
.SlaveTitle, .SlaveYear, .SlaveMedia, .SlaveInfo
{
  margin: auto 20px 8px 20px;
  font-weight: 600;
}

.ConsumptionInside,
.PreservationInside,
.BirthdayInside,
.GreenInside,
.SCInside,
.ColorsInside,
.OceanInside,
.MiurwoodsInside,
.BlueInside,
.LuInside,
.MessInside,
.GoldenInside,
.TerraInside,
.QurraineInside,
.SlaveInside
{
  padding-top: 43px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Bar {
  display: flex;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  text-align: justify;
}

nav {
  font-size: 20px;
  line-height: 1;
  justify-content: flex-start;
}

@media(max-width:1400px) {
  p {
    font-size: 2.25vw;
  }
  body {
    font-size: 2vw;
  }
  a {
    font-size: 1.7vw;
  }
}

@media(max-width:972px){
  p {
    font-size: 3.25vw;
  }
   body {
    font-size: 3vw;
  }
  a {
    font-size: 2.55vw;
  }
}

@media(max-width:792px) {
  p {
    font-size: 4.25vw;
  } 
  body {
    font-size: 4vw;
  }
  a {
    font-size: 3.4vw;
  }
}

@media(max-width:572px){
  p {
    font-size: 6.25vw;
  } 
  body {
    font-size: 6vw;
  }
  a {
    font-size: 5.1vw;
  }
}

@media(max-width:472px){
  p {
    font-size: 8.25vw;
  }  
  body {
    font-size: 8vw;
  }
  a {
    font-size: 6.8vw;
  }
}

@media(max-width:322px){
  p {
    font-size: 11.25vw;
  } 
   body {
    font-size: 11vw;
  }
  a {
    font-size: 9.25vw;
  }
}