/* CSS for Carmeco.com/greeninit.html
Author: Kelli Stasiak
Updated:12/02/2019*/
#intro
{
  padding-top:10vw;
  padding-left: 2vw;
  padding-right: 2vw;
  overflow: hidden;
  height:45vw;
}
#intro h1, #intro h2, #intro h3, #recycle h2
{
  text-align: center;
}
#intro h3
{
  margin-bottom: 1vw;
}
#recycle
{
  margin-left: 2vw;
  margin-right: 2vw;
  overflow: hidden;
}
#recycle li
{
  color: #bababa;
  font-family: 'Oswald', sans-serif;
  font-size: 2vw;
}
#philosophy p
{
  padding-top: 3vw;
  text-align: center;
}
#procedures h2
{
  text-align: center;
  text-decoration: underline;
}
#procedures img
{
  margin-top: 4vw;
}
#reduce, #repurpose
{
  margin-left: 15vw;
}
#reduce h2, #repurpose h2
{
  margin-left: -15vw;
}
#reduce img
{
  margin-top: 1.5vw;
}
@media print
{
  #intro
  {
    padding-top:0vw !important;
  }
  #reduce img, #repurpose img
  {
    width: 33.33333% !important;
  }
  #reduceP
  {
    width: 58.33333% !important;
  }
  #repurposeP
  {
    width: 50%;
  }
}
@media only screen and (max-width: 780px)
{
  #intro
  {
    padding-top: 15vw;
  }
}
@media only screen and (max-width: 768px)
{
  #GreenInit
  {
    font-size: 6vw;
  }
  #intro h3, #recycle h2
  {
    font-size: 5vw;
  }
  #recycle p, #recycle li
  {
    font-size: 3vw;
  }
  #recycle h3
  {
    font-size: 4vw;
  }
  #philosophy img
  {
    margin-top: 4vw;
  }
  #procedures p
  {
    width: 100%;
    clear: both;
  }
  #procedures p
  {
    text-align: left;
    clear: both;
  }
  #reduce
  {
    margin-left: auto;
  }
  #reduce p
  {
    text-align: center;
  }
  #reduce img
  {
    margin-left: 20vw !important;
    margin-top: 0;
  }
  #reduce h2
  {
    margin-left: auto;
    text-align: center;
  }
  #reuse
  {
    margin-bottom: 4vw;
    margin-left: auto;
  }
  #repurpose
  {
    margin-left: auto;
  }
  #repurpose h2
  {
    margin-left: auto;
    text-align: center;
  }
  #joeDesk
  {
    margin-left: 20vw !important;
  }
  #intro
  {
    height:60vw;
  }
  #reduce img
  {
    margin-left: 4vw;
  }
}
@media only screen and (max-width: 722px)
{
  #philosophy img
  {
    margin-left: 5vw;
  }
}
@media only screen and (max-width: 609px)
{
  #intro
  {
    padding-top: 12vw;
  }
  #GreenInit
  {
    font-size: 6vw;
  }
  #intro h3
  {
    font-size: 5vw;
  }
  #philosophy img
  {
    margin-top: 4vw;
  }
  #procedures ul
  {
    width: 100%;
  }
  #reduce p
  {
    text-align: center;
  }
}
@media only screen and (max-width: 448px)
{
  #recycle h2
  {
    font-size: 6vw;
  }
  #recycle p, #recycle li
  {
    font-size: 4vw;
  }
  #procedures h3
  {
    font-size: 5vw;
  }
}
@media only screen and (max-width: 401px)
{
  #intro
  {
    padding-top: 14vw;
  }
}