* { 
font-family: "Oswald", sans-serif;

}
html, body {
  background:#f8f8f8;
  margin:0;
  padding:0;
font-family: "Oswald", sans-serif;
}

.logo img {
  width:100%;
}

/*.search {
  align-items:center;
  color:black;
}
*/

.logo {
  width:40px;
  height:35px;
}

.header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#151616;
  padding:30px;
}

.header-navigation {
  
}

.header-navigation a {
  color:#f8f8f8;
  margin-right:15px;
  text-decoration:none;
  box-sizing:border-box;
  padding:10px;
}

.header-navigation a.signin {
  background:#e3e3e3;
  color:black;
}

.header-navigation a.register {
  background:#2c2c2c;
  color:white;
}

/* New CSS Styling for Lower Section */
.hero .fashion {
    Color:#e3e3e3;
    Text-align:center;
    padding:20px 0;
    width:50%;
    margin-right:auto;
    margin-left:auto;
}
.hero {
    background:#ff69b4;
    background-image: url("photo/black-girls.jpg");
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
    text-align:center;
    height:400px;
    display:flex;
    align-items:center;
    justify-content:center;

}
.tk {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:25px;
  width:100%;
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
}

.pic , .two {
  flex: 0 0 48.5%;
}

.pic img , .two img {
  width:100%;
  max-height:750px;
}
.three {
  max-width:1200px;
  margin:0 auto;
}
.three img {
 width:100%;
  display:block; 
  margin:0 auto;
}
.four , .five {
  flex: 0 0 48.5%;
}
.four img , five img {
  width:100;
  max-height:750px;
}