.wrapper {
  max-width: 1200px;
  margin: 0px auto;
}
.flex {
  display: flex;
  flex-wrap: wrap;
}
img {
  max-width: 100%;
  max-height: 100%;
}
a {
  display: inline-block;
}
section {
  position: relative;
}
.left {
  max-width: 570px;
  margin: 20px;
}
.right {
  max-width: 570px;
  margin: 20px;
}
h1 {
  margin: 0px;
  padding: 0px;
  font-size: 36px;
  font-weight: 700;
}
h2 {
  margin: 0px;
  padding: 0px;
  font-size: 23px;
  font-weight: 500;
}
p {
  font-size: 18px;
}
/***************************************************************************************
****************************************************************************************
***************************************************************************************/
#life-top .flex {
  justify-content: space-around;
  align-items: center;
  color: white;
}
#life-top .date {
  margin-top: 0px;
  margin-bottom: 0px;
}
#life-top .city {
  margin-top: 0px;
  font-size: 16px;
  font-weight: 300;
}
#life-top .date-city {
  margin-bottom: 100px;
}
#life-top h1 {
  font-size: 56px;
  color: orange;
  text-shadow: 2px 2px 2px #226d72;
}
#life-top h3 {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 24px;
}
#life-top .links {
  margin-top: 80px;
}
#life-top a {
  font-size: 24px;
  color: white;
  text-transform: uppercase;
  border: 2px solid white;
  padding: 10px 30px;
  margin-right: 20px;
  border-radius: 10px;
  transition: 0.5s;
  box-shadow: 0px 0px 0px black;
  background: linear-gradient(0deg, #246d76, transparent);
}
#life-top a:hover {
  box-shadow: 0px 10px 15px #00000078;
  background: #246d76;
}
/********************************************************************************
*********************************************************************************
********************************************************************************/
#prog h3 {
  font-size: 32px;
  text-align: center;
  text-transform: uppercase;
}
#prog .item {
  margin: 20px;
  max-width: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#prog img {
  margin-right: 20px;
  max-width: 100px;
}
/********************************************************************************
*********************************************************************************
********************************************************************************/
#avt {
  background: #4f5d73;
  color: white;
}
#avt .left img {
  max-width: 110px;
}
#avt .left .flex p {
  max-width: 400px;
  margin: 0px 15px;
}
#avt h3 {
  font-size: 34px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: 700;
}
#avt p {
  font-weight: 300;
}
#avt .right {
  margin: 0px;
}
#avt .right img {
  box-shadow: 0px 0px 50px black;
}
#avt .wrapper {
  justify-content: center;
  align-items: center;
}


@media screen and (max-width: 600px) {

	#life-top h1 {
	    font-size: 40px;
	    color: orange;
	    text-shadow: 2px 2px 2px #226d72;
	    word-break: break-all;	}
	    #life-top a {
	        margin-bottom: 10px;}

	#life-top .photo {display: none;}
}