@charset "utf-8"; /* CSS Document */ BODY{ margin:0px; } 1111body { /* Location of the image */ background-image: url(images/background-photo_responce.png); /* Image is centered vertically and horizontally at all times */ background-position: top center; /* Image doesn't repeat */ background-repeat: no-repeat; /* Makes the image fixed in the viewport so that it doesn't move when the content height is greater than the image height */ background-attachment: scroll; /* This is what makes the background image rescale based on its container's size */ background-size: cover; /* Pick a solid background color that will be displayed while the background image is loading */ background-color:#ffffff; } .main{} .title { background-color:#FFF; text-align:center; font-family: 'Droid Serif', serif; font-weight:400; font-size:26px; margin:130px auto;} .logo{ text-align:center; } .buttons{ width:770px !important; height:105px; 1border:1px solid #00ff00; } .button_PR1 { float:right; height:105px; width:370px; text-align:center; display:block; } .button_PR2 { float:left; height:105px; width:370px; text-align:center; display:block; } .button_PD { font-family: 'Roboto', sans-serif; color:#0063cf; font-size:17px; margin:50px 0px 0px 0px;} .button_PD a { font-family: 'Roboto', sans-serif; color:#0063cf; font-size:17px; margin:50px 0px 0px 0px; text-decoration:none;} .button_PD a:visited { text-decoration:none; direction:none;} .text_box { z-index:2; 1border: 1px solid #ee00ee; float:right; 1margin:20px 100px 0px 1000px; padding-top: inherit; 1padding-right:50px; left:600px; 1display:block; width:45%; height: auto; position: absolute;} .text_box_2 { z-index:3; 1border: 1px solid #ee00ee; float:left; 1margin:520px 100px 0px 100px; padding-left:50px; padding-top:500px; 1left:500px; 1display:block; width:45%; height:500px; position: relative;} .text_screen_1 {font-family: 'Roboto', sans-serif; color:#555555; font-size:18px; font-weight:200; margin:50px 0px 0px 0px;} .text_screen_1 h1 {font-family: 'Roboto', sans-serif; color:#000000; font-size:45px; font-weight:100; margin:50px 0px 0px 0px;} .devices_1{ z-index:1; border: 1px solid #ee00ee; width: 1000px; height:600px; left: 100px; /* this must be TWICE the required offset distance*/ padding-right: -100px; /* must be the same amount as above */ background-image: url("images/devices_screen_1.png"); background-position: 50% 50%; 1background-position: left 0; background-repeat: no-repeat; background-size: cover; position:absolute; /*this is needed*/} .devices_2{ z-index:1; 1border: 1px solid #ee00ee; width: 100%; height:600PX; left: 600px; /* this must be TWICE the required offset distance*/ padding-right: -600px; /* must be the same amount as above */ background-image: url("images/devices_screen_2.png"); background-position: calc(50% + 500px) 50%;; background-repeat: no-repeat; 1background-size: cover; position: absolute;/*this is needed*/} .devices_3{ z-index:1; 1border: 1px solid #ee00ee; width: 100%; height:600PX; 1left: 600px; /* this must be TWICE the required offset distance*/ 1padding-right: -600px; /* must be the same amount as above */ background-image: url("images/devices_screen_3.png"); background-position: calc(50% - 500px) 50%;; background-repeat: no-repeat; position:absolute: /*this is needed*/} .1devices_1 { position: relative ; top:100px; left:-500px; float:left; margin-left:100px;} .remember { font-family: 'Roboto', sans-serif; color:#d9d9d9; font-size:17px; margin-top:40px;} .message { font-family:'Roboto', sans-serif; color:#000000; font-size:16px; margin:20px 200px 0px; 1width:800px;} .body_link{ text-decoration:none; font-weight:300; font-family: 'Roboto', sans-serif; font-size:24px; color:#1200FF; } .footer {background-color:#eaeaea; margin:100px auto auto; height:70px; position:fixed; bottom:0; width:100%; 1vertical-align:bottom;} .footer a {1background:url(images/button_down.png) no-repeat center center; 1margin:10px auto auto; 1height:50px; 1width:137px} .footer_2 {background-color:#eaeaea; 1margin:100px auto auto; height:30px; position:fixed; bottom:0; width:100%; 1vertical-align:bottom;} R(bJ\fWv4NA8<lD}PXՆfdB6NdJ:$\RePpv5")?9Q,sJY#EptKp;cR0J ҖiP&w zBNԘ# V2e=(4tå/}DLmSH$ȼs7Z 2h*oe`F.wA7UJΤHdO}8:~-@nkK?2x!`@=tQX*1 O]L ui^czW,|+LO1 wx`S JuKS`lr0s"$FmzDt!kUIa'RQd&Gc<)g5RQ;jcx rm$n)Lgu t?j#> g"ca,o}=siIt3C|X71g)'wY5al[3 Y1--5Wk_ny1[{cN*|l<sY6EcʚWZT RgQGB8'ym#;haXfP$ HQ>|>~DT-rȉhg" w2Պ~)Zo<ͷ1QAe,e|dE3n_ u[:guTNd+;BQIx(C`=oq9uhч?-UC 6*l—7p@&fgWNLr6qꭄ~v}/=V8Nl|_I_3+xwrBؐrZ)Lz0ivS~ue5q( V*5_\%_|  !SC9gK5^]NSѮ6xwd?;*kKf6wBlPS*43Pk`{veK!#X,3o+7g9