* {
  margin: 0;
  padding: 0;
}


body {
  font: 14px/20px Helvetica, Arial, sans-serif;
  margin:0 auto;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  }
  
#logo{
	width:25vh;
	height:10vh;
	margin: 3vh auto 3vh auto;
	background-image:url('../dmvlogo.png');
	background-repeat:no-repeat;
	background-size:100%;
	text-indent:-99999px;
	overflow:hidden;
	}
	

span.link2{
  	width:20%;
	height:auto;
	display:block;
  	z-index: 1;
	}

  
  #link{
	width:auto;
	margin: 2vh auto 2vh auto;
	}

a.link{
	display:block;
	height:3vh;
	font-family:"Minion Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:2vh;
	color:#000;
	text-align:center;
	text-decoration:none;
	margin, padding:0;
	}
	
span.tel{
	display:block;
	height: 3vh;
	font-family:"Minion Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:2vh;
	color:#000;
	text-align:center;
	text-decoration:none;
	margin, padding:0;
	}

a.facebook{
	width:3vh;
	height:3vh;
	margin: 0.5vh auto;
	}
	
	img.facebook{
		width:3vh;
		height:3vh;
	}
	
@media screen and (orientation: portrait) {
	
	body{
		padding:1vh;
		}
	
	#logo{
			width:20vh;
			height:8vh;
			margin: 2vh auto 2vh auto;
		}
	
	#link{
		width:auto;
		margin: 1vh auto 1vh auto;
	}
	
	a.link{
		font-size:1.5vh;
	}
	
	a.facebook{
		width:3vh;
		height:3vh;
		margin: 1vh auto 1vh auto;
	}
	
	img.facebook{
		width:3vh;
		height:3vh;
	}
	
}