html{  
  opacity: 0.9;
  height: 100%;
  bottom: 0;
overflow: hidden;

}
body{ 
  background-color:  #aac3df;
      /*background-color:  #88a461; */
  background-position: center;
  background-repeat: no-repeat;}
  body p{
  color: black;
  text-align: center;
  font-size: 20px;
  opacity: 0.7
}
.article{
background-color: white;
margin: 60px 30px 30px 30px; 
padding: 2%
}
.article h3, h4{
  text-align: center;
}
.nav{
display: flex; justify-content: space-between; margin: 10px;
}
.list a{
text-align: left;
margin-bottom: 5px;
padding-bottom: 20px;
margin-top: 9px;
font-size: 18px;
}
.dropdown {
        position: relative;
        display: inline-block;
    }
    .nav-item{
color: white;
/* background-color: white */
text-decoration: none
}

.nav-item:hover {
text-decoration: underline;
text-decoration-color: white;
color: white
}
.heading{color: white; text-decoration: none;}
.title{text-align: center; color: #3e5f87}
.Insta{text-align: center; color: black}
.social{text-align: center}
.active{
color: #3e5f87

}

    .fa {
    padding: 5px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;


  }
.fa-instagram {
background: #C13584;
color: white;


}

.dropdown-content {
          display: none;
          text-align: left;
          position: absolute;
        /*  background-color: #f9f9f9; */
          min-width: 35px;
          width: 88px;
          box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
          padding: 5px 18px;
          z-index: 1;
          color: white;
   
          margin-bottom: 5px;
      }
      .dropdown-content a{
        color: #3e5f87;
      /*  color: green; */
      /*  margin: 2px; */
        text-decoration: none;
        text-align: left;
      /*   width: 150px;
       width: 55px; */
        padding: 2px;
        padding-bottom: 5px;
        margin-bottom: 5px;


      }

      .dropdown:hover .dropdown-content {
          display: block;

      }
      /*
    .dropdown-content a::after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 2px;
bottom: 0;
left: 0;
background-color: green;
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}

.dropdown-content a:hover::after {
transform: scaleX(1);
transform-origin: bottom left;
}


*/
.dropdown-content a:hover{
text-decoration-line: underline;
text-decoration-color: green;
height: 5px;
margin-top: 5px;
}

.navbar{
  display: flex;
justify-content: space-around; 
  height: 100%;
  background-color: transparent;
/*  align-items: center; */
float: left;  height: 50px; width: 60%; text-align: right; justify-content: space-around; padding-right: 25px; color: white; margin-top: 4%
  
}
#hamburger-icon div {
width: 35px;
height: 3px;
background-color: white;  
margin: 6px 0px;

border-width: 1px;
border-color: blue;
transition: 0.4s;
text-align: left;



}


/* .dropdown .dropdown-content{display: none} */


.mob{display: none}
@media only screen and (min-width: 601px){
.wrap{display: flex;
width: 100%;
position: absolute;
align-items: flex-end; 
bottom: 0; 
margin-bottom: 0;
margin-top: 2%
}
.Copyright{float: left; 
bottom: 0; padding-left: 1%; width: 70%; align-items: flex-start;}
.Copyright p{text-align: left; font-size: 15px; color: whitesmoke;}

.privacy{text-align: right; padding-right: -20px; margin-right: -10px;
width: 20%; margin-bottom: 1.5%;
float: right; right: 0; 

}
.privacy a {color: whitesmoke;}
.content{text-align: center; color: black; font-size: 18px; margin: 40px 10px 10px 10px; padding: 10px}
.wrap-mob{display: none}
.privacy-mob{display: none}
.Copyright-mob{display: none}
}
@media only screen and (max-width: 600px) {
body{height: 100vh;
overflow-y: hidden;
}
.navbar {
display: none;
}
.mob{display: block;
}

#hamburger-icon {
display: block;
margin: 2px; 
position: relative;
justify-content: left;

/* align-items: center; */



}

#myBtn{
  padding: 13%; border: none; margin-right: 25px; border-radius: 3px; background-color: white ; color: #4F7942; margin-top: 20px;
  font-size: 15px

}
/* .pic{width: 70%; float: left; margin: 5% } */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modalV{
display: block; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
}

/* The Close Button */
.close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}

.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.react{font-size: 5.5vw;  margin-left: 7px; margin-bottom: 3em; color: #4F7942}

.not{display: none}
.show{display: block}
.open{display: block}
.close{display: none}

#dd{border: none;
background-color: white;
font-size: 5.8vw;
color: black;
font-family: 'Times New Roman', serif;
padding-left: 20px;
-webkit-margin-start: -20px;
}
.tt{color: black;
text-decoration: none;}
#home{font-size: 5.8vw;  font-family: 'Times New Roman', serif;}
#Cont{font-size: 5.8vw;  font-family: 'Times New Roman', serif;}
#dead{vertical-align: text-top}
.rot{-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

}
.new{display: inline-block; color: red; background-color: green; font-size: 35px; } 
.icon{ display: inline-block;  transform: rotateX(180deg); vertical-align: text-bottom; color: #4F7942; border-width: 2px}
.first{display: block}
.second{display: none}
img{width: 32%; height: 50px; max-width: 100%;  margin-top: 20px; float: left; margin-bottom: 20px }

/*
img{width: 80%; height: 50px; max-width: 100%; margin-left: 5%; margin-top: 20px; float: left; margin-bottom: 20px }


.image{ float: left; width: 70%; margin-right: 5%; margin-bottom: 45px}
*/


@media only screen and (max-width: 600px) and (min-width: 401px){
.wrap{display: flex;
width: 100%;
position: absolute;
align-items: flex-end; 
bottom: 0; 
margin-bottom: 0;
margin-top: 2%
}
.Copyright{float: left; 
bottom: 0; padding-left: 1%; width: 65%; align-items: flex-start;}
.Copyright p{text-align: left; font-size: 15px; color: whitesmoke;}
.privacy{align-content: right; float: right; 
margin-bottom: 3%; 
padding-right: 4%; width: 35%; text-align: right;

}
.privacy a{color: whitesmoke;}
.mob{margin-top: 2%}
img{width: 65%; height: 50px; max-width: 100%; margin-left: 3%; margin-top: 20px; float: left; margin-bottom: 20px }
.wrap-mob{display: none}
.privacy-mob{display: none}
.Copyright-mob{display: none}
}

@media only screen and (max-width: 400px) {
.wrap-mob{bottom: 0;position: absolute; overflow-y: hidden}
.Copyright-mob p{font-size: 13px; color: whitesmoke;}
.privacy-mob a{font-size: 14px; color: whitesmoke;}

.wrap{display: none}
.privacy{display: none}
.Copyright{display: none}
#myBtn{
  padding: 9%; margin-right: 7px; border: none; border-radius: 2px; background-color: white ; color: #4F7942; margin-top: 15px;

}
img{width: 65%; height: 50px; max-width: 100%; margin-left: -2%; padding-left: -2%; margin-top: 15px; float: left; margin-bottom: 20px } 
}
img{width: 250px; height: 50px; max-width: 100%; margin-left: 3%; margin-top: 20px; float: left; margin-bottom: 20px }
.image{ float: left; width: 70%; margin-right: 5%; margin-bottom: 45px}
@media only screen and (max-width: 300px){
.mail{font-size: 5vw}


}
@media only screen and (orientation: landscape) and (max-height: 599px){


  body p{
  color: black;
  text-align: center;
  font-size: 10px;
  opacity: 0.9

/*  vertical-align: text-top; */

  
}
.article{
background-color: white;
margin: 10px; 
padding: 2%;
font-size: 2vw
}
.article p{
  font-size: 15px
}
html{overflow-y: scroll;}
.wrap{
  position: relative
}
.mail{
  font-size: 2vw
}
}

.favi{max-width: 100%;
height: auto;}