/* CSS Document */

*
{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:10px;
	margin-right:10px;
	padding:0px;
	border:0px;
}

body 		    	
{
	background-image:url("../images/bg/bg.jpg");
	background-repeat:no-repeat; 
	background-attachment: fixed; 
	background-size:cover;
}

body img
{
	border-radius:5px;
}


#topnav
{
	width:95%;
	height:auto;
	text-align:center;
	font-family: 'Saira Semi Condensed', sans-serif;
	position:fixed;
	top:0;
	margin-right:15px;
	margin-top:15px;
	padding-right:15px;
	background-color:rgba(0, 0, 0, 0.5);
	border-radius:15px;
}

#topnav a
{
	text-decoration:none;
	font-size:20px;
	font-weight:bolder;
	color:chartreuse;
	padding-left:10px;
	padding-right:10px;
	background-color:rgba(0, 0, 0, 0.5);
	border-radius:50%;
	margin:5px 5px;
}

#topnav a.active 
{
  	background-color:lime;
  	color:black;
}

#topnav ul 
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#topnav ul li
{
	display:inline; 
	margin-left:15px;
}

#logohead
{
	width:100%;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	padding-top:50px;
	padding-bottom:80px;
	
}


#content
{
	width:90%;
	margin:auto;
	border-radius: 20px;
	background-color: rgba(86,102,135,.9);
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	color:wheat;
}

#content img
{
	border-radius:20px;
}

#content h1
{
	font-family: 'Fugaz One', cursive;
	color:chartreuse;
	font-weight:lighter;
	font-size:42px;
}

#content h2
{
	font-family: 'Fugaz One', cursive;
	color:red;
	font-weight:lighter;
	font-size:34px;
}

#content h3
{
	font-family: 'Fugaz One', cursive;
	color:chartreuse;
	font-weight:lighter;
	font-size:30px;
}

#content h4
{
	font-family: 'Fugaz One', cursive;
	color:burlywood;
	font-weight:lighter;
	font-size:28px;
}

#content h5
{
	font-family: 'Fugaz One', cursive;
	font-weight:lighter;
	color:chartreuse;
	font-size:26px;
}

#content h6
{
	font-family: 'Fugaz One', cursive;
	font-weight:lighter;
	font-size:22px;
	color:burlywood;
}

#content p
{
	font-family: 'Saira Semi Condensed', sans-serif;
	font-size:16px;
	color:black;
	font-weight:bolder;	
}

#content li
{
	font-family: 'Saira Semi Condensed', sans-serif;
}


#logo
{
	width:100%;
	text-align:center;
	margin-top:15px;
	margin-bottom:15px;
}

#telephone
{
	width:100%;
	height:auto;
	text-align:center;
	margin-top:15px;
	margin-bottom:15px;
	color:chartreuse;
	font-family: 'Courgette', cursive;
}

#telephone h1
{
	font-size:42px;
	color:wheat; 
}

#telephone h2
{
	font-size:34px;
	color:wheat;
}

#telephone h3
{
	font-size:30px;
	color:red;
}

#telephone a
{
	text-decoration:none;
	color:wheat;
}



#footer
{
	width:100%;
	height:auto;
	text-align:center;
	color:chartreuse;
	font-family: 'Saira Semi Condensed', sans-serif;
	font-weight:bolder;
}

#footer p
{
	font-size:100%;
}

#application a
{
	text-decoration:none;
	color:red;
}


/* --------------------------Gallery-------------------------------- */

div.gallery 
{
  	margin: 5px;
  	border: 1px solid #ccc;
  	float: left;
  	width: 180px;
}

div.gallery:hover 
{
  	border: 1px solid #777;
}

div.gallery img 
{
  	width: 100%;
  	height: auto;
}

div.desc 
{
  	padding: 15px;
  	text-align: center;
}

/* ---------------------------------FORM---------------------------- */

#form
{
	width:100%;
	color:wheat;
	border-radius: 5px;
  	padding: 20px;
	font-family: 'Saira Semi Condensed', sans-serif;
}

#form tr td
{
	border-radius:4px;
}

input[type=text], select 
{
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] 
{
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover 
{
  background-color: #45a049;
}


/* --------------------gallery--------------------------------- */


/* ----------------------------------------------------------------- */

* 
{
  	box-sizing: border-box;
}

.column 
{
  	float: left;
  	width: 30%;
	height:500px;
	border-radius:15px;
  	padding: 10px;
	border:solid #ff3300;
	background-color:rgba(23,67,88,0.5);
	font-family: 'Saira Semi Condensed', sans-serif;
}


.column img
{
	width:85%;
}

/* Clearfix (clear floats) */

.row::after 
{
  	content: "";
  	clear: both;
  	display: table;
	font-family: 'Saira Semi Condensed', sans-serif;
}

/* ----------------------------------------------------------------- */


/* ----------------------------------------------------------------- */



/* ----------------------------------------------------------------- */



/* ----------------------------------------------------------------- */



/* ----------------------------------------------------------------- */



/* ----------------------------------------------------------------- */



/* ----------------------------------------------------------------- */