body {
  padding: 0px;
  margin: 0px;
  color:rgb(70,0,255);
}


a {
color:white;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

.white a {
color:rgb(70,0,255);
}

.image a {
	text-decoration:none;

}

.typo {
font-family:'Trade Gothic W01 Bold_2';
  padding: 2%;
  float:left;
  width:96%;
 font-size:7em;
 letter-spacing:0.01em;
}

.typo div {
  max-width:1200px;
  margin:0 auto;
  width:96%;
  line-height:130%;

}

.entries {
  font-size:1.7em;
   padding: 3% 2%;
}

.blue {
 background:rgb(70,0,255);
  color:white;
}

.white {
	background:white;
	color:rgb(70,0,255);
}

.typoblue, .typoblue * {
	color:rgb(70,0,255);
}

.distribution {
background:white;
color:rgb(70,0,255);
font-size:1.2em;
padding:2% 0px;
width:100%;
}

.gallery {
  max-width:1200px;
  margin:0 auto;
  width:96%;
  color:rgb(70,0,255);
  font-size:1.2em;
  float:none;
  padding-top:50px;
 }

.distribution > div > div,
.typo div.gallery-image {
width:21%;
padding:0px 2%;
float:left;
}

.typo div.gallery-image {
padding-top:2%;
}

.gallery-image .test {
height:15vw;
width:100%;
overflow:hidden;
background-size:cover;
background-position:center;
}

.gallery-image p {
height:2.6em;
-webkit-margin-before: 1em;
-webkit-margin-after: 0em;
} 

.marquee {
width:100%;
padding:2% 0px 1% 0px;
}

.marquee.blue {
padding:2% 0px 1% 0px;
}

.image {
padding:0px;
width:100%;
max-height:90vh;
overflow:hidden;
background-image:url('typodarium_02.png');
background-size:1400px 934px;
background-repeat:no-repeat;
background-position:center;
height:934px;
}

.image div {
	width:90%;
	margin:0 auto;
	top:35%;
	text-align:center;
	position:relative;
}

.image img {
margin:0 auto;
}

.daily {
font-size:7em;
}

.marquee.contact {
font-size:2.7em;
padding:2% 0px 1.5% 0px;
}

.social {
position:absolute;
top:2%;
right:2%;
text-align:right;
width:96%;
font-size:1.2em;
color:white;
padding:0px;
}

.back {
float:left;
}

.admin {
font-family:arial;
position:relative;
width:420px;
color:black;
margin:0 auto;
top:5em;
font-size:20px;
}

.msg {
	font-size:20px;
	width:420px;
	top:4em;
	margin:0 auto;
position:relative;
color:green;
font-family:arial;
}

.edit {
	font-size:20px;
	width:420px;
	top:0em;
	margin:0 auto;
position:relative;
font-family:arial;
top:19px;
}

.edit a {
	color:black;
}

input, textarea, keygen, select, button, isindex {
font-size:18px;
line-height:0px;

padding:0px;
margin:0px;
}

input {
margin-top:-5px;
position:relative;
}

.thumb {
	width:100px;
	}

@media all and (max-width: 968px) {

.distribution > div > div,
.typo div.gallery-image {
width:46%;
padding:0px 2%;
float:left;
}	

	
.typo div.gallery-image .test {
height:30vw;
}

.image, .daily {
font-size:11vw !important;
}

	
}

@media all and (max-width: 640px) {
	
body {
font-size:11px;
}

.distribution > div > div,
.typo div.gallery-image {
width:96%;
padding:0px 2%;
float:left;
}
	
.typo div.gallery-image .test {
height:50vw;
}


.image, .daily {
font-size:11vw !important;
}

.distribution,.social {
font-size:1.7em;
}

	
}