
h1{
  font-family: 'Gideon Roman', cursive;
  padding-top: 50px;
  padding-left: 70px;
  text-align: center;
  color: #52006A;

}

.Elephant{
  height: 400px;
  width: 400px;
}

.navbar{
  padding-left: 20px;
}


.title{

  background-color: #8BDB81;
  opacity: 0.9;
}
.navbar-nav{
  position: absolute;
  right: 50px;
}
.message{
  opacity:0.9;
}
@media (max-width: 1348px){
   .navbar-nav{
     position: static;
     }

}

.logo{
  font-family: 'Redressed', cursive;
  font-weight: bold;
  font-size: 30px;
}

.icon{
  padding-bottom: 25px;
  color: #8BDB81;
}
.icon:hover{
  color:#ff4c68;
}
#features{
  position: relative;
  background: #fff;
  z-index: 1;
}
.row{
  padding: 5% 0 5%;
  text-align: center;
}
.bottom-icon{
  padding-top: 50px;
  text-align: center;
  color: black;
}
.ico{
  padding: 0 6px 10px;
}
.ico:hover{
  color: black;
}
.Copyright{
  text-align:center;
  color:black;
  padding-bottom: 30px;
}


.upload{
  background-color: #8BDB81;
  padding: 40px;
  height: 400px;
}

input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color: #04AA6D;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  background-color: #45a049;
}

/* Add a background color and some padding around the form */
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}
.contact{
  padding: 30px;
  text-align: center;
  background-color: #8BDB81;
}

#footer{
}
.frame{
  text-align: center;
  padding: 30px;
}
