@font-face {
font-family:'RobotoMedium';
src:url("/fonts/Roboto-Medium-webfont.eot");
src:url("/fonts/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/Roboto-Medium-webfont.woff") format("woff"), url("/fonts/Roboto-Medium-webfont.ttf") format("truetype"), url("/fonts/Roboto-Medium-webfont.svg#RobotoMedium") format("svg");
font-weight:normal;
font-style:normal
}
fieldset {
	border:none
}
label {
	float:left;
	text-indent:-99999px
}
input {
	width:75%;
	margin-right:1%;
	height:2em;
	font-size:20px;
	float:left
}
.ami h3, dl, dd, dt {
	margin:1em 2em
}
.ami h2 {
	margin:1em
	font-size: 22px
	color: #3D3937;
}
dt {
	font-weight:bold
}
.ami p {
	line-height:1.6;
	margin:1em 2em
}
p.intro {
	clear:both
}
.ami a {
	color:#ffffff;
	text-decoration:none;
	transition:all 1s ease
}
.ami a:hover {
	color:#cccccc;
	background-color:#ede6dc
}
.ami a.button {
	background-color:#ffffff;
	color:#cccccc;
	width:12%;
	line-height:1.7em;
	margin:0;
	font-size:2em;
	text-align:center;
	float:left;
	border:solid 1px #999999;
	box-shadow:0 0 3px #333
}
.ami a.button:hover {
	background-color:#cccccc;
	color:#666666
}
.ami h1 {
	text-transform:uppercase;
	text-align:center
}
.wrapper {
	width:100%;
	max-width: 1200px;
	margin:0 auto
}
.display {
	position:relative;
	left:0px;
	height:600px
}
.url {
	float:left;
	background-color:#ffffff;
	width:100%;
	margin:0 auto;
	padding-bottom: 30px;
}
form {
	width:85%;
	margin:1em auto
}
.ami div {
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden
}
iframe {
	transform:scale(0.219);
	-webkit-transform:scale(0.219);
	-o-transform:scale(0.219);
	-ms-transform:scale(0.219);
	-moz-transform:scale(0.219);
	transform-origin:top left;
	-webkit-transform-origin:top left;
	-o-transform-origin:top left;
	-ms-transform-origin:top left;
	-moz-transform-origin:top left;
	margin:0;
	padding:0;
	position:relative;
	background-color:#fff
}
.mobile {
	background-image:url("../images/iphone-optimised.png");
	position:absolute;
	width:95px;
	height:196px;
	top:375px;
	left:300px;
	z-index:5
}
.mobile iframe {
	width:320px;
	height:480px;
	top:33px;
	left:11px;
	overflow-y:hidden
}
.tablet {
	background-image:url("../images/ipad-optimised.png");
	width:246px;
	height:400px;
	z-index:3;
	position:absolute;
	left:120px;
	top:230px
}
.tablet iframe {
	width:768px;
	height:1024px;
	top:36px;
	left:39px;
	overflow-y:hidden
}
.laptop {
	background-image:url("../images/laptop-screen-optimised.png");
	width:477px;
	height:307px;
	top:264px;
	left:560px;
	position:absolute;
	z-index:2
}
.laptop iframe {
	width:1280px;
	height:802px;
	top:26px;
	left:60px;
	transform:scale(0.277);
	-webkit-transform:scale(0.277);
	-o-transform:scale(0.277);
	-ms-transform:scale(0.277);
	-moz-transform:scale(0.277);
	transform-origin:top left;
	-webkit-transform-origin:top left;
	-o-transform-origin:top left;
	-ms-transform-origin:top left;
	-moz-transform-origin:top left
}
.desktop {
	position:absolute;
	width:566px;
	height:538px;
	background-image:url("../images/large-screen-optimised.png");
	top:0px;
	left:220px;
	z-index:1
}
.desktop iframe {
	left:28px;
	top:38px;
	width:1600px;
	height:992px;
	transform:scale(0.3181);
	-webkit-transform:scale(0.3181);
	-o-transform:scale(0.3181);
	-ms-transform:scale(0.3181);
	-moz-transform:scale(0.3181);
	transform-origin:top left;
	-webkit-transform-origin:top left;
	-o-transform-origin:top left;
	-ms-transform-origin:top left;
	-moz-transform-origin:top left
}
.about-tool {
	text-align: center;	
	width:80%;
	margin:1em auto
}
.about-tool li {
	margin-bottom:0.5em;
	line-height:1.2
}
@media (max-width: 1160px) {
.display {
width:95%;
height:550px;
transform:scale(0.81);
-webkit-transform:scale(0.81);
-o-transform:scale(0.81);
-ms-transform:scale(0.81);
-moz-transform:scale(0.81)
}
.desktop {
left:180px
}
.laptop {
left:520px
}
.tablet {
left:80px
}
.mobile {
left:260px
}
input {
width:88%
}
}
@media (max-width: 1070px) {
.display {
left:-50px
}
}
@media (max-width: 1000px) {
.display {
height:500px;
transform:scale(0.71);
-webkit-transform:scale(0.71);
-o-transform:scale(0.71);
-ms-transform:scale(0.71);
-moz-transform:scale(0.71);
top:-40px
}
.desktop {
left:140px
}
.laptop {
left:480px
}
.tablet {
left:40px
}
.mobile {
left:220px
}
}
@media (max-width: 850px) {
.display {
height:500px;
transform:scale(0.65);
-webkit-transform:scale(0.65);
-o-transform:scale(0.65);
-ms-transform:scale(0.65);
-moz-transform:scale(0.65)
}
.desktop {
left:100px
}
.laptop {
left:440px
}
.tablet {
left:0px
}
.mobile {
left:180px
}
}
@media (max-width: 768px) {
.display {
height:450px;
transform:scale(0.55);
-webkit-transform:scale(0.55);
-o-transform:scale(0.55);
-ms-transform:scale(0.55);
-moz-transform:scale(0.55)
}
a.button {
font-size:1.6em;
line-height:1.75em;
margin-top:0.5em;
width:100%
}
input {
height:1.2em;
width:100%
}
}
@media (max-width: 670px) {
.display {
height:400px;
left:-70px;
transform:scale(0.45);
-webkit-transform:scale(0.45);
-o-transform:scale(0.45);
-ms-transform:scale(0.45);
-moz-transform:scale(0.45)
}
}
@media (max-width: 580px) {
input {
font-size:1.4em;
height:1.4em;
width:100%
}
a.button {
width:100%;
float:left;
font-size:1.4em;
margin-top:0.5em
}
}
@media (max-width: 560px) {
.display {
height:270px;
top:-65px;
transform:scale(0.37);
-webkit-transform:scale(0.37);
-o-transform:scale(0.37);
-ms-transform:scale(0.37);
-moz-transform:scale(0.37)
}
}
@media (max-width: 440px) {
.display {
left:-17px;
top:-65px;
width:70px;
transform:scale(0.35);
-webkit-transform:scale(0.35);
-o-transform:scale(0.35);
-ms-transform:scale(0.35);
-moz-transform:scale(0.35)
}
}
@media (max-width: 380px) {
.display {
height:235px;
left:-17px;
top:-65px;
width:70px;
transform:scale(0.27);
-webkit-transform:scale(0.27);
-o-transform:scale(0.27);
-ms-transform:scale(0.27);
-moz-transform:scale(0.27)
}
.desktop {
left:100px
}
.laptop {
left:515px
}
.tablet {
left:0px
}
.mobile {
left:180px
}
h1 {
font-size:1.2em
}
p {
margin:1em
}
}