@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@charset "utf-8";
html, body {margin:0;padding:0;height:100%;width:100%; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:white; background-color:#ec812d;}
* {margin:0; padding:0;}
img {width:auto; height:auto; max-width:100%;}
.container {display:flex; margin:40px 0; width:100%; /*height:100%;*/ align-items:center; align-content:center; justify-content:center;}
.content {display:grid; width:70%; margin:0 auto; grid-template-columns:50% 36%; place-items:center; column-gap:10%;}
 .content-left, .content-right {display:flex; flex-direction:column; align-content:center; justify-content:center; gap:20px; text-align:center;}
 .content-left img {max-width:640px; margin:0 auto;}
 .content-left p {text-align:center; font-size:24px; letter-spacing:0.5em; font-weight:600;}
 .content-right p {padding-bottom:40px; max-width:400px; margin:0 auto; text-align:center; font-size:44px; font-style:italic; line-height:1.2; border-bottom:2px solid white;}
 .content-right ul {margin:10px auto 0 auto; list-style:none;}
 .content-right ul li::before {content: '•'; display:inline-block; width:0.5em; /*margin-left:-0.5em;*/ color:white; font-size:96px; font-weight:800; line-height:1; vertical-align:middle;}
 .content-right ul li {padding-left:15px; text-align:left; color:white; font-family:"Bebas Neue", sans-serif; font-size:48px; font-weight:600; letter-spacing:0.03em;}
 img.circle {border-radius:100%;}
footer {width:100%; padding:30px 0; background-color:#473122; text-align:center;}
 .foot-content {display:flex; width:70%; margin:0 auto; align-items:center; justify-content:center; font-family:"Bebas Neue", sans-serif; font-size:60px; letter-spacing:0.05em; font-weight:600;gap:45px;}
 .foot-content img {max-height:100px;}
 p.orange {color:#ec812d;}
@media screen and (max-width:1640px) {
.content {width:84%;}	
}
@media screen and (max-width:1280px) {
.content {width:94%;}
.content-left img {max-width:90%;}
.content-left p {font-size:21px; letter-spacing:0.4em;}
.content-right img {max-width:90%; margin:0 auto;}
.content-right p {font-size:36px;}
.content-right ul li::before {font-size:60px;}
.content-right ul li {font-size:36px;}
}
@media screen and (max-width:960px) {
.content {grid-template-columns:1fr; row-gap:90px;}

}
@media screen and (max-width:580px) {
.content-left p {font-size:18px;}
.foot-content {flex-direction:column; font-size:48px; gap:10px;}
}
@media screen and (max-width:440px) {
.content-left p {font-size:18px; letter-spacing:0.25em;}
}