* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
}

html,
body {
	margin:0;
	padding:0;
	font-size:62.5%;
	line-height:1.125;
	font-family:helvetica,arial,sans-serif;
	background-color:black;
	background-repeat:no-repeat;
	color:#fff;
}

body {
	height:auto;
	background-image:url("bg-test.jpg");
	background-size: 100%;
	background-attachment:fixed;
}

.intro {
	height:100vh;
	position:relative;
}
.intro .ibottom .s12 {
	text-align: center;
}
.full {
	background:rgba(0,0,0,0.8);
	height:100vh;
}
.fullcover {
	background:rgba(0,0,0,0.8);
}
.fullcover h1 {
	padding-top:100px;
}

.full .container .s6 .gutter {
	padding:60px;
}

/* containers */
.container { 
	margin:0;
	width:100%;
}

.row {
	margin:1.0rem 0 0 0;
	padding:20px 0 0 0;
}

.row:after {
	content:"";
	display:table;
	clear:both;
}

.col {
	float:left;
	width:100%;
}

.gutter > .col {
	margin-bottom:1.0rem;
}

.gutter > .col:last-child {
	margin-bottom:0;
}

img.img-responsive {
	width:100%;
}
.hundred {
	width:100%;
}
.center {
	text-align: center;
}
/* sample styles (replace with your presentation layer) */
header {
	font-size: 1rem;
	
}
header.global {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	padding:1.0rem;
	border:none;
	background:#c2c2c2;
}
header.global .row,
header.global .col,
nav .row,
nav .col,
header.global p {
	margin:0;
	padding:0;
	background:none;
	border:none;
	font-size:1.1rem;
	line-height:1.0;
	font-style:normal;
	color:#fff;
}
nav {
	z-index:9999;
	position:fixed;
	left:0px;
	bottom:0px;
	width:100%;
	margin:0;
	padding:1.0rem;
	background:#f16270;
}
ul.primary, 
ul.secondary {
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.primary li {
	float:right;
	margin:0;
	padding:0;
	width:20%;
}
ul.primary li a {
	display:block;
	margin:0;
	padding:0 1.0rem;
	text-align:center;
	font-weight:700;
	font-size:1.4rem;
	color:#fff;
}
ul.secondary li a {
	display:block;
	margin:0;
	padding:0 1.0rem;
	text-align:center;
	font-weight:700;
	font-size:1.4rem;
	color:#f16270;
}
footer {
	margin-top:1.0rem;
	padding-top:1.0rem;
}
h1,
h2,
h3,
h4 {
	margin:0 0 0.5rem 0;
	padding:0;
	font-size:6.4rem;
	font-weight:400;
	font-weight:lighter;
}
h2 {
	font-size:3.8rem;
}
h3 {
	font-size:1.8rem;
}
h4 {
	font-size:1.4rem;
	font-weight:700;
	font-style:normal;
	color:#000;
}
em {
	font-style:normal;
	font-family: 'Shadows Into Light', cursive;	
}

p {
	margin:0 0 1.4rem 0;
	font-size:2rem;
	line-height:2.4rem;
}
.enes {
	padding-left: 10px;
}
p a.active {
	font-size:10px;
}
p a.inactive {
	font-size:8px;
}
p.tag {
	margin-top:10px;
	margin-bottom:50px;
	font-family: 'Shadows Into Light', cursive;
	font-size:3.4rem;
	line-height:4rem;
}
p.subtag {
	margin-top:10px;
	margin-bottom:15px;
	font-size:1.8rem;
	font-family: 'Shadows Into Light', cursive;
}
.globebg ol li a {
	color:#fff;
}
ol li {
	list-style-type:none;
	padding: 10px;
	font-size: 1.4rem;
	margin-left:-48px;
}
a.project {
	position:relative;
	display:block;
}
a.project h4 {
	position:absolute;
	margin:0;
	padding:15px;
	top:0px;
	left:0px;
	transition: all .2s ease-in;
	width:100%;
	height:100%;
	background:rgba(241,98,112,0.5);
	color:white;
	opacity:1;
	font-size:2.8rem;
	line-height:3rem;
	font-weight:100;
	font-family: helvetica,arial,sans-serif;
	font-style:normal;
	text-transform:none;
}
a.project:hover h4 {
	opacity: 0;	
}
footer p {
	font-size:1.0rem;
}
p.identity {
	float:left;
}
p.tagline {
	text-align:right;
}
p.lead {
	font-size:2.0rem;
	line-height:1.375;
	font-weight:300;
}
a {
	color:#f16270;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

button {
	display: inline-block;
	margin:20px 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: none;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #fff;
	background-color:#f16270;
}
table,
form {
	margin:0 0 15px 0;
	padding:0;
}
label, input {
	display:block; /*Do this instead of putting line breaks beofre everything*/
	width:100%;
}
label {
	font-size:15px;
	margin-bottom:5px;
	color:#fff;
}

input {
	margin-bottom:25px;
	padding:5px;
	border-solid:1px #999;

}
#thanks {
	margin: 0 0 10px 0;
	padding: 10px;
	background:#fff;
	border:solid 3px #10293F;

	display: none; /*IT'S NOT SHOWING UP NOW. Like it never existed.*/
	position:relative;
} /*Think about error messages and such when designing*/

#thanks h3,
#thanks p {
	margin: 0;
	padding:0;	
}
select {
	margin-bottom:20px;
}
#exit {
	position:absolute;
	top:10px;
	right:10px;
	font-size:24px;
	color:#fff;
	text-decoration:none;
}
.ibottom {
	position:absolute;
	bottom:30px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}
.tix ul li {
	font-size:2rem;
	line-height:2.4rem;
	margin-left:-18px;
	padding: 2px 30px 2px 0px;
}

/* end sample styles */
.fr {
	float:right;
}
.globe {
	position: relative;
	z-index:1;
	width:100%;
}
.globebg {
	background-image:url("../images/globe.svg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: cover;
}
.globebgr {
	background-image:url("../images/globe-romainia.svg");
	background-repeat:no-repeat;
	background-position:left;
	background-size: cover;
}
.place {
	margin: 0 30px;
}


@media only screen and (min-width:768px) {
	/* tablet portrait */
	.gutter > .col {
		margin-left:2%;
	}
	.gutter > .col:first-child,
	.gutter > .col.s12 {
		margin-left:0;
	}
	
	.col.s1 {
		width:8.333%;
	}
	.col.s2 {
		width:16.666%;
	}
	.col.s3 {
		width:25%;
	}
	.col.s4 {
		width:33.333%;
	}
	.col.s5 {
		width:41.666%;
	}
	.col.s6 {
		width:50%;
	}
	.col.s7 {
		width:58.333%;
	}
	.col.s8 {
		width:66.666%;
	}
	.col.s9 {
		width:75%;
	}
	.col.s10 {
		width:83.333%;
	}
	.col.s11 {
		width:91.666%;
	}
	.col.s12 {
		width:100%;
	}
	
	.gutter .col.s1 {
		width:6.5%;
	}
	.gutter .col.s2 {
		width:15%;
	}
	.gutter .col.s3 {
		width:23.5%;
	}
	.gutter .col.s4 {
		width:32%;
	}
	.gutter .col.s5 {
		width:40.5%;
	}
	.gutter .col.s6 {
		width:49%;
	}
	.gutter .col.s7 {
		width:57.5%;
	}
	.gutter .col.s8 {
		width:66%;
	}
	.gutter .col.s9 {
		width:74.5%;
	}
	.gutter .col.s10 {
		width:83%;
	}
	.gutter .col.s11 {
		width:91.5%;
	}
	.gutter .col.s12 {
		width:100%;
	}
	/* navigation */
	body {
	}
	nav {
		bottom:auto;
		top:3.0rem;
		float:right;
	}
	ul.primary {
		float:right;
	}
	ul.primary li {
		width:auto;
		margin-right:3.0rem;
		float:right;
	}
	ul.primary li a{
		padding:0;
		text-align:left;
	}
	
	.group {
		padding-top:1.0rem;
		border-top:solid 1px #e2e2e2;
	}
	

.hold {
	position:fixed;
	z-index:99999999;
}
nav {
	position:fixed;
	z-index:9999;
	width:auto;
	margin:0;
	background:#f16270;
	left: auto;
	bottom: auto;
}
nav ul li {
	margin:0;
	padding:1.0rem;
	background:#f16270;	
	z-index:9999;
}
.fixnav {
	position:fixed;
	z-index:9999;
	
}

ol li {
	list-style-type:none;
	padding: 5px;
	font-size: 2rem;
	margin-left:-43px;
}

}

@media only screen and (min-width:1024px) {
	/* tablet landscape, medium screen */
	.gutter > .col.s12 {
		margin-left:2%;
	}
	.gutter > .col:first-child {
		margin-left:0;
	}
	.col.m1 {
		width:8.333%;
	}
	.col.m2 {
		width:16.666%;
	}
	.col.m3 {
		width:25%;
	}
	.col.m4 {
		width:33.333%;
	}
	.col.m5 {
		width:41.666%;
	}
	.col.m6 {
		width:50%;
	}
	.col.m7 {
		width:58.333%;
	}
	.col.m8 {
		width:66.666%;
	}
	.col.m9 {
		width:75%;
	}
	.col.m10 {
		width:83.333%;
	}
	.col.m11 {
		width:91.666%;
	}
	.col.m12 {
		width:100%;
	}
	
	.gutter .col.m1 {
		width:6.5%;
	}
	.gutter .col.m2 {
		width:15%;
	}
	.gutter .col.m3 {
		width:23.5%;
	}
	.gutter .col.m4 {
		width:32%;
	}
	.gutter .col.m5 {
		width:40.5%;
	}
	.gutter .col.m6 {
		width:49%;
	}
	.gutter .col.m7 {
		width:57.5%;
	}
	.gutter .col.m8 {
		width:66%;
	}
	.gutter .col.m9 {
		width:74.5%;
	}
	.gutter .col.m10 {
		width:83%;
	}
	.gutter .col.m11 {
		width:91.5%;
	}
	.gutter .col.m12 {
		width:100%;
	}
	
}

@media only screen and (min-width:1240px) {
	/* large screen, fix live area */
	.container {
		margin:0 auto;
		width:1200px;
	}
}