*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: sans-serif;
}

.menu-container {
display: flex;
justify-content: center;
color: #fff;
background-color: #5995DA;
padding: 20px 0;
}

.menu {
display: flex;
justify-content: space-around;
/* border: 1px solid #fff; */
width: 900px;
}

.menu-item a{
text-decoration: none;
color: #fff;
padding: 20px 10px;
}

.menu-item a:hover{
  background-color: #D6E9FE;
  color:#D8315B;
}

.links{
border: 1px solid #fff; /* For debugging */
display: flex;
justify-content: flex-end;
}

/* .login{
margin-left: 20px;
margin-right: 20px;
} */

.header-container {
color: #5995DA;
background-color: #D6E9FE;
display: flex;
justify-content: center;
}

.header {
width: 900px;
height: 300px;
display: flex;
justify-content: space-between;
align-items: center;
}

.photo-grid-container{
display: flex;
justify-content: center;
}

.photo-grid {
width: 900px;
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: row-reverse;
align-items: center;
}

.photo-grid-item{
border: 1px solid #fff;
width: 300px;
height: 300px;
}

.social,
.subscribe {
align-self: flex-end;
justify-content: center;
margin-bottom: 20px;
}

.footer{
display: flex;
justify-content: space-between;
}

.footer-item{
border: 1px solid #fff;
background-color: #D6E9FE;
height: 200px;
flex: 1;
}

.footer-two{
flex: 2;
}

.footer-one,
.footer-three{
background-color: #5995DA;
flex: initial;
width: 300px;
}

.signup{
margin-left: auto;
}

hr{
border:.5px solid red;
}