html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }
body {
	margin:0;
	padding:0;
/*	font: 400 13px/20px Arial,Helvetica,sans-serif;
*/	font: 400 18px/28px Arial,Helvetica,sans-serif;
	background:#FFF;
}
h1 {
/*	font: 900 22px/34px Arial,Helvetica,sans-serif;
*/	font: 900 28px/36px Arial,Helvetica,sans-serif;
}
h2 {
	padding-top:20px;
}
.primary-header {
	margin:0;
	background-color:#3e6cb7;
}
section {
	position:relative;
	margin:0;
	background-color:#3e6cb7;
}
article {
	position:relative;	
	margin:0;
	padding:15px;
	width:100%;
	background-color:#fff;
}
.primary-container, .primary-article, .article-container, h1 {
	margin:0;
}
.content-container {
	margin-top:15px;
}
.bnr {
	width:100%;
	margin:2em 0;
}
.bnr img {
	display:inline-block;
	width:100%;
}
.mission {
	position:relative;
	display:inline-block;
	font-size:150%;
	margin-top:15px;
	width:100%;
	text-align:right;
	color:#036;
}
.mission-text {
	font-style:italic;
	text-align:right;
	margin-bottom: 35px;
	color:#036;
}

.primary-nav-sibling, .fb-page {
	margin:0;
	padding:15px;
	width:100%;
	color:#FFF;
}
.fb-page {
  display: none;
}
nav a {
	color:#FFF;
	text-decoration:none;
}
nav li {

	list-style:none;
	padding:5px 5px 5px 15px;

}
nav li:hover {
	background-color:#2e5ca7;
}
.navbar-top {
	padding:15px;
	color:#FFF;
}
.navbar .title {
	font-weight:bold;
	font-size:70%;
	margin-left:10px;
	vertical-align:top;
}
.navbar img {
	display:inline-block;
	width:20%;
	border:#FFF 2px solid;
}
nav ul {
	padding-left:10px;
}
.avlang {
	width: 100%;
	margin: 0;
	padding: 1em;
	color:#FFF;
	text-align:right;
}
.avlang a {
	color:#fd0;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}
.avlang a:hover {
	color:#fff;
	text-decoration:underline;
}

.action {
	display:block;
	background-color: #F5F5F5;
	width: 100%;
	padding: 0 16px 10px;
	position: relative;
}
.action ul {
	padding: 0px;

}
.action li {
	list-style:none;
	position:relative;
	margin-bottom:0px;
	padding:4px;
	border-top:#666 thin dashed;
}
.action li:hover {
	background-color:#5E8CD7;
}
.action li .contribution {
	font-weight:bold;
	position:relative;
	display:block;
	width: 10%;
	vertical-align:top;
	text-align:left;
	margin-right:10px;
}
.action li .rewardesc {
	position:relative;
	display:inline-block;
	width:100%;
	vertical-align:top;
}

footer {
	padding:15px;
}
.clearme {
	clear:both;
}
.alert {
	 color:#C00;
}
.smedia {
	position:relative;
	display:block;
	width:100%;
	text-align:left;
}
.btn {
	display:block;
	width:90%;
	margin:40px auto;
	padding:15px;
	background-color:#F90;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	border-radius: 10px;
	font-size:120%;
	cursor:pointer;
	text-decoration:none;
}
.btn:hover {
	background-color:#F60;
}
hr {
	color:#06C;
}

#clockdiv{
	font-family: sans-serif;
	color: #fff;
	display: inline-block;
	font-weight: 100;
	text-align: center;
	font-size: 20px;
	width:100%;
}

#clockdiv > div{
	padding: 5px;
	border-radius: 2px;
	background: #6E9CE7;
	display: inline-block;
}

#clockdiv div > span{
	padding: 10px;
	border-radius: 2px;
	background: #3E6CB7;
	display: inline-block;
}

.smalltext{
	padding-top: 3px;
	font-size: 14px;
}
.campaing-ends {
	text-align:center;
	color: #6E9CE7;
}

#translatedby {
  width: 100%;
  text-align:right;
  font-size: 14px;
  color: #666;
}

.sponsors {
	text-align:center;
	margin-top:3em;
}
.sponsors h2 {
	 width:100%;
	 background-color:#ddd;
	 padding:0.5em;
}
.sponsors span img {
	border:#CCC 1px  dashed;
}

@media only screen and (min-width: 480px) {
  /* 600 =================================================== */
.navbar .title {
	font-size:120%;
} 
nav ul {
	padding-left:30px;
}
.action li .contribution {
	display:inline-block;
	width: 7%;
	text-align:right;
	margin-right:10px;
}
.action li .rewardesc {
	display:inline-block;
	width:89%;
}
}
@media only screen and (min-width: 600px) {
  /* 600 =================================================== */
.navbar .title {
	font-size:160%;
}

#clockdiv{
	font-size: 30px;
}

#clockdiv > div{
	padding: 10px;
	border-radius: 3px;
}

#clockdiv div > span{
	padding: 15px;
	border-radius: 3px;
}

.smalltext{
	padding-top: 5px;
	font-size: 16px;
}



}
@media only screen and (min-width: 770px) {
  /* 780 =================================================== */
body {
/*	font: 400 13px/20px Arial,Helvetica,sans-serif;
*/	font: 400 14px/22px Arial,Helvetica,sans-serif;
	background:url(../img/greekflagbg.jpg) repeat fixed;
}
h1 {
/*	font: 900 22px/34px Arial,Helvetica,sans-serif;
*/	font: 900 30px/34px Arial,Helvetica,sans-serif;
}
.primary-header {
	background-color:rgba(62, 108, 183, 0.85);
}
.primary-container {
	border-bottom:#3e6cb7 5px solid;
}
section {
	background-color:rgba(62, 108, 183, 0.85);
}
.navbar .title {
	font-size:210%;
} 
.navbar-top {
    padding-top: 35px;
}
.avlang {
	width: 60%;
	padding: 1em 0;
	margin-left: 1em;
}
.avlang a {
	text-shadow:2px 2px #000;
}
article {
	width:60%;
	padding:25px;
	float:left;
	left:15px;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
}
.fb-page {
	width:35%;	
	margin-left:35px;
}
.primary-nav-sibling {
	width:35%;	
	margin-left:35px;
	display:inline-block;
}
.sibling-nav {
	margin-bottom:40px;
}
nav ul {
	padding-left:10px;
}

}
@media only screen and (min-width: 995px) {
  /* 780 =================================================== */
.navbar .title {
	font-size:230%;
} 
.navbar-top, footer {
    padding: 45px;
}
.avlang {
	padding: 1em 0;
	margin-left: 3em;
}
article {
	padding:50px;
	float:left;
	left:40px;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
}
.primary-nav-sibling, .fb-page {	
	margin-left:50px;
	width:33%;
}

}

@media only screen and (min-width: 1140px) {
.navbar .title {
	font-size:250%;
}
.avlang {
	max-width: 750px;
	margin-left:80px;
	padding: 1em 0;
} 
article {
	left:80px;
	max-width: 750px;
}
.primary-nav-sibling, .fb-page {
	width:30%;
	max-width: 400px;
	margin-left:100px;
}
.navbar img {
	width:220px;
}
}