@import url('https://fonts.googleapis.com/css2?family=Peddana&display=swap');

p{	
	color: #CCDABF;
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;	
}

h2{

	color:#DAAC97;
	font-family: helvetica, arial, sans-serif;
	font-size: 35px;
	font-weight: bold;
	text-align: center;
}


body{
	background:#F2EAE4
	; 
}

ul{	color: #CCDABF;
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
}

table{
	color: #CCDABF;
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	background:#DAAC97;
	width:100%;
	max-width: 500px;
}

th{
	text-align: left;
	background: #BD6A45;
}

a{
	font-family: helvetica, arial, sans-serif;
	text-decoration: underline;
	color: #CCDABF;
}

a:visited{
	text-decoration: underline;
	color:  #CCDABF;
}

a:hover{
	color:#BD6A45;
}

#header{
	width: 90%;
	max-width: 920px;
	position: relative;
	margin: auto;
	margin-bottom: 40px;
}

#subheader{
	width: 90%;
	max-width: 900px;
	background: #718C6C;
	position: relative;
	margin: auto;
	padding: 5px;
	margin-bottom: 20px;
}


#nav{
	width: 90%;
	max-width: 900px;
	background: #718C6C;
	position: relative;
	margin: auto;
	padding: 10px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

#section{
	width: 90%;
	max-width: 900px;
	background: #718C6C;
	position: relative;	
	margin: auto;
	overflow: hidden;
	padding: 10px;
	margin-bottom: 20px;
}

#footer{
	width: 90%;
	max-width: 900px;
	background: #718C6C;
	position: relative; 	
	margin: auto;
	text-align: center;
	padding: 10px;

}

.left{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.trvl{
	float: left;
	margin-right: 10px;
}

.trvl2{
	float: right;
}

#gphi{
	float: right;
}


#nav li{
	display: inline;
	padding-right: 60px;
}

#nav ul{
	text-align: center;
}

#header img{
	width: 100%;
}

.video{
	max-width: 560px;
}

@media screen and (max-width: 600px) {
#nav li {display: list-item;}
#nav li {font-size: 20px;}
#nav {height: auto;}
}

.sidebar {
float: right;
width: 30%;
margin-left: 10px;
margin-right: auto;
}

.sidebar-bottom {
display: none;
}

.sidebar {
display: none;
}

.sidebar-bottom {
display: block;
position: relative;
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
}