Как расположить блок веб-страницы по центру

@font-face { 
    font-family: "Slavianskiy";
    src local ("Slavianskiy"),
    src: url(fonts/Slavianskiy.ttf);
}
 
h1 {
    font-size: 40px; 
    color: #FFFFFF;
    font-family: 'Slavianskiy',sans-serif;
   
   
}   
 html,body{
         background: url("https://www.cyberforum.ru/images/moskva-kremlj.jpg") no-repeat;
     background-attachment:fixed;
background-size: 100%;
    /* Убираю отступы. */
    margin:5px;
    /* Убираю еще отступы. */
    padding:-5px;
    /* Задаю шрифт. */
     font-family: 'Slavianskiy',sans-serif;
}
 
ul { ;
    /* Убираю маркеры у списка*/
    list-style:none;
    /* Делаю элементы блочными. */
    display:block;
    /* Убираю отступы. */
    margin:0px;
    /* Убираю еще отступы! */
    padding:0px;
}
ul:after {
   
    display: block;
    /* Убираю выравнивание. */
    float: none;
    content: ' ';
    clear: both;
}
ul.mmenuu > li {
    /* Задаю выравнивание и позиционирование. */
    float: left;
    /* Считаем координаты относительно исходного места*/
    position: relative;
}
ul.mmenuu > li > a {
    /* Делаю элементы блочными: */
    display: block;
    
    /* Задаю белый цвет. */
    color: #fff;
    /* Задаю отступ 10px. */
    padding: 15px;
    /* Убираю форматирование*/
    text-decoration: none;
    /* Задаю цвет. */
    background-color: #da570f;
}
ul.mmenuu > li > a:hover {
    /* Задаю цвет при наведении. */
    background-color: #eb9316;
}
ul.ssubmenuu {
    position: absolute;
    width: 240px;
    top: 37px;
    left:0px;
    /* Делаю субменю скрытыми. */
    display: none;
    /* Цвет — белый. */
    background-color: white;
}
ul.ssubmenuu > li {
    /* Блочное расположение элементов*/
    display: block;
}
ul.ssubmenuu > li > a {
    /* Делаю элементы блочными. */
    display: block;
    /* Убираю форматирование*/
    text-decoration: none;
    /* Задаю отступ. */
    padding: 10px;
    /* Задаю цвет. */
    color: #ffffff;
    /* Еще цвет. */
    background-color: #da570f;
}
ul.ssubmenuu > li > a:hover {
    /* Цвет бэкграунда при наведении. */
    background-color: #eb9316;
    /* Задаю подчеркивание*/
    text-decoration: underline;
}
ul.mmenuu > li:hover > ul.ssubmenuu {
    /* Делаю элементы блочными. */
    display: block;
}
.element1 {
height: 500px; 
opacity: 1;
background: #FFFFFF;
float: inherit;
width: 500px;
border: 4px solid white;
padding: 6px;
padding-right: 15px;
margin-left:300px;
 
}
.wrapper {
    width: 100%;
    min-height: 100%;
    position: relative;
    z-index: 1;
}
 
.
header {
    height: 350px;
    width: px;
    margin-left:auto;
    margin-right:auto; 
    background: url("https://www.cyberforum.ru/images/img.png") repeat-x;
}
.headerContent {
    width: 1000px;
    height: 60px;
    margin: 0 auto;
    background: inherit;
}
 
.beresta {
    display: inline-block;
    margin-left:500px;
 
    
***

margin: 0 auto;