body {-webkit-text-size-adjust:none;}
header,footer, nav, section {display:block;}

a:link, a:visited{font-size:14px; color:#0000EE; text-decoration:none; font-family:calibri, arial, sans-serif, helvetica;}
a:hover, a:focus, a:active{color:#681664; text-decoration:underline;}

html, body{margin:0; padding:0; width:100%; height:100%;}
body {background-color:#007d85; font-family:calibri, arial, sans-serif, helvetica; color:#333; padding-top:15px; padding-left:15px; padding-right:15px; box-sizing:border-box; overflow:hidden;}

input[type="text"], input[type="button"] {width:50%; height:30px;}
div{overflow:hidden; box-sizing:border-box;}
h1, h2{margin-top:0px;}
img{border:0px;}

.left, .right{float:left; width:50%;}

.diNo{display:none;}
.cuPo{cursor:pointer;}

         h1{
                 position:relative; z-index:2;
                 font-size:40px; color:#007d85;
                 text-shadow: 2px 1px 0px rgba(0, 0, 0, 1);
                 text-border:1px solid #fff;
                 /*text-shadow: rgb(255, 255, 255) 1px 1px 1px;*/
                 margin:0px;
                 }


/*===========================================================
                         Slider
===========================================================*/


#slider {width:100%; height:100%; position:relative; z-index:1; box-sizing:border-box; overflow:hidden;}
         #slider img{width:100vw; position:absolute; z-index:2; bottom:0px;}



/*===========================================================
                         Logo
===========================================================*/
#logo{
         position:absolute; z-index:5; top:22%; left:35%;
         width:30%;
         text-align:center;
         -webkit-transition: all 1s;
         transition: all 1s;
         -moz-transition: all 1s;
         -o-transition: all 1s;
         }
         #logo img{width:50%;}
                 #logo.on{top:10%; cursor:pointer;}


/*===========================================================
                         Section
===========================================================*/
#section{
         position:absolute; z-index:5; top:28%; left:20%; text-align:center;
         width:60%;
         -webkit-transition: all 1s;
         transition: all 1s;
         -moz-transition: all 1s;
         -o-transition: all 1s;
         //text-shadow: rgb(255, 255, 255) 1px 1px 0px;
         text-shadow: rgb(0, 0, 0) 1px 1px 0px;
         color:#fff;
         font-size:18px;
         }
#section a:link, #section a:visited{font-size:18px; color:#ffffff; text-shadow: rgb(0, 0, 0) 1px 1px 0px;}
#section a:hover, #section a:focus, #section a:active{color:#ffffff; text-decoration:underline;}


.fileinput{
        position: relative;
        z-index:5;
        margin-top:0px;
        }

.faux{
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 5;
        }

input.file{
        position: absolute;
        -moz-opacity:0 ;
        left:-450px;
        filter:alpha(opacity: 0);
        opacity: 0;
        z-index: 6;
        height:30px;
        width:850px;
        }

/*#uploadInfo{background-color: rgba(0, 0, 0, 0.7); width:100%; padding:15px; box-sizing:border-box;}*/
#uploadInfo{background-color: rgba(0, 125, 133, 0.9); width:100%; padding:15px; box-sizing:border-box; font-size:16px; line-height:30px;}
#uploadInfo a:link, #uploadInfo a:visited{font-size:16px;}


#section input[type="submit"]{width:100%; height:50px;}



/*===========================================================
                         Footer
===========================================================*/

#footer{width:100%; height:15px; position:fixed; z-index:10; bottom:0px; background:#007d85; text-align:right; box-sizing:border-box; padding-right:30px; color:#ffffff; font-size:14px;}

#footer a:link, #footer a:visited{font-size:14px; color:#ffffff; text-decoration:none; font-family:calibri, arial, sans-serif, helvetica;}
#footer a:hover, #footer a:focus, #footer a:active{color:#ffffff; text-decoration:underline;}



@media screen and (max-width:1400px){
         #slider{width:auto; height:auto; min-height:100vh; min-width:100%;}
         #slider img{height:100vh; width:auto;}

         #logo img{width:75%;}
}

@media screen and (max-width:1200px){
         #logo{
                 position:absolute; z-index:5; top:22%; left:35%;
         }
         #section{
                 position:absolute; z-index:5; top:28%; left:10%; text-align:center;
                 width:80%;  overflow:hidden;
         }
         #logo img{width:100%;}
}

@media screen and (max-width:600px){
         #uploadInfo{overflow-x:scroll;}
}

@media screen and (max-width:600px){
         #logo{
                 width:60%; left:20%;
                 top:12%;
         }
         #section{
                 top:18%;
         }
         #footer{padding:0px; text-align:center;}
         #footer, #footer a:link, #footer a:visited, #footer a:hover, #footer a:focus, #footer a:active{font-size:11px;}
}

@media screen and (max-width:550px){
         #copyButton{width:100%!important;}
}