html,body,div,span,object,iframe,p,blockquote,pre,abbr,address,cite,code,del,dfn,img,ins,kbd,q,samp,small,sub,sup,var,b,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary {
 outline: none;
 border: none;
 font-size: 100%;
 font-style: normal;
 vertical-align: baseline;
 background: none;
 margin: 0;
 padding: 0;
}
section {padding:0px;margin:0px;}
article,aside,details,figcaption,figure,footer,header,nav,section,summary {display: block;}
button,input,select,textarea {font: inherit;border: none;margin: 0;}
a {
 -webkit-tap-highlight-color: rgba(0,0,0,0);
 -webkit-transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 -ms-transition: all 0.2s linear;
 -o-transition: all 0.2s linear;
 transition: all 0.2s linear;
 color: inherit;
 text-decoration: none;
}

a:focus {
 outline: none;
}
a:active {
 -webkit-transition: none;
 -moz-transition: none;
 -ms-transition: none;
 -o-transition: none;
    transition: none;
}

body{font-family: 'Roboto', sans-serif;background:url(tlo.jpg)no-repeat;width:100%;height:100vh;background-size:cover;}
body h1{color:white;text-align:center;font-size:2.0rem;line-height:2rem;margin:2% 0%;padding:0;}
img{display:block;margin:0 auto;}
#stworca{width:30%;}
#network{width:20%;}
#arrow{position:relative;animation:jump 1.5s linear;animation-iteration-count: infinite;}

@keyframes jump {
    0% {top:0%}
    50%{top:-1%;}
    100%{top:0%;}
}
@media (max-width: 800px) and (min-width: 500px) {
    html {
    font-size:75%;
    }
    #stworca{width:40%;}
    #network{width:40%;}
}
@media (max-width: 500px) {
    html {
    font-size:75%;
    }
    #stworca{width:45%;}
    #network{width:45%;}
}