
/*============================================================================================*/
/*===========================================================================================*/
/*==========================================================================================*/
/*=========================================================================================*/

/*main body */
._address-attribute{
	padding-top: 5px; 
	font-family: 'Avenir-Book';
	color: #444;
}

._container-width{
	 width: 1400px; 
	 margin: auto;
}

._container-width-process{
	 width: 1200px; 
	 margin: auto;
}

._project-attribute{
	padding-left: 30px; 	
	padding-top: 10px;

}

._rounded-image{		
	padding-bottom: 30px;
	height: 300px;
	width: 100%;
}

._three-column-padding-fluid{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-right: 30px;

	color: rgba(0, 0, 0, .8); 
}

._title-text-format{	
	font-family: Sagona;
	font-size: 20px;
	color: #444;
	margin-top:  90px;
	color: rgba(100, 100, 100, .9); 
}

._title-text-format-projects{	
	font-family: 'Sagona-Bold'; 
	margin-top:  30px; 
	font-size: 30px;
	color: #555;	
}

._title-text-format-step{	
	font-family: Sagona;
	font-size: 20px;
	color: #444;
	margin-top:  90px;
	/*color: rgba(10, 255, 10, 1.0);*/ 
        color: darkgreen;
}



._title-form-elements{	
	float: left; 
	margin-bottom: 10px;	
	color: #444;
}

._title-project-name{	
	font-family: Sagona;
	font-size: 20px;
	font-weight: bold;
	color: #555;
	margin-top: 70px;

}


._input {
  border: 0;
  outline: 0;
  background: transparent;
  border-bottom: 1px solid #ccc;
  width: 100%;
}

._input-application{
  margin-top: -8px;
  font-size: small;
  font-weight: bolder
}


._banner {
	filter: brightness(65%);
    background: url("../../images/static/reservation.jpg")no-repeat center center;
    height: 1080px;
}

._overlay-text-whole {	
	position: absolute;			
	top : 550px;	
	height: 90px;	
	font-family: 'Sagona-Bold';
	font-size: 60px;
	color: #fff;
}

._asterisk{
            color: red;
            font-weight: bold;
            /*font-size: large;*/
        }

/*============================================================================================*/
/*===========================================================================================*/
/*==========================================================================================*/
/*=========================================================================================*/


@media (max-width: 1520px){
/*=================================================================*/
/*main body*/
	._container-width{
	 width: 100%; 
	}
}

@media (max-width: 680px){
/*=================================================================*/
/*main body*/

	._banner{
		height: 600px;
	}
	
	._overlay-text-whole {		
		top : 300px;
		font-size: 50px;	
	}

	._project-attribute{
		padding-left: 20px; 	
		padding-top: 20px;
	}

	._rounded-image{
		border-radius: 15px;
		height: 200px;
		width: 100%;
		padding-bottom: 20px;
	}

	._title-text-format-projects{	
		margin-top:  30px;
		
	}


}



