/* Styles for my portal page*/
* {
  padding:0;
  margin:0;
  box-sizing: border-box;
 }

 body {
  background:lavenderblush;

 }

 #wrapper {
  max-width:1200px;
  margin:20px auto;

 }

 nav{
  height:60px;
  background:pink;
  line-height:60px;
  margin-bottom:20px;
  width:auto;
 }

 nav li {
  float:left;
  width:16.66%;
  text-align:center;
  list-style-type:none;
  font-weight:bold;
 }

 nav a {
  color:rgb(1, 10, 7);
  text-decoration:none;
}

main {
  width:62%;
  float:left;
}
 
aside {
  width:35%;
  float:right;
}

.right {
  float:right;
  margin-left:30px;
  width:200px;
}

.cupcake_logo {
  width:100%;
  margin:30px 0;
}

.top .bottom .bags {
  width:100%;
}

 /* typography */

 h1{
  text-align:center;
  font-size:3em;
  margin:20px 0;
 }

 h2{
  font-size:2em;
  text-align:center;
  margin-bottom:20px;
 }

 main h2, aside h2 {
  text-align:center;
 }

 aside {
	text-align: center;
 }

 aside h3 {
  margin-bottom:10px;
  text-align: center;
 }
 
aside li {
  margin-bottom:10px;
}

aside img{
  width:350px;
	margin-bottom: 1em;
}

footer {
  height:60px;
  line-height:60px;
  background: pink;
  clear:both;
}

footer ul{
  display:flex;
  justify-content:center;
  list-style-type:none;
}

footer li{
  justify-content:center;
  margin:0 15px;
}

/* for size_guide.php */

.size_guide{
  width:100%;
}

/* STYLES FOR MEN PAGE */

.men{
	padding: 1em;
}

.flex-container{
	display: flex;
  flex-wrap: nowrap;
	justify-content: space-around;
}

.mensItem{
	width: 150px;
	height: 250px;
	border: 1px solid black;
	text-align: center;
}

.mensImage{
	width: 75px;
	height: 150px;
}