@font-face {
	font-family:'murl';
	src:url('../fonts/murl.eot?q4mmfn');
	src:url('../fonts/murl.eot?q4mmfn#iefix') format('embedded-opentype'),
    	url('../fonts/murl.ttf?q4mmfn') format('truetype'),
    	url('../fonts/murl.woff?q4mmfn') format('woff'),
    	url('../fonts/murl.svg?q4mmfn#murl') format('svg');
	font-weight:normal;
	font-style:normal;
}
body, html {
	height:100%;
}
body {
	font-family:'Roboto',sans-serif;
	color:#212121;
    font-size:14px;
    font-weight:300;
	padding-bottom:56px;
    background-color:#f5f5f5;
}
body.home {
    background:#6b9996 url('../img/miniurl-bg.png') no-repeat center center fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size:cover;
}
bold, strong {
    font-weight:500;
}
p, ul {
    margin-bottom:2rem;
    margin-top:2rem;
}
.home p, .form-group {
    margin-top:0;
	margin-bottom:10px;
}
.h1, h1 {
    font-size:3.5rem;
}
.display-4 {
    font-size:2.5rem;
}
[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family:'murl' !important;
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.icon-miniurl:before {
	content:"\e900";
	position:relative;
	left:3px;
}
.murl-info {
	border-radius:20px;
	background:#f5f5f5;
	padding:25px 30px;
}
.murl-circle {
	border-radius:50%;
	height:320px;
	width:320px;
}
.murl-vcenter {
	height:155px;
}
.murl-loader {
	margin-top:70px;
}
.btn {
    font-family:'Roboto Condensed';
    font-size:18px;
    font-weight:300;
    border-radius:30px;
    text-transform:uppercase;
}
.form-control {
    background:none;
    border:0 none;
	border-bottom:1px solid rgba(0, 0, 0, 0.15);
    border-radius:0rem;
    color:#212121;
    font-size:inherit;
    font-weight:inherit;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
}
#shorturl.form-control {
	border:1px solid rgba(0, 0, 0, 0.15);
    font-size:1rem;
	font-weight:500;
	line-height:1.1;
	text-align:center;
	-webkit-user-select:all; /* Chrome, Opera, Safari */
	-moz-user-select:all; /* Firefox 2+ */
	-ms-user-select:all; /* IE 10+ */
	user-select:all; /* Standard syntax */
}
.form-control:focus {
    background:none;
    color:#212121;
	font-weight:inherit;
}
.form-control:disabled, .form-control[readonly] {
    background-color:transparent;
}
@media (min-width:480px) {
	body {
	    font-size:15px;
	}
	.murl-info {
		padding:40px;
	}
	.murl-circle {
		height:380px;
		width:380px;
	}
	.murl-vcenter {
		height:190px;
	}
	.home p, .form-group {
		margin-bottom:1rem;
	}
}
@media (min-width:768px) {
	body.home {
	    background:#6b9996 url('../img/miniurl-bg-big.png') no-repeat center center fixed;
	    -webkit-background-size:cover;
	    -moz-background-size:cover;
	    -o-background-size:cover;
	    -ms-background-size:cover;
	    background-size:cover;
	}
	.murl-info {
		padding:60px;
	}
	.murl-circle {
		height:460px;
		width:460px;
	}
	.murl-vcenter {
		height:225px;
	}
	.murl-loader {
		margin-top:90px;
	}
}