* {
  -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-large.jpg') no-repeat top left;
width:100%;
height:auto;
min-height:480px;
}

.laptop{
    position:absolute;
    top:15%;
    left:4%;
    width:40%;
    height:auto;
    z-index:500;
}
.laptop img{
  width:100%;
  height:auto;
}
.logo{
    position:absolute;
    top:3%;
    left:3%;
}
hr{
    width:100%;
    border: solid 1px #589ce9;
    position:absolute;
    top:10%;
    opacity:0.6;
}
h1{
    color:#589ce9;
    font-family: 'Roboto', helvetica,arial,sans-serif;
    font-size:2vw;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:0.05em;
}
.description{
    position:absolute;
    top:18%;
    right:4%;
    width:50%;
    height:auto;
}
.description p{
    color:#fff;
    font-family: 'Roboto', helvetica,arial,sans-serif;
    font-size:1.26vw;
    font-weight:300;
    text-align: justify;
    text-justify: inter-word;
    margin-top:3%;
}

.cta{
    right:4%;
    top:86%;
    position:absolute;
   min-width:23%;
   min-height:40px;
    height:auto;
}

button {
    cursor:pointer;
}

button:hover {
    color: #666;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    border-radius: 5px;
    background:#ffffff;
    opacity:0.8;
}
button {
    font-family: 'Roboto', helvetica,arial,sans-serif;
    font-weight:300;
    font-size:1.7vw;
    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:500px;
    right:4%;
}

.vlogo > img {
    float: right;
    height: auto;
    width: 70%;
}

.pby{
    position:relative;
    
    color:#666;
    font-family: 'Roboto', helvetic,arial,sans-serif;
    font-weight:300;
    font-size:1.2vw;
    
}
.footer{
    width:100%;
    position:absolute;
    top:600px;
    height:148px;
    background: #8d8d8d;
}

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

.copy{
    color:#fff;
    font-family: 'Roboto', helvetica,arial,sans-serif;
    font-weight:300;
    font-size:1.2vw;
    position:absolute;
    right:4%;
    letter-spacing:0.1em;
    top:60%;
}
.footer hr{
    width:100%;
    border: solid 1px #fff;
    position:absolute;
    top:35%;
    opacity:0.6;
}
.menu{
    position:absolute;
    top:4%;
    right:3%;
}

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