html {
height: 100%;
width: 100%;
margin: 0;
overflow-x:hidden;
}

body {
height: 100%;
width: 100%;
margin: 0;
background: #000000;
}

#menu {
z-index: 1;
position: fixed;
margin: 0% 0% 0% 100px;
}

#menufill {
height: 70px;
background-color: none;
}

.icon {
height: 20px;
padding: 23px 28px 36px 28px;
cursor: pointer;
}

.icon .line {
width: 26px;
height: 3px;
background-color: #EEEEEE;
margin: 4px 0;
}

.dropdown {
height: 70px;
background-color: #dd5050;
float: left;
padding: 0;
}


.dropdown:first-child {
margin-right: 1px;
}

.dropdown:last-child {
float: right;
}

.dropdown p {
padding: 0px 40px 0px 40px;
font-size: 19px;
font-family: belgrano, georgia, serif;
line-height: 66px;
text-align:center;
color: #eeeeee;
cursor: pointer;
text-decoration: none;
}

.dropdown-content {
display: none;
position: absolute;
right: 0;
top: 71px; bottom: 0; left: 0;
background-color: #555050;
}

.show {
display:block;
}

#nav {
margin: 0;
padding: 0;
}

#nav ul {
width: 100%;
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0;
}

#nav ul li {
text-align: left;text-align: center;
background-color: #555050;
}

#nav ul li a {
display: block;
font-size: 15px;
font-family: belgrano, georgia, serif;
line-height: 65px;
padding: 0% 50px 0% 50px;
color: #eeeeee;
cursor: pointer;
text-decoration: none;
background-color: #555050;
}

#nav ul li a:hover {
background-color: #dd5050;
color: #dddddd;
}

#topimage {
z-index: -1;
top: 80px;
bottom: 0px;
position: fixed;
width: 100%;
background-origin: content-box;
background-attachment: scroll;
background-position: center;
background-image: url("image1.jpg");
background-repeat: no-repeat;
background-size: auto 100%;
background-color: black;
}

.contain {
position: relative;
width: 100%;
height: 50%;
padding-bottom: 0;
background-color: ;
}

#parallax {
width: 100%;
height: 100%;
position: absolute;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-color:grey;
}

#parallax.two {
background-position: top center;
background-image: url("image2.jpg");
}

#parallax.three {
background-position: center right;
background-image: url("image3.jpg");
}

#parallax.four {
background-position: center center;
background-image: url("image4.jpg");
}

#parallax.five {
background-position: center center;
background-image: url("image5.jpg");
}

#fill  {
margin-bottom: 0px;
height: 100%;
}

#footer {
background-color: #dd5050;
padding: 76px 0 76px 0;
font-size: 19px;
font-family: belgrano, georgia, serif;
line-height: 70px;
text-align: center;
color: #eeeeee;
text-decoration: none;
}

@font-face {
font-family: belgrano;
src: url('Belgrano-Regular.ttf');
}

@font-face {
font-family: source-sans-pro;
src: url('SourceSansPro-Regular.ttf');
}


h2 {
color: #dd2900;
font-size: 18px;
font-family: belgrano, georgia, serif;
line-height: 40px;
text-transform: uppercase;
letter-spacing: 0px;
text-align: center;
font-weight: normal;
padding: 76px 10% 20px 10%;
margin: 0;
}

h3 {
color: #dd2900;
font-size: 12px;
font-family: belgrano, georgia, serif;
line-height:10px;
text-transform: uppercase;
letter-spacing: 0px;
text-align: center;
font-weight: normal;
padding: 10px 10% 20px 10%;
margin: 0;
}

p {
max-width: 960px;
font-size: 15px;
font-family: source-sans-pro, georgia, serif;
line-height: 30px;
text-align: center;
padding: 0% 10% 76px 10%;
margin: auto;
color: #000000;
}

#p5 p {
max-width: 960px;
font-size: 15px;
font-family: source-sans-pro, georgia, serif;
line-height: 30px;
text-align: center;
padding: 0% 10% 0 10%;
margin: auto;
color: #000000;
}

#footer p {
color: #EEEEEE;
padding: 0;
}

#p1 {
height: ;
background-color: #EEEEEE;
}

#p2 {
height: ;
background-color: #EEEEEE;
}

#p3 {
height: ;
background-color: #EEEEEE;
}

#p4 {
height: ;
background-color: #EEEEEE;
}	

#p5 {
height: ;
background-color: #EEEEEE;
}


#fill1{
z-index: -2;
position: relative;
top: 0px;
width: 100%;
height: 0;
}


#fill2{
z-index: -2;
position: relative;
bottom: 0px;
width: 100%;
height: 0;
}


#fill3{
z-index: -2;
position: relative;
bottom: 0px;
width: 100%;
height: 0;
}


#fill4{
z-index: -2;
position: relative;
bottom: 0px;
width: 100%;
height: 0;
}


#fill5{
z-index: -2;
position: relative;
bottom: 0px;
width: 100%;
height: 0;
}

@media screen and (max-width: 999px) {
#parallax {background-attachment: scroll;}
.contain {height: 0; padding-bottom: 50%;}
h2 {padding: 56px 10% 10px 10%; line-height: 40px;}
p {padding: 0% 10% 66px 10%; line-height: 30px;}
}

@media screen and (max-width: 700px) {
.contain {height: 0; padding-bottom: 66.6666%;}
#menu {margin: 0% 0% 0% 0%; background-color: ; width: 100%; height: 100%;}
#menufill {background-color: #dd5050;}
.dropdown-content {top: 70px;}
.dropdown p {padding: 0% 30px 0% 30px;}
h2 {padding: 36px 10% 10px 10%; line-height: 36px;}
p {padding: 0% 10% 40px 10%; line-height: 28px;}
#fill1 {top: -70px;}
#fill2 {bottom: 70px;}
#fill3 {bottom: 70px;}
#fill4 {bottom: 70px;}
#fill5 {bottom: 70px;}
}

@media screen and (max-width: 600px) {
#topimage { background-size: 100% auto; background-position: top;}
}