body {
background-color: #f2f2f2;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-family: Roboto, arial, sans-serif; 
color: #1A1A0A}

a {
color: #307969;
text-decoration: none;
}

header {
  background-color: #232323;
  width: 100%; }

.line{
  margin-top: 1vw;
  border-bottom: 1px solid rgba(10,10,10,0.3);
  width: 92vw;
  margin-left: 4vw;
}

.header-line,
.header-list{
  width:92vw;
  height:max-content;
  display:flex;
  margin-top:3vh;
  margin-left:4vw;
  background-color:rgba(10,10,10,0.1);
}
.header-line{
  background-color:transparent;
  margin-top: 1vw;
  margin-left:0;
}

.desktop{
  margin:auto;
  padding: 1.5vh 0;
}

.smartphone{
  display:none;
  margin:auto;
  padding: 1.5vh 0;
}

@media (hover:none), (pointer:none), (pointer:coarse) {
.header-list{
  width: 100vw;
  height: max-content;
  display: flex;
  margin-top: 3vh;
  margin-left: 0; 
  background-color: rgba(10,10,10,0.1);
}

.description-line{
  padding-left: 4vw !important;
  margin-top: -3vw !important;
  font-size: 0.85em;
}

.desktop{
  display:none;
  margin:auto;
  padding: 1.5vh 0;
}

.smartphone{
  display:block;
  margin:auto;
  padding: 1.5vh 0;
}

}