* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;

}

body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 16px;
    margin-top: 0px; 
    margin-bottom: 0px; 
    margin-left: 0px; 
    margin-right: 0px;
}
#background {
    background-color: #cccccc;
    height: 100vh;
}

#Desktop {
    background-color: white;
    height: 100vh;
}

#heroimagecontainer {
    width: 100%; 
    margin-left: auto; 
    margin-right: auto;
}

#heroimage {
    z-index: 2;
    display: block; 
    margin-left: auto; 
    margin-right: auto;
}

#logocontainer {
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    width: 100%; 
    z-index: 2;
    border-style: solid; 
    border-width: 0px; 
}

#logo {

    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    width: 350px;
    top: 32px;
    position:relative;
    z-index: 5;
    border-style: solid; 
    border-width: 0px; 
}

#contentcontainer {
    margin-top: 48px;
    border-radius: 16px; 
    border-color: #CCCCCC;
    background-color: #ffffff; 
    border-style: solid; 
    border-width: 1px; 
    width:350px; 
    margin-right: auto; 
    margin-left: auto; 
    padding: 24px;
    

}

#contactform {
    margin-left: auto; 
    margin-right: auto; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 16px; 
    width:302px; 
    color: #666;
}

#contactbutton {
    border-width: 1px; 
    border-color: #3399cc; 
    border-radius: 16px; 
    border-style: solid;
    background-color: #ffffff; 
    width: 165px; 
    height: 32px; 
    margin-top: 24px; 
    margin-left: 0px;
}

#contactbutton:hover{
    background-color: #e7f6fb;
    cursor: pointer;
}

#lables {
    padding-top: 16px;
    padding-bottom: 8px;
    border-style: solid; 
    border-width: 0px; 

}


textarea {
    padding: 16px;
    width: 300px;
    height: 175px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 16px;
    background-color: #ffffff;
    font-size: 16px;
    resize: none;
  }
  
  input {
    width: 300px;
    height: 32px;
    padding: 16px;
    border: 1px solid #ccc;
    border-radius: 16px;
    background-color: #ffffff;
    font-size: 16px;
    resize: none;
  }

#footer {
    width:350px; 
    margin-right: auto; 
    margin-left: auto; 
    padding-top: 0px; 
    border-width: 0px; 
    border-style: solid;
    background-color: #ffffff;
}

#legaltext {
    display:inline-block; 
    position: relative; 
    top: 0px; 
    left: 24px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 11px; 
    width:200px; 
    color: #aaa; 
    text-align: right; 
    padding: 4px; 
    border-style: solid; 
    border-width: 0px;
}

.grecaptcha-badge {

    bottom: 100px !important;
    
    }


@media screen and (min-width: 630px) {
    
    #heroimagecontainer {
        overflow: hidden;
    }
    
    #logo {
        position: relative;
        top: 0px;
        left: 0px;
        height: 150px;
        width: 592px;
    }
    
    #contentcontainer {
        width:600px;
    }
    
    #contactform {
        width:552px; 
    }

    #footer {
        width:600px; 
        margin-right: auto; 
        margin-left: auto; 
        padding-top: 8px; 
        border-width: 0px; 
        border-style: solid;
    }
    #legaltext {
        top: -14px; 
        width:457px; 
        border-style: solid; 
        border-width: 0px; 
    }
    textarea {
        width: 550px;
        height: 350px;
      }
      
      input {
        width: 550px;
        height: 32px;
      }





}
@media screen and (min-width: 1200px) {
    
#background{
    background-color: #cccccc;
}

    #Desktop {
        background-color: #ffffff; 
        height: 100vh;
        width: 1200px;
        margin-left: auto; 
        margin-right: auto;
        border-right-width: 1px; 
        border-left-width: 1px; 
        border-style: solid; 
        border-color: #666; 
        border-top-width: 0px; 
        border-bottom-width: 0px; 
    }

    #heroimagecontainer {
        background-color: #ffffff; 
        width: 100%;
    }
    
    #logocontainer {
        
        width: 1200px;
    }
    #background {
        display: block;
        background-color: #cccccc;
        height: 100vh;

    }
    
}