html {
  position: relative;
  min-height: 100%;
}

.row{
	width:100%;
  margin-left:auto;
  margin-right:auto;
}

.container{
  padding-left:5px;
  padding-right:5px;
}

body{
	font-size:14px;
  background-color:#f2f2f2;
}

h1{
	font-family: 'Oswald', sans-serif;
	color:#999999;
	font-weight:300;
	line-height:2em;
}

.mainlogo{
	margin-right:auto;
	margin-left:auto;
}

img.center{
	margin-left:auto;
	margin-right:auto;
}

.main{
	width:100%;
}

.center{
	text-align:center;
}

a:link    {color:#222222; text-decoration:none}
a:visited {color:#222222; text-decoration:none}
a:hover.turquoise   {color:#0f92a6; text-decoration:none}
a:hover.green   {color:#3bc8ac; text-decoration:none}
a:hover.blue   {color:#5b82b3; text-decoration:none}
a:hover.magenta   {color:#db0f49; text-decoration:none}
a:hover.orange   {color:#c9420d; text-decoration:none}
a:hover.lime   {color:#cfdb0b; text-decoration:none}
a:hover.gray   {color:#d0d0d0; text-decoration:none}
a:active  {color:#222222; text-decoration:none}






@media (min-width: 1000px) {

.main{
	margin-top:20px;
	margin-bottom:20px;
}

body{
	padding:100px 50px 100px 50px;
}

h1{
	font-size:1.5em;
  line-height:4em;
}

a.mainlink{
	margin:0 1.8em 0 1.8em;
}

.mobile{
  display:none;
}

.logo{
	margin-bottom:50px;
}

}






@media (max-width: 1000px) {

.main{
	margin-top:40px;
	margin-bottom:40px;
}

body{
	padding:60px 5px 60px 5px;
}

h1{
	font-size:2em;
}

a.mainlink{
	margin:0;
}

.desktop{
  display:none;
}

.logo{
	margin-bottom:30px;
}

}