@charset "utf-8";

.container {
    min-height: 600px;
    background-color: #F8F8D3;
    margin-top: 60px;
    border-radius: 20px;
    margin-bottom: 60px;
    -webkit-box-shadow: 0px 0px 20px 30px #F8F8D3;
    box-shadow: 0px 0px 20px 30px #F8F8D3;
}
h1{
	color: #4E3E34;
}
hr {
    height: 1px;
    background-color: #B19C5C;
}

body {
    background-image: url("../../images/joel-jasmin-forestbird-xzPMUMDDsfk-unsplash.jpg");
	
	height: 100%;
    background-repeat: repeat;
	
}
nav{
	font-family: arbutus;
}
footer {
    line-height: 80px;
    text-align: center;
	color: #5A2C1F;
    text-shadow: 0px 0px 5px #7D3D16;
	
}
main {
    min-height: 600px;
}


a:link{
	 color:#4E3E34; 
	font-size:12pt; 
	text-decoration:none; 
}

a:visited{
	color:#4E3E34; 
	font-size:12pt; 
	text-decoration:none;
}

.card{
    margin-top: 20%;
    border: 0.40rem solid #481E14;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 5px 2px #481E14;
    box-shadow: 0px 0px 5px 2px #481E14;
    background-image: url("../../images/ante-samarzija-xsnqASynOjg-unsplash.jpg");	
}
.form-control{
  background-color: #f8f9fa;


}

.btn-primary{
	background-color: #F4E0AC;
	color: #A26F50;
	
}

.btn-primary:hover{
	background-color: #4E3E34;
}

.main{
    background-color: #F4E0AC;
    border-radius: 20px;
    border: 1px solid #4E3E34;
    -webkit-box-shadow: 0px 0px 5px 3px #4E3E34;
    box-shadow: 0px 0px 5px 3px #4E3E34;
}
.img1 {
	
    border-radius: 50%;
}
.log{
	background-color: #F0B692;
}
.col-md-12{
	margin-top: 2%;
	margin-left: auto;
	margin-right: auto;
	width: 150px;
	height: 150px;
    border-radius: 50%;
    border: 3px solid #4F2B1F;
	 -webkit-box-shadow: 0px 0px 5px 3px #4E3E34;
    box-shadow: 0px 0px 5px 3px #4E3E34;
}

.fa-tree{
    color: #0F7425;
    margin-top:9%;
    text-shadow: 0px 0px 7px #4B200B;
}

.im1 {
  position: relative;
  
}
.im2{
	position: relative;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.im1:hover .image {
  opacity: 0.3;
}

.im1:hover .middle {
  opacity: 1;
}
.im2:hover .image {
  opacity: 0.3;
}

.im2:hover .middle {
  opacity: 1;
}
.im3:hover .image {
  opacity: 0.3;
}

.im3:hover .middle {
  opacity: 1;
}
.im4:hover .image {
  opacity: 0.3;
}

.im4:hover .middle {
  opacity: 1;
}

.text {
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}



   .hr1 {
    height: 3px;
    float: left;
    width: 40%;
}
.hr2 {
    width: 40%;
    height: 3px;
    float: right;
}

.pmain{
	float: left;
}
.imgmain{
	float: right;
}

*{
	text-align: center;
}