body {

	font: normal 0.9em  'Helvetica Neue', sans-serif;
	display: -webkit-flex;

	display: flex;

	-webkit-flex-flow: row wrap;

	flex-flow: row wrap;

	align-items: center;
	justify-content: center;
	background-color: #fff;
 }



h1  { 
	font-size:3em;
	color: #fff;
    text-shadow:0px 0px 0 #eee, -1px 0px 0 #ddd, -2px 0px 0 #ccc, -3px 0px 0 #bbb;
	margin:1em 0 0 1em;
        line-height:0.6em;
    }

h1 a  { 
       font-size:0.4em;
       font-weight:normal;
       color:#fff;
       text-decoration:none;
	padding: 0.1em 0.2em;
	background: #369;
	opacity: 0.5;
    text-shadow:none; 
    }

h2 {

	color: #fff;
	font-weight: normal;

	font-size: 1.8em;

	margin:0.7em 0 0 0.9em;

 
}

  nav h2  { 
	font-size:1.7em;
	font-weight:normal;
	letter-spacing: 0.03em;
        margin: 0.5em 0 0 0;
	padding:0 0 0 0;
        border:1px none white;
        display: block;
    }
  #smallsc  { 
    display:none;
    }


       h3  { 
	font-size:1.3em;
	font-weight:normal;
	letter-spacing: 0.03em;
	margin:155px 0 0 20px;
    }

  .art h3  { 
	font-size:1.3em;
	font-weight:normal;
	letter-spacing: 0.03em;
	margin:7.9em 0 0 1em;
    }







    #parentbox { 
	display: flex ;
	width: 1021px;
	border: thin none #eee; 
	flex-direction: row;
        flex-wrap: wrap;
        box-shadow: 6px 0 9px #777;
	align-items: center;
	justify-content: center;
	background-color: #eee;
    }


header,
nav, section, 


footer {

	border: 1px none;
	margin: 1px 0 1px 0;

	-webkit-flex: 1 100%;

	flex: 1 100%;

 }



header {

	background: url(img/headera.jpg) #eee no-repeat bottom center;
	height: 400px; 
	padding: 0;

	border-color: #ccc;

 }



#language	{
    display:block;
    margin:0.6em 0 0 3em;
 }



nav {
	background: #369;
	height: 50px; 
	padding: 0 0 0 2em;

	border-color: #ccc;

	margin-bottom: 30px;
 }





    #getinfo {
    margin: 0.3em 0 0 45em;
    padding: 0.3em 0;
    text-decoration: none;
    border:1px none navy;
	width: 24.7em;
	height: 18em;    
	background: #369;
	opacity: 0.7;
	display:block;
 }




.minfo {

	font-weight: bold;

	font-size: 110%;

	width: 90%;

	margin-left: 7%;

	margin-bottom: 15px;
  
}





form {

	width: 20em;
	color:white;
  }


input,
label.input {

	float: left;

	width: 40%;
}


input {
	margin: 0 0 1em .2em;

	padding: .2em .5em;

	background-color: #fffbf0;

	border: 1px solid #e7c157;
}


label.input {
	text-align: right;

	line-height: 1.5;
}


label.input::after {

	content: ": ";
}


button {

	float: right;

	width: 30%;
 
}


.blue { display:none; }







article {

        min-width: 10em;
	background: #fff;

	border-color: #ccc;

	-webkit-flex: 1 1 0%;

	flex: 1 1 0%;
	margin: 10px;
 }

section {

        min-width: 10em;

	margin: 0;
	padding: 1em 0 0.7em 0;
	align-items: left;
	justify-content: left;
  border:1px none red;
 }

section a {

   color:#555;
   text-decoration:none;
 }

.seperate {
   float:left;
   font-size:1.2em;
   color:#999;
   margin:0 0 0 20px;
 }
.icophone {
 float:left;
 margin:4px 0 0 25px;
 }
.textphone {
   float:left;
   color:#555;
   margin:4px 0 0 5px;
 }
.icomail {
 float:left;
 margin:0 0 0 20px;
 }
.textmail {
 float:left;
 margin:4px 0 0 5px;
 }
.matelmail {
 font:16px Times New Roman, Times, serif;
 font-weight:bold;
 color:#999;
 text-decoration: none;
 }
.icosky {
 float:left;
 margin:2px 0 0 25px;
 }
.textsky {
   float:left;
   color:#555;
   margin:4px 0 0 5px;
 }


.bookit {

       float:left;
       margin:4px 0 0 20px;
 
}
.bookit a {

       font-size: 0.9em;
       color: #fff; 
       background: #f74;
       padding:0.2em 0.7em;
       text-decoration:none;
 
}
.icoface {
 float: left;
 margin:0 0 0 25px;
 }
.icotube {
 float:left;
 margin:0 0 0 25px;
 }
.icogram {
 float:left;
 margin:0 0 0 25px;
 }




  .art {
    flex: 1 1 260px;
    align-self: center;
    max-width:260px;
    height: 300px;  
  }

  .art a {
 margin:0;
 display:block;
 color:#333;
 width: 260px;
 height: 300px;
 font-weight: normal;
 text-decoration:none;
  }

  .art p {

	padding: 0 1em;

	margin: 2em 0 0 0;
 }








footer {

	color: #ddd; 

	margin-top: 3em;
	padding: 0 0 0 1em; 
	background: #369;

	border-color: #ccc;

 }

#foomenu {

      text-align:left;
 }





footer a {

	color: #ddd; 
        text-decoration:none;
 }


.tfooter {

	margin-top: 6em;
 }




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

h1  { 
	font-size:3em;
	color: #ddd;
	margin:1em 0 0 3.5em;
        line-height:0.6em;
    }

section {

	padding: 1em 0 1.2em 0;
 }

.icomail {
 clear: both;
 margin:0 0 0 25px;
 }
.icosky {
 clear: both;
 margin:5px 0 0 25px;
 }
.textsky {
   margin:7px 0 0 5px;
 }

.bookit {
       clear: both;
       margin:20px 0 0 0;
       background: #f74;
       width:100%;
       text-align:center;
 }
.bookit a {
	padding: 1em;
        border:1px none white;
        display: block;
 }
.icoface {
 clear: both;
 margin:20px 0 0 25px;
 }
.icotube {
 float:left;
 margin:20px 0 0 45px;
 }
.icogram {
 float:left;
 margin:20px 0 0 45px;
 }

      }


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

#getinfo	{
    display:none;
}

  nav h2  { 
    display:none;
    }
  #smallsc  { 
	font-size:1.3em;
	font-weight:normal;
	letter-spacing: 0.03em;
        margin: 0.7em 0 0 0;
	padding:0 0 0 0;
        border:1px none white;
        display: block;
    }

#language	{
    display:block;
    margin:15.5em 0 0 3em;
 }

                               }