body {background-image: url(/img/1077.jpg);background-repeat: no-repeat;background-size: cover;height: 100vh;overflow: hidden;color:#fff;margin: 0;padding: 0;}
.wrapper {width: 90%;margin: 0 auto;position: relative;display: flex;flex-direction: column;align-content: center;justify-content: center;height: 100vh;}
.flex {display:flex;}
#logo.flex {align-items: center;justify-content: center;}
#logo-shape {width:300px}
#logo-text {height:150px}
#about {font-family: 'Open Sans', sans-serif;color: #8bcdff;font-weight:bold;width: 100%;margin:0 auto;margin-left: 0;position:relative;text-shadow: 2px 0px 20px black;}
#about .inner-box {box-sizing: border-box;padding: 20px;background-color: #061842c9;width: 100%;text-align: left;position: relative;margin: 10px auto;border: 1px solid #1e7ed680;box-shadow: 0px 0px 16px 13px #000000a3;}

img#header {width: 100%; margin-top: 130px;}
a#lnk3CX {display: block;width: 840px;margin: 20px auto;display: flex;justify-content: flex-end;}
a#lnk3CX img {width:250px;box-shadow: 0px 0 14px 8px #000000b3;}


@media only screen and (min-width: 1000px){
    .wrapper {}
    #logo-shape {width:240px}
    #logo-text {height:170px}
    a#lnk3CX img {width: 180px;}
    #about {margin-top:50px;}
    #about .inner-box {text-align:left;width: 840px;margin: 0 auto;}
}


@media only screen and (max-width: 900px){
    .wrapper {}
    #logo-shape {width:200px}
    #logo-text {height:150px}
    a#lnk3CX img {width:200px;height:auto}
    #about {width:100%;top: 0;}
    #about .inner-box {text-align:left;width: 700px;margin: 20px auto;}
    a#lnk3CX {width:700px}
}

@media only screen and (max-width: 800px){
    .wrapper {}
    #logo-shape {width:150px}
    #logo-text {height:100px}
    a#lnk3CX {width:80%;text-align:center;margin: 0 auto;margin-left: 120px;}
    #about .inner-box {width: 500px;}
    a#lnk3CX {width:70%}
    a#lnk3CX img {height:40px;width:auto}

}


@media only screen and (max-width: 500px){
    #logo.flex {flex-direction: column;}
    .wrapper {}
    #logo-shape {width:140px}
    #logo-text {height:90px}
    a#lnk3CX {width: 88%;text-align:center;margin: 0 auto;}
    #about {top:0px}
    #about .inner-box {text-align:left;width: 350px;margin: 20px auto;}
   

}