/* smallest and default */

* {box-sizing: border-box;}

body {font-family: 'Urbanist', sans-serif;font-size:1.1rem;line-height:1.6rem;letter-spacing:.07rem;color:#222222;}

iframe {border:0;width:100%;margin:20px 0;overflow:hidden;}


a:link {color: #222222;font-weight:600;text-decoration:none;}
a:active {color: #2C81E5;}
a:visited {color: #222222;}
a:hover {color: #2C81E5;}

#wrapper {width:95%;margin:auto;margin-top:40px;}

#wrapper h1, #wrapper h2, #wrapper h3 {font-weight:300;}
#wrapper p {font-weight:200;}

#wrapper div {width:100%;}
#wrapper > div:first-of-type {margin-bottom:60px;}
#wrapper > div:first-of-type img {display:block;margin:auto;width:50%;min-width:250px;}






/* small */
@media only screen and (min-width:580px) {}

/* medium */
@media only screen and (min-width:700px) {

#wrapper {width:90%;max-width:1400px;margin:auto;margin-top:50px;display:flex;flex-wrap:nowrap;justify-content:space-around;gap:100px;}

#wrapper > div:first-of-type {width:40%;position: -webkit-sticky; /* for Safari */ position: sticky; top: 50px; align-self: flex-start;}

#wrapper > div:last-of-type {width:60%;}

}

/* large */
@media only screen and (min-width:900px) {}

/* x-large */
@media only screen and (min-width: 1200px) {}

/* x-large */
@media only screen and (min-width: 1350px) {}