@charset "UTF-8";
/* CSS Document */

html, body {
  height: 100%;
  max-width: 100%;
  color: #212529;
}
.header {
    background-color: #212529;
}
.navbar {       
    height: 100px;          /*--------- together with @media (max-width: 991px) #navbarNav top------------*/
    padding-left: 5px;
    padding-right: 5px;
}
@media only screen and (max-width: 991px) {
    #navbarNav {
        position: fixed;
        top: 100px;
        left: 0px;
        transition: .5s linear;
        text-align: center;
        width: 100%;
        height: 100%;
        padding-top: 30px;
        font-size: 125%;
    }
    .dropdown-menu {
        font-size: 90%;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }
}
@media (min-width: 576px) { 
    .navbar {
    padding-left: 5px;
    padding-right: 5px;
    }
  
}
@media (min-width: 768px) { 
    .navbar {
    padding-left: 5px;
    padding-right: 5px;
    }
}
.dropdown-menu {
        /* text-align: center; */
        align-items: center;
        width: auto;
        text-align: center;
        transition: .25s linear;
    }

/* ------------------------------------- */
.navbar-toggler {
    width: 30px;
    height: 20px;
    position: relative;
    transition: .5s ease-in-out;
}
.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
    border: 0;
    position: relative;
}
.navbar-toggler span {
    margin: 0;
    padding: 0;
}
.toggler-icon {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #FFFFFF;
    border-radius: 1px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}
.middle-bar {
    margin-top: 0px;
}
/* State when the navbar is collapsed */
.navbar-toggler.collapsed .top-bar {
    position: absolute;
    top: 0px;
    transform: rotate(0deg);
}
.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
    position: absolute;
    top: 10px;
    filter: alpha(opacity=100);
}
.navbar-toggler.collapsed .bottom-bar {
    position: absolute;
    top: 20px;
    transform: rotate(0deg);
}
/* when navigation is clicked */
.navbar-toggler .top-bar {
    top: inherit;
    transform: rotate(135deg);
}
.navbar-toggler .middle-bar {
    opacity: 0;
    top: inherit;
    filter: alpha(opacity=0);
}
.navbar-toggler .bottom-bar {
    top: inherit;
    transform: rotate(-135deg);
}
/* ------------------------------------- */
.emptynav {
    width: 100%;
	height: 100px;
	margin-top: 0;
	/* z-index: -1; */
}
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 6%; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: darkgray;
  opacity: 0.6;
  /* Set a background color */
  /*background-color: red;*/ /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}
#myBtn:hover {
  background-color: #212529; 
  opacity: 0.6;
  /* Add a dark-grey background on hover */
  /*background-color: #555;*/ /* Add a dark-grey background on hover */
}
.col-12 {
	padding: 0%;
	}
@media (min-width: 1400px) {
    .row {
    max-width: 1400px;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
  }
    .navbar {
    max-width: 1400px;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
  }
    .footerdark {
    max-width: 1400px;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
  }
}
.biotext {
  text-align: center;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
  }
@media (min-width: 576px) { 
.biotext {
  text-align: center;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  }
}

@media (min-width: 768px) { 
.biotext {
  text-align: center;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
  }
}
.introimage {
  text-align: center;
  height: auto;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
  }

  .picture{
    width:60%;
  }

.footerdark {
	/*position: auto;*/
	/*min-height: 100%;*/
	font-size: 70%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 70px;
	padding-bottom: 20px;
	/* color: #444143; */
    /* background-color: rgba(0,0,0,0.0); */
}

/*----------------- title single ---------------------*/
.titlesingle {
	font-size: 128%;
  /* color: #444143; */
  text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
  height: 80px;
	/* background-color: antiquewhite; */
}
.containergallery {
	margin-left: 0.8rem;
  margin-right: 0.8rem;
	/* background-color: mediumaquamarine; */
	}
.contimg {
  position: relative;
 /* width: 50%;*/
 background-color: #000000;
}
.contimg:hover .imagem {
  opacity: 0.6;
  /* opacity: 0.2; */
}
.contimg:hover .middle {
  opacity: 1.0;
}
.imagem {
  opacity: 1.0;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
   /* transition: none; */
  backface-visibility: hidden;
}
.middle {
  transition: .2s ease;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
	/*display: flex;*/
	/*width: auto;*/
}
.text {
  background-color: none;
  color: white;
  font-size: 110%;
  text-shadow: 1px 1px 1px black;
  /*padding: 16px 32px;*/
}
/*---------------------------------------------------*/
.gallerylinks {
	font-size: 90%;
	padding-top: 30px;
	padding-bottom: 25px;
  width: 100%;
	/*padding-left: 3rem;*/
	/*padding-right: 3rem;*/
}
#boxleft {
	/* background-color: aqua; */
	/* min-height: 50px; */
	float: left;
}
#boxleft a {
	color: #212529;
  text-decoration: none;
}
#boxleft a:hover {
	color: darkgray;
}
#boxright {
	/* background-color: beige; */
	/* min-height: 50px; */
	float: right;
}
#boxright a {
	color: #212529;
  text-decoration: none;
}
#boxright a:hover {
	color: darkgray;
}

/*---------------------------------------------------*/

.form-check-input:checked {
  background-color: #6c757d;        /* ---------------- Send me a copy of this nessage ---------------- */
  /* background-color: #0d6efd; */      
  border-color: #6c757d;
  /* border-color: #0d6efd; */
}

/*---------------  mailto --------------------*/
a[href^="mailto:"]
{ 
  color: #212529;
  text-decoration: none;
}
a:hover[href^="mailto:"]
{ 
  color: darkgray;
  text-decoration: none;
}

.h5 {
  color: #212529;
  font-size: 128%;
  font-weight: normal;
}

/*------------------------------*/
.card {
  	padding: 10px;
	width: 80%;
	/* margin: 0px 0px 10px 0px; */
  align-items: center;
  margin-left: auto;
  margin-right: auto;
 }