@charset "utf-8";
/* CSS Document */
.content {
  flex-direction: column;
  align-items: center;
  align-self: center;
  margin-top: 2vw;
}
.terrabanner {
  width: 70vw;
  height: 40vw;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("terrabanner.png");
  margin-bottom: 1vw;
}
.terralogo {
  width: 70vw;
  height: 50vw;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("terralogo.png");
  margin-bottom: 1vw;
}
.terraabout {
  width: 70vw;
  height: 50vw;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("terraabout.png");
  margin-bottom: 1vw;
}

.terraad {
  width: 70vw;
  height: 50vw;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("terraadbg.png");
  margin-bottom: 1vw;
}
.terraweb {
  width: 70vw;
  height: 50vw;
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("terraweb.png");
  margin-bottom: 1vw;
}

.terrasocialmedia{
  width: 70vw;
  height: 34.5vw;
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("terrasocialmedia.png");
  margin-bottom: 1vw;
}
.terracolors{
  width: 70vw;
  height: 48vw;
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("terracolors.png");
  margin-bottom: 1vw;
}

.terratypography{
  width: 70vw;
  height: 48vw;
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("terratypography.png");
  margin-bottom: 1vw;
}

.terrapackaging{
  width: 70vw;
  height: 48vw;
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("terrapackaging.png");
  margin-bottom: 1vw;
}
.terrashapesandpatterns{
  width: 70vw;
  height: 48vw;
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("terrashapespatterns.png");
  margin-bottom: 1vw;
}
.terrasubmark{
  width: 70vw;
  height: 48vw;
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("terrasubmark.png");
  margin-bottom: 1vw;
}
@media screen and (max-width : 600px){
  .content {
    flex-direction: column;
    align-items: center;
    max-width: 93%;
    width: 93%;
  }
  .terrabanner {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 61vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
  .terraad {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 61vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
  .row {
    flex-direction: column;
    width: 100%;
  }
  .terralogo {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 62vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
  .terrasubmark {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 60vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
  .terracolors {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 60vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
	  .terratypography {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 60vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
	  .terrashapesandpatterns {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 60vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
	  .terrapackaging {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 60vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
	  .terrasocialmedia {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 44vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
	  .terraweb {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 66vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
}