html,body  {
		background-color: #fff;
		width: 100%;
		height: 100%;
		text-align: center;

	}
	div.outer {
	    display: table;
	    position: absolute;
	    height: 100%;
	    width: 100%;
	}
	.middle {
	    display: table-cell;
	    vertical-align: middle;
	}
	div.wrapper {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		background: #fff;
		border: 1px solid #C8C8C8;
		font-family: 'Roboto', sans-serif;
		padding: 30px 50px;
	}
	div.wrapper h2 {
		text-align: center;
		color: #f00;
		margin-top: 0;
	}
	div.wrapper p {
		text-align: center;
	}
	div.wrapper .recommended-browser {
		clear: both;
		padding: 20px;
		width: 90%;
		height: 128px;
		margin-left: auto;
		margin-right: auto
	}
	div.wrapper .recommended-browser .browser-image {
		float: left;
		width: 128px;
		height: 128px;
		pointer-events :none;
	}
	div.wrapper .recommended-browser .browser-content {
		float: left;
		height: 100%;
	}
	div.wrapper .recommended-browser .browser-content p {
		text-align: left;
		line-height: 128px;
		margin: 0;
		padding-left: 15px
	}
	div.wrapper .recommended-browser .button-wrapper {
		float: right;
		height: 100%;
		line-height: 128px
	}
	div.wrapper .recommended-browser .button-wrapper .btn {
		padding: 10px 15px;
		background: #4D90FE;
		color: #fff;
		text-decoration: none;
		font-size: 14px;
		border-radius: 2px;
		border: 1px solid #3079ED;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	div.wrapper .cancel {
		clear: both;
		display: table;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-top: 35px;
		padding-bottom: 25px
	}
	div.wrapper .cancel .cancel-btn {
		padding: 10px 15px;
		background: #f5f5f5;
		color: #444;
		text-decoration: none;
		font-size: 14px;
		border: 1px solid #dcdcdc;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	@media (max-width: 700px) {
		body {
			overflow-x: hidden 
		}
		div.wrapper {
			border: none;
			width: 90%;
			padding: 0 15px;
		}
		div.wrapper .recommended-browser {
			height: auto;
			clear: both
		}
		div.wrapper .recommended-browser .browser-image {
			width: 64px;
			height: 128px;
		}
		div.wrapper .recommended-browser .browser-image img {
			width: 64px;
			height: 64px;
			margin-top: 32px
		}
	}
	@media (max-width: 500px) {
		div.wrapper .recommended-browser {
			height: auto;
			clear: both
		}
		div.wrapper .recommended-browser .browser-image {
			width: 100%;
			height: 128px;
			clear: both
		}
		div.wrapper .recommended-browser .browser-image img {
			width: auto;
			height: auto;
		}
		div.wrapper .recommended-browser .browser-content {
			clear: both;
			width: 100%;
		}
		div.wrapper .recommended-browser .browser-content p {
			text-align: center;
		}
		div.wrapper .recommended-browser .button-wrapper {
			width: 100%;
			clear: both;
			line-height: 0
		}
		div.wrapper .cancel {
			width: 100%;
			clear: both;
			padding-top: 75px;
		}
	}
	@media (max-width: 380px) { 
		body,html{
			overflow-x: scroll;
			min-width: 380px 
		}
		div.wrapper {
			width: 100%;
			padding: 0;
			margin: 0
		}
	}