/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

html,body{
height: 100%;
}

body{
margin:0;
padding:0;
background:#000;
font-family:"Helvetica Neue",Helvetica, Arial;
}

h2{
  color: white;
  margin-top: 35px;
  font-family: constantia;
  font-weight: 900;
  font-size: 21px;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}

a{
  color: white;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}


div#content {
  padding-right: 10%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 35px;
}

.box-big-images{
  align-items: stretch;
  width: 70%;
}

.box-images{
  margin-top: 35px;
  display: flex;
  align-items: stretch;
  width: 70%;
  justify-content: center;
}

#box-big-buttons{
  display: flex;
  flex-direction: row;
}

#last-box{
  padding-bottom: 100px;
}

.big-img-gallery{
  margin-top: 35px;
}

.img-gallery{
    width: 100%;
}

.section-img{
  flex-grow: 1;
  flex-basis: 0;
}

#section1{
  padding-right: 17px;
}

#section2{
  padding-left: 17px;
}


/* Debug Safari */
img {
  align-items: start;
}

img{
   width: 100%;
 }

section, .box-images{
  min-height: -webkit-fit-content;
}