*{                  /* Стиль по умолчанию, общие стили, сброс стилей браузера по умолчанию */
	margin: 0;		/* Обнуляем значения отступов на веб-странице */ 
    padding: 0;		/* Отступы для браузера Opera */ 
    box-sizing: border-box;
}
body{
    background-image: linear-gradient(to bottom, #aeb6bf, #eee8d0);
    background-attachment: fixed;
    font-family: sans-serif;
    font-size: 18px;
}
section{
    width: 80vw;            /* Ширина слоя */
    margin: 1% auto;        /* Отступы вокруг содержимого */
    padding-top: 20px;      /* Поля вокруг содержимого */
    text-align: center;     /* Выравнивание текста по ширине */
    line-height: 35px;      /* Межстрочный интервал */
    border: 0px dashed red;
}
h1{
    margin: 20px 0;
    font-size: 2em;
    border: 0px dashed greenyellow;
}
h2{
    margin: 10px 0;
    font-size: 1.5em;
    border: 0px dashed blue;
}
.myimg		{	/* Моё изображение */
    border: 0px dashed fuchsia;
    background: transparent;	/* Цвет фона */
    padding: 0px 0px;			/* Поля внутри контейнера с изображением */
    margin: 5px 15px;			/* Отступы снаружи контейнера с изображением */
    /* float: right;      /* Определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон */ 
    display: inline-block;
    }
.myimg img{
    max-width: 400px; 
    height: 490px;
}

@media (max-width: 1024px) {
    .myimg img{
        max-width: 90%;    
    }
    section {
        line-height: 1.3em;
        font-size: 2em;
    }
    h1 {
        line-height: 1em;
        font-size: 2em;
    }
    h2 {
        line-height: 1em;
        font-size: 1.5em;
    }
}