/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}


body{
margin:0;
padding:0;
height: 100vh;
background:#d9d9d9 url(../images/background-.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;
background-position: right; 
font-family:"Helvetica Neue",Helvetica, Arial;
}

@media (min-width: 320px) {
.content{
	background:#515159; 
	opacity:0.8;
	margin-left: 0;
	margin-right: 0;
	margin-top: 7em;
	padding-top: 1.5em;
	text-align: center;
	width: 100%;
	height: 300px;
}

p{
font-size: 16px;
color: white;
line-height: 22px;
margin-bottom: 10px;
}

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

a:hover{
text-decoration: underline;
}

h1{
color: white;
font-size: 36px;
margin-bottom: 15px;
}

h3{
font-family: Georgia, helvetica, arial;
font-size: 16px;
color: white;
font-style: italic;
}

h2{
font-size: 22px;
color: white;
margin-bottom: 8px;
}

.main{
width: 300px;
margin: 30px auto;
}

.mcontent{
	background: #515159;
	box-shadow:  0 0 10px	#fff;
	-moz-box-shadow: 0 0 10px	#fff;
	-webkit-box-shadow: 0 0 10px	#fff;
	-o-box-shadow: 0 0 10px	#fff;
	width: 500px;
	height: 100px;
	margin: 0 auto;
	padding: 20px;
	color: white;
}


a.get{
background: #3e7a9a;
color: #fff;
border: 1px solid #41728c;
padding: 3px 7px;
font-size: 16px;
}

a:hover.get{
background: #41728c;
border: 1px solid #3e7a9a;
text-decoration: none;
}

}