* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

body{
font-size:14px;
font-family:"Roboto", helvetica, arial, sans-serif;
color:#666;
line-height:1.6em;
height:auto;
width:100%;
margin:0;
}

.main{
background: url('images/bg-small.jpg') no-repeat top left;
width:100%;
height:auto;
min-height:400px;
}

.laptop{
    position:absolute;
    top:25%;
    left:4%;
    width:53%;
    height:78%;
    z-index:500;
    display:none;
}
.laptop img{
width:100%;
height:auto;
}
.logo{
    position:absolute;
    top:3%;
    left:3%;
    width:90%;
}

.logo img{
  width:100%;
  height:auto;
}
hr{
    width:100%;
    border: solid 1px #ffae00;
    position:absolute;
    top:12%;
    opacity:0.6;
}
h1{
    color:#000;
    font-family: 'Roboto', helvetica,arial,sans-serif;
    font-size:5vw;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:0.05em;
}
.description{
    position:absolute;
    top:420px;
    width:85%;
    height:auto;
    margin:0 auto;
    left:6%;
}
.description p{
    color:#666;
    font-family: 'Roboto', helvetica,arial,sans-serif;
    font-size:4vw;
    font-weight:300;
    text-align: left;
    text-justify: inter-word;
    margin-top:3%;
}

.cta{
    right:4%;
    top:70%;
    position:absolute;
   min-width:50%;
   min-height:50px;
    height:auto;
}

button {
    cursor:pointer;
}

button:hover {
    color: #000;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    border-radius: 5px;
    background:#ffae00;
    opacity:0.8;
}
button {
    font-family: 'Roboto', helvetica,arial,sans-serif;
    font-weight:300;
    font-size:4vw;
    letter-spacing:0.05em;
    color:#ffffff;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    border-radius: 5px;
    background: transparent;
    width: 100%;
    height: 100%;
    position:absolute;
}
.vlogo{
    position:absolute;
    top:970px;
    left:4%;
    width:85%;
    height:auto;
}
.vlogo img{
  height:auto;
  width:100%;
}
.pby{
    position:relative;
    left:80%;
    color:#666;
    font-family: 'Roboto', helvetica,arial,sans-serif;
    font-weight:300;
    font-size:3vw;
    top:-10px;
}
.footer{
    width:100%;
    position:absolute;
    top:1100px;
    height:148px;
    background: #ffae00;
}

.contact{
    color:#000;
    font-family: 'Roboto', helvetica,arial,sans-serif;
    font-weight:300;
    font-size:3.2vw;
    margin-top:3%;
    position:absolute;
    right:4%;
    letter-spacing:0.1em;
}

.copy{
    color:#000;
    font-family: 'Roboto', helvetica,arial,sans-serif;
    font-weight:300;
    font-size:3.2vw;
    position:absolute;
    left:4%;
    letter-spacing:0.1em;
    top:45%;
    width:90%;
}
.footer hr{
    width:100%;
    border: solid 1px #666;
    position:absolute;
    top:25%;
    opacity:0.6;
}
.menu{
    position:absolute;
    top:4%;
    right:3%;
    display:none;
}

.menu a{
    text-transform:capitalize;
     font-family: 'Roboto', helvetica,arial,sans-serif;
    font-weight:300;
    font-size:1.1vw;
    color:#fff;
    text-decoration: none;
}
.menu a{
    margin-left:40px;
}