/****
** HEADER
*****/

#header {
	background: url("../../images/banner_3.jpg") center;
	background-size: cover;
	padding: 0;
}

/****
** PHOTO GALLERIES
*****/

#main {
  padding-right: 0em;
}

#photo_gallery {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 130px;
  margin-bottom: 0em;
}

#photo_gallery p {
	float : center;
	text-align:justify;
}

#photo_gallery h2 {
	float : center;
	margin-top:0em;
	margin-bottom:20px;
}

#photo_gallery h3 {
	font-size:1.15em;
	font-weight: 400;
}

#photo_gallery img {
  width : 100%;
	float : center;
	padding-left:3%;
	padding-right:3%;
	padding-bottom:3%;
}

.column_img_left a {
	text-decoration: none !important;		
	border: 0 !important;
	outline:none;
	border-width: 0px;
	outline-width:0px;
	border-bottom: none;
	margin-left: auto;		
	margin-right: auto;
}

.column_img_right a {
	text-decoration: none !important;		
	border: 0 !important;
	outline:none;
	border-width: 0px;
	outline-width:0px;
	border-bottom: none;
	margin-left: auto;		
	margin-right: auto;
}

#photo_gallery .column_bottom_bar a {
	border-width: 1.5px;
  border-color: rgba(170,170,170,1);
  color: rgba(140,140,140,1);
}

#photo_gallery .column_bottom_bar a:hover {
  color: var(--color-logo-light);
  border-color: var(--color-logo-light);
}

/****
** COLUMNS
*****/

#photo_gallery .row {
  margin-left: auto;
  margin-right: auto;
}

.column_img_left, .column_img_right {
  -ms-flex: 30%;
  flex: 30%;
  max-width: 30%;
  padding: 0px 0px;
}

#photo_gallery .column_side {
  -ms-flex: 40%;
  flex: 40%;
  max-width: 40%;
  padding-left: 0em;
  padding-right: 0em;
}

#photo_gallery .column_bottom_bar {
  -ms-flex: 100%;
  flex: 100%;
  max-width: 100%;
  padding: 0px 0px;
  text-align: center;
}

#photo_gallery .column_bottom_bar h3 {
  text-align: center;
  }

#photo_gallery .column_img_left .image_gallery img:hover {
  opacity : 0.7;
  transition: 0.3s;
}

#photo_gallery .column_img_right .image_gallery img:hover {
  opacity : 0.7;
  transition: 0.3s;
}

#side_bar_right {
	margin-top:-0.5em;
	margin-left:5%;
}

#side_bar_left {
	margin-top:-125px;
	margin-left:5%;
  margin-right:8%;
}

/****
** ARCHIVES
*****/


#archives {
  margin-top: 2.5em;
}

#archives a:hover {
  color: var(--color-logo);
  border-color: var(--color-logo-light);
}

#archives_pictures {
  margin-top: -5.5em;
}

#title_archives {
  text-align: center;
	margin-bottom:4em;
  margin-top:-1em;
}

.columns_archives {
  -ms-flex: 33.3333%;
  flex: 33.3333%;
  max-width: 33.3333%;
  padding: 0px 0px;
}

/*
.columns_archives {
  -ms-flex: 16.666%;
  flex: 16.666%;
  max-width: 16.666%;
  padding: 0px 0px;
}
*/

.columns_archives a {
	text-decoration: none !important;		
	border: 0 !important;
	outline:none;
	border-width: 0px;
	outline-width:0px;
	border-bottom: none;
	margin-left: auto;		
	margin-right: auto;
}

.columns_archives .image_gallery img:hover {
  opacity : 0.7;
  transition: 0.3s;
}

.column_bottom_bar_archives {
  -ms-flex: 100%;
  flex: 100%;
  max-width: 100%;
  padding: 0px 0px;
  text-align: center;
  margin-top: 2em;
}

.column_bottom_bar_archives a {
	border-width: 1.5px;
  border-color: rgba(170,170,170,1);
  color: rgba(140,140,140,1);
}

.column_bottom_bar_archives a:hover {
  color: var(--color-logo-light);
  border-color: var(--color-logo-light);
}

/****
** ADAPTIVE
*****/

@media (max-width: 1280px) {

  #photo_gallery {
    margin-top: 100px;
  }

  #side_bar_left {
    margin-top:-110px;
  }
}

@media (max-width: 1080px) {

  #photo_gallery {
    margin-top: 100px;
  }

  #side_bar_left {
    margin-top:-110px;
  }
}

@media (max-width: 820px) {

  #side_bar_left {
    margin-top:-80px;
    margin-left:4%;
    margin-right:4%;
  }

  #photo_gallery .column_img_left {
    margin-top: 20px;
    -ms-flex: 50.0%;
    flex: 50.0%;
    max-width: 50.0%;
    padding-left: 4%;
    padding-right: 0%;
  }

  #photo_gallery .column_img_right {
    margin-top: 20px;
    -ms-flex: 50.0%;
    flex: 50.0%;
    max-width: 50.0%;
    padding-left: 0%;
    padding-right: 4.0%;
  }

  #photo_gallery .row {
    padding-left: 0%;
    padding-right: 0%;
  }

  #photo_gallery .column_side {
    -ms-flex: 100.0%;
    flex: 100.0%;
    max-width: 100.0%;
  }

  #photo_gallery .column_bottom_bar {
    margin-top: 20px;
  }

}

@media (max-width: 736px) {
  #side_bar_left {
    margin-top:-50px;
  }

  .columns_archives {
    -ms-flex: 33.333%;
    flex: 33.333%;
    max-width: 33.333%;
    padding-left: 1%;
    padding-right: 1%;
  }

  /*
  .columns_archives {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
    padding-left: 10%;
    padding-right: 10%;
  }
  */

  .columns_archives img {
    margin-bottom: 10px;
  }

  #title_archives {
    margin-bottom:5em;
    margin-top:1.6em;
  }
}

@media (max-width: 480px) {

  #side_bar_left h2{
    text-align: left;
  }

  #side_bar_left {
    padding-left: 4%;
    padding-right: 4%;
  }

  #photo_gallery .column_img_left {
    margin-top: 20px;
    -ms-flex: 100.0%;
    flex: 100.0%;
    max-width: 100.0%;
    padding-left: 5%;
    padding-right: 5%;
  }

  #photo_gallery .column_img_right {
    -ms-flex: 100.0%;
    flex: 100.0%;
    max-width: 100.0%;
    padding-left: 5%;
    padding-right: 5%;
  }

  #photo_gallery .column_bottom_bar .button {
    margin-left:auto;
    margin-right:auto;
    width : 60%;
  }

  .columns_archives {
    padding-left: 5%;
    padding-right: 5%;
  }

  #archives_pictures {
    margin-top: -6em;
  }

  #title_archives {
    margin-bottom:5.8em;
    margin-top:2em;
  }

  .columns_archives {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
    padding-left: 1%;
    padding-right: 1%;
  }

}