/* ---------------- MOBILE ---------------- */
@media screen and (max-width: 1279px) {

body{
  margin:0;
  padding:0;
  background:black;
  color:white;
}



/* Force all text to white */

h1,h2,h3,h4,h5,h6{
  color:white;
  position:static;
  text-align:center;
}

p{
  color:white;
  text-align: center;
  font-size: 18px;
}

a{
  color:white;
  text-decoration: none;
}

li{
  font-size: 16px;
}

h4, h5, p2, h6{
  font-size: 30px;
}

p3{
  font-size: 18px;
}

/* ---------------- HEADER ---------------- */

header{
display:flex;

align-items:center;
padding:20px;
background:black;

}


/* ---------------- GENERAL MOBILE LAYOUT ---------------- */

.fixed-width,
.fixed-width2,
.fixed-width3,
.fixed-width4,
.fixed-width5,
.fixed-width6,
.fixed-width7{
  width:100%;
  padding:20px;
  box-sizing:border-box;
  flex-direction:column;

}

.PictureMe{
  position:static;
  width:200px;
  height:auto;
  margin:20px auto;
}

.paragraph{
  position:static;
  width:100%;
  text-align:center;
}

.ProjectImage,
.ProjectImage2,
.ProjectImage4{
  width:100%;
  height:auto;
  position:static;
  margin-bottom:20px;
}

.paragraph1,
.paragraph2{
  position:static;
  width:100%;
}

}