@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'HelveticaNeueLTPro75Bold';
    src: url('../app-Fonts/webfontkit_Helvetica/helveticaneueltpro-bd-webfont.eot');
    src: url('../app-Fonts/webfontkit_Helvetica/helveticaneueltpro-bd-webfont.eot?iefix') format('eot'),
         url('../app-Fonts/webfontkit_Helvetica/helveticaneueltpro-bd-webfont.woff') format('woff'),
         url('../app-Fonts/webfontkit_Helvetica/helveticaneueltpro-bd-webfont.ttf') format('truetype'),
         url('../app-Fonts/webfontkit_Helvetica/helveticaneueltpro-bd-webfont.svg#webfontqCgATdbH') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTPro45Light';
    src: url('../app-Fonts/webfontkit_Helvetica/helveticaneueltpro-lt-webfont.eot');
    src: url('../app-Fonts/webfontkit_Helvetica/helveticaneueltpro-lt-webfont.eot?iefix') format('eot'),
         url('../app-Fonts/webfontkit_Helvetica/helveticaneueltpro-lt-webfont.woff') format('woff'),
         url('../app-Fonts/webfontkit_Helvetica/helveticaneueltpro-lt-webfont.ttf') format('truetype'),
         url('../app-Fonts/webfontkit_Helvetica/helveticaneueltpro-lt-webfont.svg#webfontLm5M2jvF') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTPro35Thin';
    src: url('../app-Fonts/webfontkit_Helvetica/helveticaneueltpro-th-webfont.eot');
    src: url('../app-Fonts/webfontkit_Helvetica/helveticaneueltpro-th-webfont.eot?iefix') format('eot'),
         url('../app-Fonts/webfontkit_Helvetica/helveticaneueltpro-th-webfont.woff') format('woff'),
         url('../app-Fonts/webfontkit_Helvetica/helveticaneueltpro-th-webfont.ttf') format('truetype'),
         url('../app-Fonts/webfontkit_Helvetica/helveticaneueltpro-th-webfont.svg#webfontE3PX1ZEo') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: '"HelveticaNeueLTPro65Medium"';
    src: url('../app-Fonts/webfontkit_Helvetica_Full/helveticaneueltpro-md-webfont.eot');
    src: url('../app-Fonts/webfontkit_Helvetica_Full/helveticaneueltpro-md-webfont.eot?iefix') format('eot'),
         url('../app-Fonts/webfontkit_Helvetica_Full/helveticaneueltpro-md-webfont.woff') format('woff'),
         url('../app-Fonts/webfontkit_Helvetica_Full/helveticaneueltpro-md-webfont.ttf') format('truetype'),
         url('../app-Fonts/webfontkit_Helvetica_Full/helveticaneueltpro-md-webfont.svg#webfontJ2reeYUQ') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0px; padding: 0px;
    color: black;
    font-family: HelveticaNeueLTPro45Light, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    background-color: #A4B523;
    background-image: url("../app-images/half_background.png");
    background-repeat: repeat-y;
    background-position: left top;
    background-size: 60% 100%;
}

h1 {
font-size: 32px;
line-height: 32px;
font-family: HelveticaNeueLTPro45Light, "Helvetica Neue", Helvetica, Arial, "sans-serif";
letter-spacing: -0.03em;
}
.wrapper {}
.content {
 width: 1020px;
 margin-left: auto;
 margin-right: auto;
}
.header {
    padding-top: 30px;
    height: 80px;
    background-color: white;
}

.section {
    width: 1020px;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
}
.object_left {float: left; margin-right: 10px;}
#logo {max-width: 300px;}

.button-submit {
  font-size: 16px;
  background-color: #A4B523;
  color: white;
  outline: none;
  text-decoration: none;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; 
  padding: 10px 20px 11px 20px;
}
.button-submit:hover {
  background-color: white; 
  color: #A4B523;
}

#item_left {float: left; width: 450px;}
#item_right {float: left; width: 550px;
background-image: url("../app-images/Laptop_iPad@2x.png");
  height: 455px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: -70px;
}
#photo_1 {width: 550px; margin-top: 30px;}

.footer {
    padding: 20px;
    height: 60px;
    background-color: #999999;
    color: white;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
}
.footer a {
    color: white;
}

/*Phone*/
@media screen and (max-width: 500px) {

body {
    margin: 0px; padding: 0px;
    color: black;
    font-family: HelveticaNeueLTPro45Light, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    background-color: #A4B523;
    background-image: url("../app-images/half_background.png");
    background-repeat: repeat-y;
    background-position: left top;
    background-size: 100% 100%;
}
.wrapper {}
.content {
 width: 380px;
 margin-left: auto;
 margin-right: auto;
}
.header {
    padding-top: 30px;
    padding-left: 20px;
    height: 70px;
    background-color: white;
}
#logo {max-width: 230px;}

.section {
    width: 340px;
    padding-top: 20px;
    padding-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
}

#item_left {float: left; width: 340px;}
#item_right {float: left; width: 340px;
background-image: url("../app-images/Laptop_iPad@2x.png");
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: 0px;
}
#photo_1 {width: 340px;}

h1 {
font-size: 28px;
line-height: 28px;
font-family: HelveticaNeueLTPro45Light, "Helvetica Neue", Helvetica, Arial, "sans-serif";
letter-spacing: -0.03em;
}

}