* 
{
    box-sizing: border-box;
    margin: 0;
}

html, body
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

@media only screen and (max-width: 768px)
{
	html { 
        background: url(../images/mbgimg.png) no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-color: #bbbbbb;
        height: 100vh;
        overflow: auto;
    }

	.button
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 100px;
		text-align: center;
		width: 60%;
		height: 10%;
		background-color: #2244ff;
		font-size: 4vw;
		color: #ffffff;
		border: 0;
		transition: all 0.4s;
		cursor: pointer;
		border-radius: 20px;
		padding: 15px;
	}

	.center
	{
		display: block;
		margin: 150px auto 50px auto;
		width: 65%;
	}
	
}

@media only screen and (min-width: 768px)
{
	html
	{
		font-size: 10px;
	}

	html { 
        background: url(../images/bgimg.png) no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-color: #bbbbbb;
        height: 100vh;
        overflow: auto;
    }

	.button
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2%;
		text-align: center;
		width: 40%;
		height: 80px;
		background-color: #2244ff;
		font-size: 3vw;
		color: #ffffff;
		border: 0;
		transition: all 0.4s;
		cursor: pointer;
		border-radius: 20px;
		padding: 15px;
	}

	.center
	{
		display: block;
		margin: 2% auto;
		width: 50%;
	}
		
}

a
{
	color: #ffffff;
	text-decoration: none;
}

/*
.button:hover span 
{
	padding-right: 20px;
}


.button span
{
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.4s;
}

.button span:after
{
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.4s;
}

.button:hover span:after 
{
	opacity: 1;
	right: 0;
}

*/

.button:hover
{
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),
				0 17px 50px 0 rgba(0,0,0,0.19);
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}


