html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}





body {font-family:'Nunito'; font-size: 16px; font-weight: 300; color: #555; margin: 0; padding:0; }

#page {max-width: 90%; margin: 0 auto; position: relative; 
 background:  url(../images/background.jpg)  no-repeat fixed center;  background-size: 100%;    }


/*text*/

h1 { margin: 0 0 1em 0; font-size: 3.8em; font-weight:700; }
h2 { margin: 0 0 .5em 0; font-size: 1.6em; font-weight:700; line-height: 1.1em }
h3 { margin: 0 0 .5em 0; font-size: 1.3em; font-weight:700; padding-top: 20px; }
h4 { margin: 0 0 0.5em 0; font-size: 1em; font-weight:700;  }
p { margin: 0 0 0.5em 0 ;}
em {font-style: normal; font-weight:700;}
a { color: #007eff; }
a:visited { color: #65b1ff; }
a.btn { font-size: 1.2em; text-decoration: none; color: #000; border: 1px solid #000; padding: 4px 25px;
 transition: background .5s ease-in, transform .5s .25s ease-in-out;}
a.btn:hover { background-color: rgba(0,0,0,.1);  }

/*navmenu contact/home*/


#headermenu {width: 90%; padding-top: 20px; padding-bottom: 20px; display: block; position: fixed;
	height: 40px; display: block; background-color: #fff;	z-index: 1;}

#headermenu ul, li{ list-style-type: none; margin:0px; padding: 0px; }

#headermenu li{ float: right; padding-left: 10px;  border-right:1px solid black; padding-right:10px; display: inline;
	}


#headermenu a{ color:black; font-size: 1.4em; margin: 0px; letter-spacing: 0.1em;
	text-decoration: none; transition: background .5s ease-in, transform .5s .25s ease-in-out;}


#headermenu a:hover{ color:#444444;  }

#headermenu li.bordernone  {
	border-right: none;
}


/*header*/

header { height:820px  }

header h1.logo { position: relative; z-index: 1;color: #fff; letter-spacing: .2em; display: block; width: 600px; 
 height: 70px; top: 20%; left: 80px;  font-size: 3.6em;
			}


/*section MAIN*/

section.main { margin-top: 50px; margin-bottom: 0px; padding-top: 0px;  background-color: #fff; height: 600px; }

section.main h1 { text-align: center; padding-top: 50px; padding-bottom: 0%; font-size: 2em; letter-spacing: 0.5em; }



section.main aside { width: 33%; float: left; text-align: center; padding-top: 50px;}

section.main .content img { max-width: 85%;box-shadow: 0 0 1px 1px #2f2d27;  padding: 10px;
transition: background .5s ease-in, transform .6s .2s ease-in-out;
}

section.main .content img:hover { transform: scale(1.1) rotateX(20deg);}


/*section Main 2*/

section.main2 { margin: 0px; margin-bottom: 0px;   background-color: #fff; height: 600px;  }

section.main2 aside { width: 33%; float: left; text-align: center;padding-top: 60px; }

section.main2 .content img { max-width: 85%;box-shadow: 0 0 1px 1px #2f2d27; padding: 10px;
transition: background .5s ease-in, transform .5s .25s ease-in-out;
}

section.main2 .content img:hover { transform: scale(1.1);}

/*article*/

section.atmosphere {background-color:#e6e5e5; padding-top: 20px; padding-top: 5%; color:#fff;
width: 100%;  float: left; ; margin-top: 50px;}

section.atmosphere article { padding: 20 20px 0 20px;   }

section.atmosphere  h1{ color: #3f3f3f; text-align: left; padding-left: 50px; font-size: 2.6em;}

section.atmosphere  img  { float: right;  display: block; margin-right: 100px; margin-top: 130px;
 box-shadow: 0 0 1px 1px #fff; padding: 10px; background-color: white;}

section.atmosphere  p { font-size: 1.5em; padding-left: 50px; color: #3f3f3f  }

section.atmosphere  h2 {padding-left: 50px; color: #3f3f3f }


section.atmosphere table  {font-size: 1.5em; padding-left: 30px; clear: left; color: #3f3f3f; padding-bottom: 50px; table-layout: auto; }

section.atmosphere  td { padding-right: 20px; ; padding-bottom: 0.8em;	}

.tdwidth { width: 20% }

/*section TEXT-menu*/

section.text-menu { display: block; }

section.text-menu h1 {text-align: center; margin-top: 150px; }

section.text-menu h2 {text-align: center; font-size: 2em;  margin-top: 5%;  }
section.text-menu p {text-align: center; font-size: 1.8em; padding: 0px;}

section.text-menu a.btn { padding: 2px 20px; margin-top: 0px; font-size: 0.5em;}


/*section TEXT*/

section.text { display: block; }

section.text h1 {text-align: center; }

section.text h2 {text-align: center; font-size: 2em;  margin-top: 280px; }
section.text p {text-align: justify; padding: 8px 50px; font-size: 1.6em;}

/*section contact*/

section.contact { margin-top:; background-color: #fff; height: 400px; width: 100%; padding-top: 200px; text-align: center;}

section.contact h4{ padding-bottom: 0px; }

section.contact h2{ font-size: 2em; }




section.news{ background-color:#e6e5e5;   margin-top: 0px auto; }

section.news h2 { margin-top: 10em; }

section .news img { max-width: 50%; float: none; margin-right: 0px; margin-top: 2em; }

/* FOOTER*/

footer { font-size: .8em; margin: 0px; color: #999; padding-top: 100px; padding-bottom: 40px;text-align: center; 
	float: right ;width: 100%;}

footer .content { display: inline; }

footer a { margin-left: 30px; color: #777; }

footer a:visited { color: #777; }

footer a:hover { color: #000; }



/*MEDIA QUERIES*/

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

	#page { background-image: none;    }


h1 { font-size: 1.8em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.1em; }

a.btn { font-size: 0.7em;  padding: 4px 5px; }


/*NAV*/
#headermenu {padding-top: 15px;padding-bottom: 5px;height: 20px; position: fixed;}


/*nav*/
#headermenu a{  font-size: 1em; letter-spacing: normal;}

#headermenu li{ float: right; padding-left: 3px;  border-right:1px solid black; padding-right:5px; 
	}

/*header*/
header {height:200px;padding-top: 15px; margin:0px; display: block; 

 }

 header h1.logo { display: block; text-align: center; color: #000; margin-top: 18%; width: auto; font-size: 
 top: 0; left: 0; }

/*section - Main*/

/*section MAIN*/

section.main { position: relative; margin-top: 50px; margin-bottom: 0px; padding-top: 0px;  background-color: #fff; display: block;
height: 1000px; }

section.main h1 { text-align: center; padding-top: 50px; padding-bottom: 0%; font-size: 1.6em; letter-spacing: 0.5em; }


section.main aside { width: 90%; float: none; display: block; padding-top: 50px;}

section.main .content img { display: block; max-width: 80%;  padding: 5px;
 margin: 0 auto;
}

/*section Main 2*/

section.main2 { position: relative; margin: 0px; margin-bottom: 0px;  height: 1600px;}

section.main2 aside { width: 90%; float: none;  padding-top: 80px; }

section.main2 .content img { max-width: 80%; padding: 5px; display: block; margin: 0 auto;}







/*article*/

section.atmosphere {background-color:#fff; height: 2000px; margin-top: 20px; }

section.atmosphere article { padding: 20 20px 0 20px;   }

section.atmosphere  h1 {  font-size: 2em; margin: 0; padding: 0px; padding-top: 5px; text-align: center; }

section.atmosphere  img  { float: none;  display:block; margin: 0 auto;
 box-shadow: 0 0 1px 1px #fff; padding: 10px; width: 50%;}

section.atmosphere  p { font-size: 1em; padding-left: 0px;   }

section.atmosphere  h2 {padding-left: 5px;  }


section.atmosphere table  {font-size: 1em; padding-left: 5px; clear: left;  }

section.atmosphere  td { padding-right: 5px; }

/*section TEXT*/


section.text h2 {text-align: center; font-size: 1.5em;  margin-top: 110px; }
section.text p {text-align: justify; padding: 8px 0px; font-size: 1em;}


/*section contact*/

section.contact { margin-top:50px; background-color: #fff; float: left; height: 400px; width: 100%; 
	padding-top: 150px; text-align: center;}

section.contact h4{ padding-bottom: 70px; }

section.contact h2{ font-size: 2em; }

}



/*media query 350px*/

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

	#page { background:  url(../images/background.jpg)  no-repeat fixed center;  background-size: 100% auto;    }

/*header*/
header {height:350px;padding-top: 15px; margin:0px; display: block; }

 header h1.logo { display: block; width: 40px;  height: 56px;
				top: 10%; left: 5px; font-size: 1em; color: #fff;}



#headermenu {width: 100%; padding-top: 0px; padding-bottom: 20px; display: block; position: static;
	 display: block; height: 120px	}

#headermenu li{ border-bottom:1px solid #000; padding: 4px 25px;text-align:center; 
	float: none;  border-right:0px ;  display: block;
	}


#headermenu a{ color:black; font-size: 1em; margin: 0px; text-shadow:1px 1px 1px #444444;letter-spacing: 0.1em;
	text-decoration: none; transition: background .5s ease-in, transform .5s .25s ease-in-out; }

#headermenu a:hover{ color:#444444;background-color: #dbdbdb; padding: 2% 40% ; }
 



/*section MAIN*/

section.main { margin-top: 50px; margin-bottom: 0px; padding-top: 0px;  background-color: #fff; display: block;
height: 1000px; }

section.main h1 { text-align: center; padding-top: 50px; padding-bottom: 0%; font-size: 1.6em; letter-spacing: 0.5em; }


section.main aside { width: 100%; float: none; display: block; padding-top: 50px;}

section.main .content img { display: block; max-width: 90%;  padding: 5px;
 margin: 0 auto;
}

/*section Main 2*/

section.main2 { margin: 0px; margin-bottom: 0px;  height: 1000px;}

section.main2 aside { width: 100%; float: none;  padding-top: 80px; }

section.main2 .content img { max-width: 90%; padding: 5px; display: block; margin: 0 auto;}




/*article*/

section.atmosphere {background-color:#fff;  margin-top: 500px; display: block; }

section.atmosphere article { padding: 20 20px 0 20px;   }

section.atmosphere  h1{  font-size: 1.6em; margin: 0; padding: 0px; padding-top: 15px;  }

section.atmosphere  img  { float: none;  display:block; margin: 0 auto;
 box-shadow: 0 0 1px 1px #000; padding: 5px; width: 50%; }

section.atmosphere  p { font-size: 1em; padding-left: 0px;   }

section.atmosphere  h2 {padding-left: 5px;  }


section.atmosphere table  {font-size: 1em; padding-left: 5px;   }

section.atmosphere  td { padding-right: 5px; }

/*section TEXT-menu*/



section.text-menu h1 { margin-top: 150px; font-size: 1.6em; }

section.text-menu h2 {font-size: 1.5em; padding-top:15%; }
section.text-menu p { font-size: 1em; }

section.text-menu a.btn { margin-top: 5px; font-size: 0.8em; color: #1a8dee }

/*section TEXT*/

section.text h2 {font-size: 1em; padding-top: 100px;	 }
section.text p {text-align: justify; padding: 8px 5px; font-size: 1em;}

/*section contact*/




			}