/*-----------------------------MOBILE STYLES-------------------------------------*/
body
{
  font-family: "Montserrat", sans-serif;

  font-weight: 300;
  font-style: normal;
  line-height: 1.4;  /* leading */
  color: #444; 
  background-image:url(../img/edited/background-phone.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.baumans-regular {
  font-family: "Baumans", system-ui;
  font-weight: 400;
  font-style: normal;
}

h1 { font-size: 3.5em; }

h2 
{
  font-size: 3em; 
  font-family: "Baumans", system-ui;
  font-weight: 400;
  font-style: normal;
  color: #FBCE53;
}

h3 
{ 
  font-family: "Special Gothic Condensed One", sans-serif;
  font-size: 2em; 
  font-weight: 400;
  font-style: normal;
  color: #381406;
  text-align: center;
}
h4 { font-size: 1.6em; }
h5 { font-size: 1em; }
p { font-size: 0.9em; }
small { font-size: 0.7784em; }

h1 
{ 
    margin: 2rem 0 1rem 0;
    text-align: center;
}

h2 { margin: 1rem 0 1rem 0; }
h4 { margin: 2rem 0 1rem 0; }
h5 { margin: 2rem 0 1rem 0; }
p  { margin: 0 0 1rem 0; } 
small { margin: 2rem 0 1rem 0;}

footer::before
{
  content: url(../img/edited/minitom.gif);
  width: 12px;
}
.gwd h2 
{
    font-size: 2.5rem; 
}

header
{
padding: 1rem;
text-align: center;


}
#jac-logo
{
    width: 30%;
    display: block;
    margin: 0 auto;
   
}

#earth-day-logo
{
    margin: 0 auto;
    width: 60%;
    margin-left: 6rem;
}




h1,h4,h5,h6 
{
font-family: "Special Gothic Condensed One", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.1;  
  color: #6D5C2C;
}
.wrapper
{
padding: 0.5rem;
}

section
{
    margin: 0 0 1rem 0; 
}

.giveaway
{
padding: 1rem;
}
.giveaway img
{
    width: 40%;
    display: block;
    margin: auto;
}
.flex-container
{
  border: 0.5px solid #903e15c1;
  padding: 0.5rem;
  background-color: #f5f2e0;
  box-shadow: 3px 3px #c8ac4f8c, 8px 8px #fbdecb41;
  padding: 1rem;
  margin: 0 3.25rem;

}

.column 
{

padding: 1rem;
}

.two
{
color: rgb(28, 57, 28);
}

img
{
    width:50%;
    display: block;
    margin: auto;
}

.macmarket img
{
    width: 20%;
}
.logos .two 
{
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 10px;
}
.logos > div 
{
  padding: 5px;
 
}
.earthday .flex-container 
{
    display: flex;
    flex-wrap: wrap;
    gap: 0.50rem;
    margin: 0 4.25rem;

}

.earthday .flex-container img
{
    width: calc(100% / 9);  
    width: 14%;

}

footer {
text-align: center;
color: #6D5C2C;
}








/*----------MEDIA -----------*/

/*----------Tablet Style-----------*/
@media only screen and (min-width: 375px) 
{
    body 
    {
      background-image:url(../img/edited/backg-tab.svg);
      background-repeat: no-repeat;
      background-size: cover;
    }
    #earth-day-logo 
    {
        margin: 0 auto;
        width: 50%;
        margin-left: 10rem;
    }
    
}
  
  /*----------Desctop Style-----------*/
  @media only screen and (min-width: 675px) 
  {
    body 
    {

      background-image:url(../img/edited/backg-des.svg);
      background-repeat: no-repeat;
      background-size: cover;
    } 

    header{
      max-width: 1000px;
      margin: 0 auto;
    }

    .wrapper{
      max-width: 1000px;
      margin: 0 auto;
    }
.giveaway img
   { 
    width: 50%;
  display: block;
  margin: auto;
    }

    #earth-day-logo 
  {
      margin: 0 auto;
      width: 50%;
      margin-left: 16rem;
  }


  }