html, body
{
font-family: Arial;	
font-size:15px;
color: #000;	
background: #fff; 

background: url('/pics/bg.jpg') top center fixed; 
background-size: cover;

}


.navbar
{
font-weight: 800;	
font-size: 20px;
color: #fff;
background: orange;
}

.navbar-inverse
{
background: orange;
border-bottom: 0px solid #fff;	

}


.heading
{
color: 	#009248;
font-weight: bold; 
}

.hr
{
display: block;
width: 100%;
height: 2px;
background: #009248;	
}










@media (max-width: 480px) {
/* Target portrait smartphones */

.mainpic
{
margin: 20px 0 30px 0;	
}

.scrollUp {
  position:fixed;
  top:auto;
  bottom:50px;
  left:auto;
  left:20px;
  border-radius:20px;
  z-index:9999;
  cursor:pointer;
  padding:0px;
  text-transform:uppercase;
  color:#fff;
  text-align:center;
}

.button-order
{
background: #009248;
color: #fff;
font-size: 17px; 
font-weight: bold; 
outline: none; 
border: 0; 
height:60px;
}

.button-order:hover
{
background: #bb0000;
}


}


@media screen and (min-width: 1240px) {

.namepic
{
margin: 100px 0 0 0;	
}

.scrollUp {
  position:fixed;
  top:auto;
  bottom:50px;
  left:auto;
  left:68px;
  border-radius:20px;
  z-index:9999;
  cursor:pointer;
  padding:0px;
  text-transform:uppercase;
  color:#fff;
  text-align:center;
}


.button-order
{
background: #009248;
color: #fff;
font-size: auto;
outline: none; 
border: 0; 
width:400px;
height:60px;

}

.button-order:hover
{
background: #bb0000;
}

.modal-dialog-centered {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  min-height:calc(80% - (.5rem * 2));
}

.ornament
{
display: none;	
}

}


/*
.fourth:hover {
background-image: linear-gradient(180deg, #58aa3a 0%, #58aa3a 100%);
  background-position: 100%;
  background-size: 400%;
  -webkit-transition: background 300ms ease-in;
  transition: background 300ms ease-in;
  transform-origin: 100% 50%;


}
*/





.fourth {
background-image: linear-gradient(to bottom, transparent 50%, #58aa3a 50%);
  background-size: 100% 200%;
  background-position: top;
  transition: background-position 0.1s ease-in-out; /** I've changed the time for demo purposes **/
  color: black;
}
.fourth:hover {
  background-position: bottom;
 
}