body {
    background-repeat: no-repeat;background-size: cover;
    background-position: center;background-attachment: fixed;width: 100%;
}

h2, header h3 {color: #ffffff;
text-shadow: 1px 1px 2px #000, 0 0 1em #000, 0 0 0.2em blue;}
@media (max-width: 375px){
header h2 {font-size: 30px;}
header h3 {font-size: 22px;}
}
main {background-color: #fff;}
section {max-width: 1200px;margin: 0 auto;
padding: 135px 0;} 
@media screen and (max-width: 1200px) {
section {max-width: 960px;}
}
@media screen and (max-width: 960px) {
section {max-width: 640px;}
}
@media screen and (max-width: 640px) {
section {max-width: 95%;}
}
section h4 {
    font-size: 42px; text-align: left;
}
section p {max-width: 560px;text-align: left;
    font-size: 24px;
}
@media (max-width: 1200px){
section p {
    font-size: 22px;
}
}
@media (max-width: 640px){
section h4 {
    font-size: 30px;
}
section p {
	font-size: 20px;
    line-height: 1.4;
}
} 
.gallery { flex-wrap: wrap;
}
.gallery>* {
  flex: 1 1 270px;
}
.gallery a img {width: 100%;
  height: 100%;
  object-fit: cover; aspect-ratio: 1/1
}
article h3 {
    font-size: 42px; font-weight: 600;
}
@media (max-width: 1200px){
article h3 {
    font-size: 38px;
}
}
@media (max-width: 640px){
article h3 {
    font-size: 30px;
}
}
article div {max-width: 960px;text-align: left;margin: 0 auto;
}
article h4 {    font-weight: 600;
    font-size: 20px;
}
@media (max-width: 1200px){
article h4 {
    font-size: 18px;
}
}
@media (max-width: 640px){
article h4 {
    font-size: 16px;
}
}
article ul {font-size: 18px;margin-left: 0;
    list-style-type: disc !important;
    line-height: 1.55;
}
@media screen and (max-width: 1200px) {
article ul {font-size: 16px;
}
}
@media screen and (max-width: 640px) {
article ul {font-size: 14px;
    line-height: 1.45;
}
}
aside {
  height: 100vh; 
}

/*
.gallery { width: 100%;
  height: 100%; 
}
.gallery a {
   width: calc(100% / 4);
}
.gallery a img {width: 100%;
  height: 100%;
  object-fit: cover; 
}
*/