/*------START------How old am I?------*/

#counter, #counter2 {
	font-weight: 400;
	text-align: center;
}
#age-photo {
	width:156px;
	height:233px;
	margin: 0px auto;
	margin-bottom: -20px;
}
#age-photo img {
	margin-top: -30px;
	border: solid 10px #f7f2eb;
	border-bottom: solid 20px #f7f2eb;
	box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.2), 1px 1px 2px 1px rgba(0,0,0,0.2); /* left right, up down, blur, size, color */
	-webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.2), 1px 1px 2px 1px rgba(0,0,0,0.2); /* left right, up down, blur, size, color */
	-moz-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.2), 1px 1px 2px 1px rgba(0,0,0,0.2); /* left right, up down, blur, size, color */
	transform: rotate(5deg) translateZ(0);
	-webkit-transform: rotate(5deg) translateZ(0);
	-moz-transform: rotate(5deg) translateZ(0);
	
}
/*------END------How old am I?------*/


/*------START------Birthdays------*/
#gallery {
	width: 900px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#gallery img{
	width: 100%;
}
#countdown, #countdown2 {
  width: 600px;
  margin: 0 auto;
}
#countdown .date, #countdown2 .date {
	min-width: 90px;
  margin: 5px;
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  display: block;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  text-align: center;
  color: #c02942;
  background-color: white;
}
#countdown .date-amount, #countdown .integer, #countdown2 .date-amount, #countdown2 .integer {
  display: block;
}
#countdown .integer, #countdown2 .integer {
  font-size: 23px;
}
#countdown .date-amount, #countdown2 .date-amount {
  font-size: 12px;
  text-transform: uppercase;
  color: #c02942;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 900px) {
	#gallery {
		width: 100%;
}
#countdown, #countdown2 {
  width: 100%;
  
}
#countdown .date, #countdown2 .date {
	min-width: 16.6%;
	margin: 0px;
}
#countdown .integer, #countdown2 .integer {
  font-size: 20px;
}
#countdown .date-amount, #countdown2 .date-amount {
  font-size: 9px;
}
}

/*------END------Birthdays------*/