a,body{margin:0;color:#000}.navbar a,a{text-decoration:none}.header,a,body{color:#000}.column,.footer,.header,.navbar a{text-align:center}@font-face{font-family:Roboto;src:url('fonts/Roboto-Regular.ttf') format('truetype')}*{box-sizing:border-box}body{font-family:Roboto,sans-serif}a{font-family:Roboto}.header{padding:22px;background-image:url("fond.jpg")}.navbar{display:flex;background-color:#333}.navbar2{display:block;margin-left:auto;margin-right:auto;vertical-align:top}.navbar a{color:#fff;padding:14px 20px}.navbar a:hover{background-color:#ddd;color:#000}.row{display:flex;flex-wrap:wrap;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:8px}.column{-ms-flex:25%;flex:25%;max-width:25%;padding:18px}.main,.main2,.side,.side2{background-color:#fff;padding:20px}.column img{margin-top:18px;vertical-align:middle;width:100%}img{border:0;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px}@media screen and (max-width:1000px){.column{-ms-flex:50%;flex:50%;max-width:50%}}@media screen and (max-width:800px){.column{-ms-flex:100%;flex:100%;max-width:100%}}.side{flex:70%}.main2,.side2{flex:50%}.absolute{position:absolute}.main{flex:30%}.footer{padding:10px;background:url("fond.jpg") #ddd}@media screen and (max-width:700px){.navbar,.row{flex-direction:column}}