/*
	00 TABEL OF CONTETENTS 
	01 TYPOGRAPHY BASE 
	02 COLOR 
	03 BASE 
	04 HEADER LAYOUT
		04.1 header slideshow
		04.2 header slideshow headline
		04.3 page headline
		04.4 header navbar
	05 PAGE LAYOUT
		05.1
		05.2
		05.3
	06 FOOTER LAYOUT
		06.1
		06.2
		06.3		
	07 MODULES
	08 STATE
	09 VISIBILITY
	10 BROWSER SPECIFIC 
	11 TOOLS
	12 MEDIA QUERY MAX WIDTH 1600PX
	13 MEDIA QUERY MAX WIDTH 980px
	14 MEDIA QUERY MAX WIDTH 650px
	15 MEDIA QUERY MAX WIDTH 480px
	16 MEDIA QUERY MAX WIDTH 360px
*/


/* 01 TYPOGRAPHY BASE 
-------------------------------------------*/

/*
	FONT PAIRING
	TITLE FONT: maryweather (light, normal, nrmal itlaic, bold)  300, 400, 700	
	font-family: 'Merriweather', serif;
	
	COPY FONT: open sans (light ,regular, bold) 300, 400, 600		
	font-family: 'Open Sans', sans-serif;
*/


html {
   font-size: 100%;
   line-height: 1.5;
   -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}

body,
.navbar h3,
.sitemap h3 {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
	color: #333;
}

a {
	text-decoration: none;
}

p, span {
	font-family: 'Georgia', 'Merriweather', Serif;
}

h1,h2,h3 {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
	color: #000
}

h1 {
	font-size: 2.2em;
	/*color: #696f41*/
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.8em;
}

h1,h2,h3 {
  font-weight: 400;
  text-align: center;
  color: #333;
}

blockquote {
	font-size: 1.4em;
}

.area-1 h2 {
  font-family: 'Georgia', 'Merriweather', Serif;	
}

.col-460 h4 {
	text-align: left !important;
}

.col-460 span {
  font-family: 'Georgia', 'Merriweather', Serif;
  font-style: italic;
}

.sitemap .col-460 li,
.external-links .col-460 li {
	font-size: 1.3em;
}


.col-460  span {
	font-weight: 600; 
}

.poem li {
	font-family: 'Georgia', 'Merriweather', Serif;
	font-size: 1.3em;
}


.area-1 h4 {
	font-weight: 600;
	padding: 0 2em;
}

.wrapper h4 {
	font-weight: 600;
	padding: 10px 0;
	text-align: center;
}

footer h4 {
	/*color: #cdb399;*/
	color: #384d62;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1em;
}

.footer-wrapper h4 {
	color: #384d62;
	font-weight: 600;
	padding: 0 25px;
}

.slideshow-headline p,
.area-3 span,
.book-specs span {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}

.colophone-wrapper h5 {
	color: #384d62;
}

/* 02 COLOR 
-------------------------------------------*/

html {
	background-color: #fff; 
}

body {
	background-color: #eee;
}

.page-wrapper {
	background-color: #eee;
}

.featured {
	background-color: #eee;
}


.footer-wrapper {
	background-color: #5f7986;
}

.envelope-frame {
  background: #67828f;
}

.navbar {
	background-color: #5f7986;
}

/* Featured area horizontal line */
.border-top {
	border-top: 2px solid #ddd;
}

.border-bottom {
	border-bottom: 2px solid #ddd;
}



/* 03 BASE 
-------------------------------------------*/
html {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
    -ms-interpolation-mode: bicubic;
}


figure {
      position: relative;
  }

  figure img,
  figure object,
  figure embed,
  figure video {
      display: block;
      max-width: 100%; 
  }

body {
    -webkit-box-sizing: border-box;   /* Safari/Chrome, other WebKit */
       -moz-box-sizing: border-box;     /* Firefox, other Gecko */
            box-sizing: border-box;     /* Opera/IE 8+ */
}

.wrapper {
	padding: 2em 2em;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}


/* Float Clearing http://nicolasgallagher.com/micro-clearfix-hack */

.group:after {
  content: " "; 
  display: table;
  clear: both;
}
  /* Clearfix */
  
.group {
      *zoom: 1;
      }


/* Image Offset for Indication of Linked Content */
		
section footer {
	clear: both;
}


/* =Responsive 12 Column Grid
http://demos.cyberchimps.com/responsivepro/responsive-grid/
-------------------------------------------------------------- */
/*.grid {
	float: left;
	margin-bottom: 2.127659574468%;
	padding-top: 0;

	background: teal;
	width: 100%;
	margin: 0 auto;
}

.grid-right {
	float: right;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}*/


.col-60 {
  width: 6.382978723404%;

}

.col-140 {
  width: 14.893617021277%;

}

.col-220 {
  width: 23.404255319149%;

}

/*.col-300 {
  width: 31.914893617021%;

}*/

.col-380 {
  width: 40.425531914894%;

}

.col-460 {
  width: 48.936170212766%;

}

.col-540 {
  width: 57.446808510638%;

}

.col-620 {
  width: 65.957446808511%;

}

.col-700 {
  width: 74.468085106383%;

}

.col-780 {
  width: 82.978723404255%;

}

.col-860 {
  width: 91.489361702128%;

}

.col-940 {
  width: 100%;

}

.fit {
  margin-right: 0 !important;
  margin-left: 0 !important;
}



/* 04 HEADER LAYOUT 
-------------------------------------------*/

/* 04.1 slideshow
-------------------------------------------*/
img {
  width: 100%;
}

.cycle-slideshow {
  margin-bottom: -8px;
}

/* 04.2 slideshow headline
-------------------------------------------*/
.slideshow-headline img {
  width: inherit;
}

.slideshow-wrapper {
    height:auto;
    margin: auto;
    text-align:center;
    position:relative;
}


.slideshow-headline {
    position: absolute;
    top: 70%;
    left:0;
    right:0;
    bottom:0;
    color:#fff;
    height:100px;
    z-index: 1000;
    text-align: center;
}

.slideshow-headline {
  	font-size: 2em;
  	font-weight:300;
} 

/* 04.3 page headline
-------------------------------------------*/

.page-headline {
    position: absolute;
    left:0;
    right:0;
    padding-top: 25px;
    color:#fff;
    /*height:100px;*/
    z-index: 1000;
    text-align: center;
}

.page-headline {
  display: none;
}

/* 04.4 navbar
-------------------------------------------*/
.navbar input,
.navbar label {
  display: none;
}

.navbar {
  /*background:#4e5754; */
  padding: 0 25px;
}

.navbar a {
  text-decoration: none;
  color: #fff;
}

.navbar h3 {
  /*background: #999;*/
  float: left;
  font-weight: 400;
  margin: 20px 25px;
  font-size: 1.3em;
  text-transform: uppercase;
}

.navbar nav  ul li {
  display: inline-block;
  font-size: 1.3em;
}

  
.navbar nav a:link {
  display: block;
  padding: 20px 10px;
}

.navbar nav a:active {
  background: #666;
}

.navbar nav a:visited {
  background: #666;
}

.navbar nav a:hover {
 /* background: #5d5349;*/
} 


/* 05 PAGE LAYOUT
-------------------------------------------*/

.external-links .page-wrapper {
	margin-bottom: 100px;
}

.page-wrapper {
  margin: 50px 75px;
}

h1,h2,h3 {
/*  font-weight: 400;
  text-align: center;*/
  magin: 2px 0 5px 0;
}

.featured h3 {
	margin: 15px 0
}

.featured p {
	padding: 0 0 15px 0;
}

.featured {
 /* background: #fff;*/
  /*border-top: 2px solid #ddd;*/
}

.featured footer img {
  /*width: inherit;*/
  float: right;
  width: 3%;
  opacity: .5;
}

.featured footer {
  margin: 25px 0;
}

.col-460 {
  display: inline-block;
  vertical-align: top;
/*  padding: 0 50px;
  box-sizing: border-box;*/
}




/* SITE MAP 
-----------------------------*/
.sitemap .col-460 {
	display: inline-block;
	float: left;
	/*margin: 35px 0 25px 0;*/
}

.sitemap .col-460 h3 {
	text-align: left;
	padding: 10px 0;
}

.sitemap .col-460 h3,
.sitemap .col-460 ul {
	width: 55%;
	margin: 0 auto;
}


.israel .poem {
 	padding: 25px 0;
}

.israel .poem ul {
	width: 30%;
	margin: 0 auto;
	font-style: italic;
}


  ul.book-specs {
/*    background: aliceblue;*/
    width: 64%;
    margin: 10px auto;
    text-align: center;
  }

  .book-specs span {
    font-weight: 600;
  }

  .featured .book-pages ul {
    width: 90%;
    margin: 0 auto;
   /* background: indianred;*/
  }

  .featured ul img {
    width: inherit;
    float: left;
/*    background: khaki;
    border:2px solid red;*/
  }


/* 06 FOOTER LAYOUT 
-------------------------------------------*/
.footer-wrapper {
  padding: 35px 0 0 0;
/*    border-top: 4px solid #ccc;*/
}

.col-300 {
  width: 33%;
  display: inline-block;
  vertical-align: top;
  /*background-color: orange;*/
}

footer {
    margin: 0 50px;
  }

footer ul {
  padding: 0 25px;
}

footer img {
  width: inherit;
} 

footer ul li {
  list-style: none;
  display: inline;
  padding: 3px 0;
}


/*.col-center li,
.col-right li {
  display: block;

}*/


.col-center h4,
.col-right h4 {
	/*background-color: indianred;*/
	width: 71%;
	margin: 0 auto;

}

.col-center li,
.col-right li {
	display: block;
	/*background-color: aliceblue;*/
	width: 80%;
	margin: 0 auto;
}


footer .item-right {
  float: right;
}

.col-left img {
  padding: 10px 10px 0 0;
}

.col-left img:hover {
  opacity: .6;
}

.panorama-wrapper picture {
    float: left;
}

/*.zig-zag {
  width: 100%;
  height: 5px;
  z-index: 111;
  background: url("../graphics/tiles/tile-footer-jaggy-line.png") repeat-x;
}*/

/*.footer-wrapper h4 {
  color: #444;
  font-weight: 600;
  padding: 0 25px;
}*/

/*footer a:link {
  color: #666;
}

footer a:active {
  color: #666;
}

footer a:visited {
  color: #666;
}

footer a:hover {
  color: #666;
}*/

 /* colophone
------------------------------------------*/

.colophone-wrapper {
  padding-bottom: 50px;
  font-size: 14px;
}

h5 {
  display: inline-block;
  padding: 0 20px;
  font-weight: 400;
  color: #666;
}

.cameraicon {
  float: left;
  margin: -13px 10px 0 0;
}

.uparrow {
  float: right;
  visibility: hidden;
}

.colophone-wrapper li {
  color: #384d62;
}


.colophone-wrapper li:last-child {
  float: right;
} 

.colophone-wrapper a:link {
    color: #384d62;

}
.colophone-wrapper a:hover {
    color: #384d62;
    border-bottom: 2px solid #384d62;
}
.colophone-wrapper a:active {
    color: #384d62;
}
.colophone-wrapper a:visited {
    color: #384d62;
}

/* contact form 
-----------------------------------------*/


.contact-form {
  margin: 50px 0;
} 

.contact-form h2 {
  font-size: 1.4em;
  font-weight: 600;
  color: #444;
}

.envelope p {
  font-weight: 400;
  color: #444;
}   

/* width + margin = 100% */
.envelope {    
  width: 36%;
  margin: 10px 32% 10px 32%;
  padding:10px 0;
  border-radius:4px;
}

label {
  font-size: .9em;
  color: #666;
}

/* width + margin = 100% */
form {
  width:80%;
  margin:5% 10%;
}


.formhead {
  width: 96%;
  background-color: transparent;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 8px;
  margin-top: -11px;
  margin-bottom: -8px;
  border-radius: 10px 10px 0 0;
  color: aliceblue;
}


/* Makes responsive fields. Sets size and field alignment.*/
input[type=text] {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 92%;
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #7ac9b7;
  font-size: .7em;
}


button[type=submit] {
  margin-top: 15px;
  margin-bottom: 10px;
  width:98%;
  padding: 15px;
  border-radius:5px;
  border:1px solid #7ac9b7;
  background-color: #4180C5;
  color: aliceblue;
  font-size:15px;
  cursor:pointer;
}

.submit:hover {
  background-color: black;
}

textarea {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  width:92%;
  padding: 10px;
  margin-top: 5px;
  border:1px solid #7ac9b7;
  border-radius:5px;
  margin-bottom: 5px;
  resize:none;
  font-size: .7em;
  height: 125px;
}

input[type=text]:focus,textarea:focus {
  border-color: #4697e4;
}

/* placeholder text color and font weight*/

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999; font-weight: 400;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999; font-weight: 400;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999; font-weight: 400;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999; font-weight: 400;
}


/* form repaly message */
.replay {
  text-align: center;
  font-size: 1.3em;
  color: green;
  line-height: 1.3;
}

/* form validatuon error message */
.error {
  display: block;
  color: green;
  font-family: 'Arial', Sans Serif;
  font-size: .7em;
  padding: 0 10px 10px 10px;
}

  

/* 07 MODULES
-------------------------------------------*/


/* 08 STATE 
-------------------------------------------*/

/* navbar links -------------*/

.navbar h3 a:link {
	color: #ece2d8;
}

.navbar h3 a:active {
	color: #ece2d8;
}

.navbar h3 a:hover {
	color: #ece2d8;
}

.navbar h3 a:visited {
	color: #ece2d8;
}

/*---------------------------*/

.navbar li a:link {
  color: #ece2d8;
}

.navbar li a:active {
  color: #ece2d8;
}

.navbar li a:hover {
  color: #ece2d8;
  /*background-color: #cdb399;*/
  background-color: #bbb;
}

.navbar li a:visited {
  color: #ece2d8;
}

/* main featured links ------*/

.featured a:link {
	color: #06c;
}

.featured a:active {
	color: #06c;
}

.featured a:hover {
	color: #06c;
	border-bottom: 3px solid #ccc;
}

.featured a:visited {
	color: #06c;
}

/* minor featured limks -----*/

/* list links ---------------*/

.sitemap .featured a:link,
.external-links .featured  a:link {
	color: #444;
}

.sitemap .featured a:active,
.external-links .featured  a:active {
	color: #444;
}

.sitemap .featured a:hover,
.external-links .featured  a:hover {
	color: #444;
}

.sitemap .featured a:visited,
.external-links .featured  a:visited {
	color: #444;
}

/* footer link --------------*/

footer .col-center li a:link,
footer .col-right li a:link  {
	color: #ece2d8;
	font-size: 1em;
}

footer .col-center li a:active,
footer .col-right li a:active {
	color: #ece2d8;
}

footer .col-center li a:hover,
footer .col-right li a:hover {
	color: #ece2d8;
	border-bottom: 2px solid #ece2d8;
}

footer .col-center li a:visited,
footer .col-right li a:visited {
	color: #ece2d8;
}

/*---------------------------*/

/*.home .featured footer a:link,
.col-460 a:link {
	color: #06c; 
}
.home .featured footer a:active,
.col-460 a:active {
	color: #06c; 
}
.home .featured footer a:hover,
.col-460 a:hover {
	color: #06c;
	border-bottom: 2px solid #06c; 
}
.home .featured footer a:visited,
.col-460 a:visited {
	color: #06c; 
}*/

/* iamge links --------------*/

figure img:link {
	box-shadow: none;
}

figure img:active {
	box-shadow: none;
}

figure img:hover {
	box-shadow: 2px 2px 5px #888888;
}

figure img:visited {
	box-shadow: none;
}


.area-4 figure img:link,
.publications figure img:link {
	box-shadow: none;
}

.area-4 figure img:active,
.publications figure img:active {
	box-shadow: none;
}

.area-4 figure img:hover,
.publications figure img:hover {
	box-shadow: none;
}

.area-4 figure img:visited,
.publications figure img:visited {
	box-shadow: none;
}


/* 09 VISIBILITY
-------------------------------------------*/

#portfolios.featured.area-3 footer a:first-child {
	visibility: hidden;
}

.featured footer a:first-child {
	visibility: hidden;
}

.home .featured footer a:first-child {
	visibility: visible;
}


/* 10 BRWOWSER SPECIFIC
-------------------------------------------*/

/* 11 TOOLS 
-------------------------------------------*/


/*------------------------------------------ 
MQ for devices with max width 1600px
------------------------------------------*/
@media screen and (max-width: 1600px) {
	#container {
		max-width: 1600px;
		margin: 0 auto;
	}
}

/*------------------------------------------ 
MQ for devices with max width 1200px
------------------------------------------*/
@media screen and (max-width: 1200px) {
	
	/* Header ----------------------------*/
	.slideshow-headline {
		font-size: 1.6em;
	}

	/* SITE MAP --------------------------*/
		.sitemap .col-460 h3,
		.sitemap .col-460 ul {
		width: 80%;
		margin: 0 auto;
	}
	
	/* Footer ----------------------------*/

	.col-300 {
	  width: 32%;
	}

}

/*----------------------------------------- 
MQ for devices with max width 980px 
------------------------------------------*/
@media screen and (max-width: 980px) {


	/* BRWOWSER SPECIFIC
	-------------------------------------------*/

	/*
	http://www.paulirish.com/2009/browser-specific-css-hacks/
	https://jeffclayton.wordpress.com/2014/07/22/the-chrome-and-safari-css-hacks-collection/
	*/


	/* FF 3.5+ */

	body:not(:-moz-handler-blocked) .navbar label { 
		    margin-top: -55px;
		}

		
	/* Safari 7.1-8.0 (7.1+) */

	_::-webkit-full-page-media, _:future, :root .navbar label { 
		    margin-top: -55px;
		}



	/* header-------------------------------*/

	.slideshow-headline {
	  display: none;
	}

	.page-headline {
	  display: block;
	  color: #666;
	  font-size: 1.5em;
	}

	.page-headline img {
	  width: inherit;
	}


	.navbar h3 a {
	  pointer-events: none;
      cursor: default;
	}	

	.navbar {
	  padding: 0 75px;
	}

	.navbar nav {
	  padding: 21px 0 0 0;
	}

	.navbar nav ul {
	  /*background: teal;*/
	}

	.navbar h3 {
	  float: none;
	  overflow: hidden;
	  margin: 0;
	  padding: 18px 0; 
	}

	.navbar nav ul li {
	  display: block;
	  border-top: 1px solid #999;
	}


	/*---------------------------*/

	.navbar li a:link {
		padding: 16px 10px;
	  	color: #ece2d8;
	}

	.navbar li a:active {
	  	color: #ece2d8;
	}

	.navbar li a:hover {
	  	color: #ece2d8;
	  	background-color: #cdb399;
	}

	.navbar li a:visited {
	  	color: #ece2d8;
	}	

/*	.navbar li a:link {	
	  padding: 16px 10px;	
	  color: #ece2d8;
	}

	.navbar li a:active {
	  color: #ece2d8;
	}

	.navbar li a:hover {
	  color: #ece2d8;
	}

	.navbar li a:visited {
	  color: #ece2d8;
	}*/

	/*---------------------------*/


/*	.navbar nav a:link {
		background-color: #5f7986;
	}

	.navbar nav a:active {
		background-color: #5f7986;
	}

	.navbar nav a:hover {
		background-color: #cdb399;
	}

	.navbar nav a:visited {
		background-color: #5f7986;
	}*/

	/* responsive checkbox */
	.navbar nav {
	    height: 0;
	    overflow: hidden;
	}       

	.navbar input[type=checkbox] {
	    position: absolute;
	    top: 28.125em;
	    left: -999em;
	}
	  
	.navbar label { 
	    display:block;
	    background: url("../graphics/icons/icon-menu-white.png") no-repeat right center;
	    text-indent: -999em;
	    cursor: pointer;
	    -webkit-user-select: none;            /* Chrome all / Safari all */
	    -moz-user-select: none;               /* Firefox all */
	    -ms-user-select: none;                /* IE 10+ */
	    user-select: none;
	    margin-top: -58px;
	    padding: 5px 0;
	}
	  
	.navbar input[type=checkbox]:checked ~ nav {
	    height: auto;
	    overflow: hidden;  
	}

	/* Page ----------------------------*/

	.home .page-wrapper {
		margin-top: 250px;
	}

	.page-headline {
		padding-top: 40px;
	}

	.col-460 {
	width: 100%;
	  padding: 0 22px;
	}

	.featured footer img {
		width: inherit;
	}

	/* SITE MAP ------------------------*/
	  .sitemap .col-460 h3,
	  .sitemap .col-460 ul {
	    width: 100%;
	    margin: 0 auto;
	  }

	/* Footer --------------------------*/
	footer {
	  margin: 0 0;
	}

	footer ul {
	  padding: 0;
	}	

	.col-300 {
		display: block;
		width: 100%;
		margin: 50px 0;
	}

	.col-left {
	  display: inline;
	}



	.col-left h4,
	.col-center h4,
	.col-right h4 {
		/*background-color: indianred;*/
		text-transform: uppercase;
	  	border-bottom: 2px solid #ece2d8;
	  	padding: 15px 0 5px 0;
		width: 100%;
		margin: 0 auto;
	}

	
	.col-left h4,
	.col-center h4,
	.col-right h4, 
	.col-left ul li,
	.col-center ul li,
	.col-right ul li {
		width: 84%;
	}


	ul.iconbar{
		width: 82%;
		margin: 0 auto;		
	}
	

	.col-center li,
	.col-right li {
	  padding: 15px 0;
	  border-bottom: 2px solid #ece2d8;
	}


	.col-center li a,
	.col-right li a {
		display: block;
	}


	.colophone-wrapper {
		margin: 0 75px 25px 75px;
	}  

	/* contact form 
	------------------------------------------*/
	.envelope {
	  width: 50%;
	  margin: 10px 25% 10px 25%;
	}

	textarea,
	input[type=text] {
	  width: 96%;
	}

	button[type=submit] {
	  width: 100%;
	}

	/* colophone 
	------------------------------------------*/	
	 .uparrow {
	    visibility: visible;
	 }

	/*---------------------------------------*/

	footer .col-center li a:link,
	footer .col-right li a:link  {
		color: #ece2d8;
		font-size: 1em;
		padding: 0 10px;
	}

	footer .col-center li a:active,
	footer .col-right li a:active {
		color: #ece2d8;
	}

	footer .col-center li a:hover,
	footer .col-right li a:hover {
		color: #ece2d8;
		border-bottom: 0;

	}

	footer .col-center li a:visited,
	footer .col-right li a:visited {
		color: #ece2d8;
	} 

	/*--------------------------------------*/

	footer .col-center li:link,
	footer .col-right li:link  {
		background-color: #698695;
		font-size: 1em;
	}

	footer .col-center li:active,
	footer .col-right li:active {
		background-color: #698695;
	}

	footer .col-center li:hover,
	footer .col-right li:hover {
		background-color: #698695;
	}

	footer .col-center li:visited,
	footer .col-right li:visited {
		background-color: #698695;
	}

}


/*------------------------------------------ 
MQ for devices with max width 768px
------------------------------------------*/
@media screen and (max-width: 768px) {

	.navbar {
    padding: 5px 50px;
  }

  .page-headline {
		margin:0 50px;
	}

	/* contact form 
	------------------------------------------*/
	.envelope {
	  width: 60%;
	  margin: 10px 20% 10px 20%;
	}

}


/*------------------------------------------ 
MQ for devices with max width 650px
------------------------------------------*/
@media screen and (max-width: 650px) {

  .navbar {
    padding: 5px 25px;
  }

  .page-wrapper,
	footer {
		margin: 0 30px;
  }


	/* SITE MAP --------------------------*/
	.sitemap .col-460 {    
	  float: none;
	  display: block;
	  margin: 0 auto;
	}

	.about h5 {
		margin-bottom: 50px;
	}

	/* contact form 
	--------------------------------------*/
	.envelope {
	  width: 80%;
	  margin: 10px 10% 10px 10%;
	}

}


/*------------------------------------------ 
MQ for devices with max width 480px
------------------------------------------*/
@media screen and (max-width: 480px) {

	.navbar h3 {
		text-align: left;
	}

	.navbar {
		padding: 5px 15px;
	}
	
	.home .page-wrapper {
		margin-top: 440px;
	}

	.page-wrapper,
	footer {
		margin: 0 15px;
	}

	 /* SITE MAP ------------------------*/
	  .sitemap .col-460 {    
	    width: 75%;
	  }		

	footer ul {
	  padding: 10px 0;
	}

	/* contact form 
	------------------------------------*/
	.envelope {
	  width: 100%;
	  margin: 10px 0 10px 0;
	}


}


/*------------------------------------------ 
MQ for devices with max width 360px
------------------------------------------*/
@media screen and (max-width: 360px) {

  /* SITE MAP ----------------------------*/
  .sitemap .col-460 {    
    width: 100%;
  }
  
}