/* - - - - - GENERAL - - - - - */

* { 
	margin: 0; 
	padding: 0; 
	font-family: "nimbus-sans",sans-serif; 
	}
	
ul {
	list-style: none;
	}
	
h1, h2, h4 {
	font-family: "cubano";
	}

a {
	color: black; 
	text-decoration: none; 
	outline: 0;
	}

html{
	margin:0;
	padding:0;
	height:100%;
	background-image: url("img/tan.jpg");
	background-size: 288px 288px;
    background-repeat: repeat;
    background-position: fixed;
    min-height:100%;
	width: 100%;	
	margin: auto;
	position:relative;
}

body{
	min-height: 100%;
	height: 100%;
	}

/* - - - - - HEADER - - - - - */

#banner {
    background-image: url("img/brown.jpg");
    background-size: 288px 288px;
    background-repeat: repeat;
    z-index: 1; 
    position: relative;
    box-shadow: 0 0 10px 4px rgba(0,0,0,0.6);
	text-align: center;
	}
	
h1 { 
	font-size: 12vw; 
	}

header nav {
	padding: 0%;
	text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    background-image: url("img/green.jpg");
	background-size: 288px 288px;
    background-repeat: repeat;
    z-index: 0; 
    position: relative;
    box-shadow: 0 0 10px 4px rgba(0,0,0,0.6);
	}
	
header nav li {
	width: 85%;
	display: inline;
	}
	
.nav {
	padding: 0% 2%;
	margin-left: 1%;
	margin-right: 1%;
	color: black;
	font-family: "cubano";
	font-size: 4.5vw; 
	}
	
.nav:hover {
    background-image: url("img/blue.jpg");
	background-size: 288px 288px;
    background-repeat: repeat;
	}
	
.cur {
	padding: 0% 2%;
	margin-left: 1%;
	margin-right: 1%;
	color: black;
	font-family: "cubano";
	font-size: 4.5vw; 
    background-image: url("img/blue.jpg");
	background-size: 288px 288px;
    background-repeat: repeat;
	}

/* - - - - - CONTENT - - - - - */
	
#content {
    display: block;
	width: 90%;
	margin: auto;
	}

section {
	vertical-align: top;
    display: inline-block;
    float:left;
    
	width: 46%;
	padding: 2%;
	margin: auto;
	}
	
div.contact {
	text-align: center;
	padding: 2%;
	}

h2 {
    font-size: 4vw;
	}
	
h3 {
    font-size: 2.5vw;
	}

h2, h3 {
    display: inline-block;
  	vertical-align: middle;
	}
	
h2.contact {
    font-size: 3vw;
	}
	
p.entry {
	font-size: 1.8vw;
	}
	
p.full {
	padding: 2%;
	width: 60%
	margin: 3% 5%;
	font-size: 1.8vw;
	}
	
p.contact {
	width: 60%
	margin: 3% 5%;
	font-size: 1.8vw;
	}

p a {
	color: #738864;
	}
	
p a:visited {
	color: #5e6f52;
	}
	
p a:hover {
	color: #404c38;
		}	
	
.thumb {
	width: 97%;
    border-style: solid;
    border-width: 3px;
	}

#me {
	width:30%;
    display: inline-block;
    float: left;
    margin: 0% 3%;
	border-style: solid;
    border-width: 4px;
	}


/* - - - - - SCALING - - - - - */
	
@media only screen and (max-width: 550px) {

header nav {
	padding: 1% 0%;
	}

.nav {
	padding: 1% 2%;	
	}

.cur {
	padding: 1% 2%;
	}

section {
	width: 96%;
	padding: 2%;
	}

p.entry {
	font-size: 3.3vw;
	}
	
p.full {
	font-size: 3.3vw;
	}
	
p.contact {
	font-size: 5vw;
	}

h2 {
    font-size: 5vw;
	}  

h2.contact {
    font-size: 8vw;
	}

h3 {
    font-size: 3.5vw;
	}
	
}