.gallery-container h1 {
    text-align: center;
    margin-top: 70px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 6vw;
    color: #000;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 10px auto;
   font-size: 3vw;
    color: #85878c;
}

    .containere {
      padding: 80px;
    }

body {
	background-color: #fff;
	overflow-x: hidden;
	/* horizontal */
}

a {
	color: #FF10F0;

}

a:active {
    color: #FF10F0;

}

a:visited {
	color: grey;
}

a:hover {
	color: darkblue;
}



img { max-width: 70%;}

@font-face {
    font-family: 'pp_woodlandultralight';
    src: url('ppwoodland-ultralight-webfont.woff2') format('woff2'),
         url('ppwoodland-ultralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.text2 {
    font-size: 30px;
    font-weight: 100;
    font-family: 'pp_woodlandultralight';
    font-style: italic;
    line-height: 1em;
   padding-right: 100px;
   padding-left: 100px;
}

.copy {
 font-size: 1.3vw;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 250;
  padding:50px;
  line-height: 1.2em;
}



/* Responsive layout */
@media screen and (max-width: 600px) {
    
    /* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
    div.text2 {
        font-size: 12px;
        padding-left: 20px;
        padding-right: 20px;
    }

      div.copy {
        font-size: 15px;
          font-weight: 500;
            font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
            padding-right: 20px;
            padding-left: 20px;
    }

 .containere {
      padding: 10px;
    }


img { max-width: 100%;}


    /* If the screen size is 600px wide or less, the two columns stack on top of each other instead of next to each other */
    .column {
        width: 100%;
    }
}