@charset "UTF-8";
/* CSS Document */

*{
	padding:0;
	margin:0;
	}
	
body {
	background-image: url(../images/foggysea.jpg);
	background-repeat: no-repeat;	
	background-position: center center; 
	background-size:cover;
	background-attachment:fixed;
	font-family: 'Quicksand';
	}

nav {
	
	text-transform:uppercase;
	height:30px;
	line-height:30px;
	font-size: 1em;
	background-color:rgba(41, 45, 45, .95);
	mix-blend-mode:overlay;
	list-style-type:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	}


nav ul {
	width:50%;
	margin: 0 auto;
	float:right;
	}

nav li {
	float: left;
	width:33.33%;
	list-style-type:none;
	text-align:center;
	}

nav li:nth-child(2), nav li:nth-child(3) {
	width: 33.33%;
}
	

nav a {
	text-decoration:none;
	color:white;
	display:block;
	}

nav a:hover {
	background-color:rgb(206, 191, 179);
	mix-blend-mode:color-dodge;
	color:black;
	}


.sub-nav {
	display:none;
	}

nav li:hover .sub-nav{
	display:block;
	position:absolute;
	}

.nav .button-dropdown {
    position: relative;
}

.nav li a {
    display: block;
    color: white;
    text-decoration: none;
}

.nav li a span {
    display: inline-block;
    margin-left: 5px;
    font-size: 10px;
}

.nav li a:hover, .nav li a.dropdown-toggle.active {
    color: #fff;
}

.nav li a:hover span, .nav li a.dropdown-toggle.active span {
    color: #fff;
}

.nav li .dropdown-menu {
	display: none;
    position: absolute;
    left: 0;
    padding: 0;
    margin: 0;
    text-align: center;
}

.nav li .dropdown-menu.active {
    display: block;

}

.nav li .dropdown-menu a {
    width: 240px;
	color:white;
		background-color:black;

	
}

.nav li .dropdown-menu a:hover {
    
	background-color:#b7876c;
	mix-blend-mode:color-burn;
}

.nav li .dropdown-menu li {
    float:none;
}





header {
		
	display:inline-block;
	height:900px;
	width:100%;
	}

div#wrapper {
	width:940px;
	margin: 0 auto;
	}
	
main {
	width: 600px;
	background-color: rgba(108, 122, 124, .15);
	mix-blend-mode:color-burn;
	float:left;
	margin-bottom: 275px;
	
	}

section#mespace {
	margin-top:50px;
	padding: 0 25px;
	margin-bottom:75px;
	}

aside {
	overflow:scroll;
	padding:50px 0 16px 20px;
	width: 300px;
	background-color: rgba(108, 122, 124, .5);
	mix-blend-mode:color-burn;
	float:right;
	}
	
aside a {
	text-decoration:none;
	color:white;
	display:block;
	}

aside a:hover {
	color:black;
	background-color:#b7876c;
	}
	
aside ul{
	padding-top:5px;
	color:white;
	}
	
aside li {
	list-style-type:none;
	font-family: helvetica, 'quicksand';
	font-size:1.4em;
	font-weight:900;
	color:white;
	margin:30px;
	}
	
aside li:nth-last-child(1) {
	padding-bottom:225px;
	}

aside ul {
	margin-left: 25%;
	padding-bottom:50px;
	}


footer {
	clear:both;
	height: 40px;
	line-height:40px;
	width:100%;
	font-size: 1em;
	background-color:rgba(41, 45, 45, .95);
	mix-blend-mode:hard-light;
	color:lightgray;
	font-family: 'quicksand';
	text-transform: lowercase;
	}

footer li {
	float:left;
	width:20%;
	list-style-type:none;
	text-align:center;
	}

footer a {
	color:white;
	text-decoration:none;
	display:block;
	}

footer a:hover {
	background-color:rgba(206, 191, 179, .75);
	mix-blend-mode:color-dodge;
	color:black;
	}


/*------------------------fonts--------------------------*/
	
@font-face {
	font-family: 'Adam';
	src: url("../fonts/Adam.otf");
	}
	
@font-face {
	font-family: 'Quicksand';
	src: url("../fonts/Quicksand.otf");
	}
	
/*------------------------fonts--------------------------*/	
	
h1 {
	font-size:12.854em;
	text-transform:uppercase;
	font-family: 'Adam';
	font-weight:100;
	text-align:center;
	margin-top:250px;
	color:#6c7a7c;
	mix-blend-mode:color-burn;
	}	
	
	
#bigger{
	font-size:225px;
	letter-spacing:25px;
	line-height:25%;
	text-transform:uppercase;
	font-family: 'Adam';
	font-weight:900;
	text-align:center;
	}

h2 {
	margin-bottom:20px;
	font-size: 2.618em;
	color:black;
	text-transform:uppercase;
	font-family: 'Adam';
	font-weight:100;
	}
	
h3 {
	margin:20px 0 10px 0;
	font-family:helvetica;
	padding:1px;
	color:#6c7a7c;
	mix-blend-mode:color-burn;
}


p {
	margin-top:10px;
	color: black;
	font-size:1em;
	line-height: 30px;
	font-weight:900;
	font-family: 'Quicksand', Helvetica;
	margin-bottom:10px;
	}
	

		
	
/*------------------------form--------------------------*/
legend {
	font-size:2.618em;
	font-family: 'Adam';
	}

label {
	display:block;
	margin-bottom:5px;
	font-size:1em;
	font-family:'Adam';
	text-transform:uppercase;
	}

fieldset {
	
	padding:20px;
	border:none;
	}

input[type=text], input[type=email], textarea {
	font-size:120%;
	font-family:helvetica;
	color: black;
	background-color:#6c7a7c;
	mix-blend-mode:color-burn;
	border:1px;
	padding:5px;
	display:block;
	margin-bottom:15px;	
	width:100%;		
	}
	
input[type=text]:focus, input[type=email]:focus, 
input[type=text]:hover, input[type=email]:hover,
textarea:hover, textarea:hover {
	background-color:gray;
	mix-blend-mode:color-burn;
	}
	
input[type=text], input[type=email]  {
	height:27px;
	} 
	
input[type=submit], input[type=submit]:hover {
	color:white;
	padding:7px;
	font-family:'adam';
	text-transform:uppercase;
	font-size:120%;
	font-weight:900;
	border-radius:1px;
	background-color:#6c7a7c;
	mix-blend-mode:color-burn;
	float:right;
	
	}

input[type=submit]:hover {
	background-color:#b7876c;
	mix-blend-mode:color-burn;
	color:black;
	}

form li { 
	list-style-type:none;
	}	

form li:nth-last-child(1) {
	margin-bottom:10px;
	}	
	
select {
	margin-bottom:10px;
	}
/*------------------------form end--------------------------*/


@media screen and (max-width:1000px){

}
@media screen and (max-width:800px){

}
@media screen and (max-width:700px){

}




