article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:\201C \201D \2018 \2019;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}button[disabled],input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}body,figure{margin:0;}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

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

body {
    font-family: 'Quicksand', sans-serif;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}
.wrapper {
    max-width: 1280px;
    margin: 0 auto;
}

/*Begin Header Styles*/

header {
    text-align: center;
    background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(img/room.jpg);
    height: 100vh;
    background-size: cover;
    background-position: center;
    width: 100%;
}
h1.company-name {
   display: none;
}
.company-logo {
    max-width: 400px;
    margin: 5% 0 2% 0;
}
.val-props {
    display: flex;
    justify-content: center;
    margin: 3% auto 0 auto;
    /*border: 5px solid black;*/
    border-radius: 10px;
    /*background-color: white;*/
    /*background-color: rgba(30,144,255, 0.5);*/
    /*background-color: rgba(255,165,0, 0.8);*/
    background-color: rgba(255, 255, 255, 0.6);
    width: 70%;
}
.val-props h3 {
    font-size: 30px;
    padding: 2%;
    font-weight: 500;
    line-height: 1.5;
}
.val-prop {
    width: 30%;
    margin: 3% 2%;
    /*border: 5px solid black;*/
    /*background-color: white;*/
    /*padding: 3%;*/
}
img.icon {
    max-width: 50px;
}
.tagline {
    margin: 0;
    font-weight: 700;
    color: black;
    letter-spacing: 1px;
    font-size: 30px;
}
h2 {
    font-size: 50px;
    color: black;
    width: 60%;
    margin: 2% auto 0% auto;
    text-align: center;
}

/*Begin About Section Styles*/
.about-section {
    text-align: center;
}
.about-header {
    color: rgba(30,144,255);
}
.us-header {
    display: inline-block;
    color: rgb(255,165,0);
}
.about-part1 p {
    width: 60%;
    display: inline-block;
    margin-bottom: 3%;
    font-size: 20px;
}
.founders {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}
.founder {
    width: 22%;
    margin: 0 30px;
}
.founder-lee {
    width: 70%;
    border-radius: 50%;
    border: 10px solid rgb(255,165,0);
}
.founder-evan {
    width: 70%;
    border-radius: 50%;
    border: 10px solid rgb(30,144,255);
}
.founder-name {
    margin: 0;
}
.founder-title {
    margin: 0;
}

/*Begin Contact Section Styles*/

.contact-section {
    background-color: lightgray;
    text-align: center;
}
.contact-h2 {
    padding-top: 2%;
}
.email-input {
    width: 25%;
    padding: 10px 0 10px 5px;
    border-radius: 5px;
    border: none;
}
.socials-container {
    margin-top: 2%;
}
i {
    color: black;
    font-size: 25px;
    margin: 3px;
}
i:hover {
    color: rgb(255,165,0);
}
.submit-button {
    border-style: none;
    border-radius: 5px;
    padding: 10px 20px;
    /*color: rgb(255,165,0);*/
    color: white;
    font-weight: 800;
    background-color: rgb(30,144,255);
    /*background-color: rgb(255,165,0);*/
}
.submit-button:hover {
    background-color: rgb(255,165,0);
    color: black;
}
.copyright-p {
    margin-bottom: 0;
}


/*Begin Media Queries*/

/*@media (max-width: 813px) {
    .val-prop h3 {
        font-size: 18px;
    }
}*/

@media (max-width: 480px) {
    .val-props {
        width: 90%;
    }
    .val-props h3 {
        font-size: 22px;
    }
    .about-header {
        margin-top: 4%;
    }
    .about-part1 p {
        width: 90%;
    }
    .founder {
        width: 100%;
    }
    .contact-h2 {
        font-size: 38px;
    }
    .email-input {
        width: initial;
    }
}

@media (max-width: 414px) {
    .company-logo {
        width: 300px;
    }
    .tagline {
        font-size: 28px;
    }
    .val-props h3 {
        font-size: 20px;
    }
    .about-part1 p {
        font-size: 16px;
    }
    .contact-h2 {
        font-size: 28px;
    }
}

@media (max-width: 375px) {
    .company-logo {
        width: 200px;
    }
    .tagline {
        font-size: 20px;
    }
    .val-props h3 {
        font-size: 18px;
    }
    .about-part1 p {
        font-size: 14px;
    }
    .contact-h2 {
        font-size: 27px;
    }
}