a:hover {}
a {}

.custom p img {}

.nav>li {display: inline-block !important; margin:0 0 2px 0;}
.col-xs-12 {float:left;}

@media all and (max-width: 823px) {
  .logo {display:none;}
}
  
@media all and (max-width: 600px) {
  .nav>li>a {font-size:100% !important; padding: 2px 0; }
  .sitename {font-size: 1em !important;}
  .sitename>div.custom p {}
  .nav>li {display: block !important;}
}

@media all and (max-width: 600px) {
.sitename>div.custom p:before { visibility:visible;}
.nav {text-align: center;}
.logo {display:none;}  
}

@media all and (max-width: 991px) and (min-width: 601px) {
  .nav {text-align: center;}
  .nav>li>a {font-size: 0.8 !important; }
  .sitename {font-size: 1em !important;}
  .nav>li {display: block !important;}
}


@media all and (max-width: 1000px) and (min-width: 992px) {
  .nav>li>a {font-size: 0.9em !important; }
  .sitename {font-size: 1em !important;}
}

@media all and (max-width: 1100px) and (min-width: 1001px) {
  .nav>li>a {font-size: 0.8em !important;}
  .sitename {font-size: 1.1em !important;}
}

@media all and (max-width: 1200px) and (min-width: 1101px) {
  .nav>li>a {font-size: 0.9em !important;}
  .sitename {font-size: 1.3em !important;}
}

@media all and (max-width: 1299px) and (min-width: 1201px) {
  .nav>li>a {font-size: 0.9em !important;}
  .sitename {font-size: 1.5em !important;}
}

@media all and (max-width: 1350px) and (min-width: 1300px) {
  .nav>li>a {font-size:18px !important;}
  .sitename {font-size: 1.5em !important;}
}

body {font-size: 2em; background: url(../../../images/crete_greece_chania_813173.jpg) repeat center top; background-size: 100% cover;}
#maincomp {background:#fff; position: relative; height: 700px;}
#maincomp:before {display: block; padding-top: 60%; content: "";}
.comp {position:  absolute;	top: 0;	left: 0; bottom: 0;	right: 0; padding:20px; overflow-y: scroll;}

.nav>li>a {font-size: 0.8em; color:#fff;}
.nav>li>a:hover {color:#666; border-botom:1px solid #333;}
.sitename {font-size: 2em; color: #fff; font-family: Lucida handwriting; padding: 3% 0;}
.box {position:relative;}
.box:before{ content: ""; display: block;	padding-top: 94%; }
.boxa {position:relative;}
.boxa:before{ content: ""; display: block;	padding-top: 70%; }


.nav>li>a:hover, .nav>li>a:focus { text-decoration: none; background: #eeeeee; border-bottom:2px solid #777; margin:0 0 -2px 0;}


.contact {padding: 10px; }

.top1{}
.infomenu{}
			
.logo{}		
.headspace{}
.searchform{}
.slide{}
				
.announce1{}
.announce2{}
.announce3{}

				
.banner1{}
.banner2{}
				
.banner3{}
.banner4{}

.announce4{}
.announce5{}
.announce6{}

.footer1{}
.footer2{}
.footer3{}
.footer4{}
.footer5{}
.footer6{}
.footer7{}