@import url('https://fonts.googleapis.com/css2?family=Amaranth:wght@400;700&family=Lato:wght@300;400;900&display=swap');
html {
  scroll-behavior: smooth;
}
body { font-family: 'Lato', sans-serif; margin:0; background:rgb(222,210,170); overflow-x:hidden; }

h1, h2, h3 { font-family: 'Amaranth', sans-serif; font-weight: 700; letter-spacing: .05em; font-size:48px; color:rgb(74,30,36); text-align:center; }
h1 { margin:0; }
h2 { font-size:30px; letter-spacing:.010em; }
h3 { font-size:20px; letter-spacing:.005em; }
p { font-family: 'Lato', sans-serif; letter-spacing: 1px; font-size:18px; line-height:24px; font-weight:300; color:#fff; color:rgba(255,255,255,.75); }
p strong { font-weight:900; color:#fff; }
p span { display:block; }
a, a img { transition: all .5s; }

.text-right { text-align:right; }
.text-left { text-align:left; }
.text-center { text-align:center; }

.header { position:relative; text-align:center; background:rgb(74,30,36); color:#dfd1a7; }
.header h1, .header h2, .header h3 { color:#dfd1a7; }
.logo { width:75px; padding-right:15px; display:inline-block; vertical-align: middle; }

.flex { display: flex; justify-content: center; align-items: center; text-align: center; }
.flex-top { align-items:flex-start; }

.img-container { width:150px; border-radius:8px; }
.img-container img { width:100%; }

.waves-container { background:rgb(74,30,36); }
.waves-container-footer { background:#dfd1a7; }
.waves { position:relative; width: 100%; height:15vh; margin-bottom:-7px; /*Fix for safari gap*/ min-height:100px; max-height:150px; }

.content { width:90%; max-width:700px; margin:0 auto; }
.content-title { width:90%; padding:100px 0 60px; margin:0 auto; }
.header-text { width:80%; margin:0 auto 50px; }
.header-text .text-left { max-width:600px; }

.img-mask img { max-width:660px; width:100%; margin:0 auto; /*border-radius:4px;*/ }

.content-header { text-align:center; padding:30px 60px; }
.content-header p { color:rgb(74,30,36); }
.content-header * { margin:5px 0; }
.content-header .button { margin:25px 0; }

.content-header-col { width:90%; max-width:1200px; margin:0 auto; }
.content-header-col.col-3 { width:95%; max-width:1500px; margin:0 auto; }
.content-header-col .content-header, .content-header-col h2 { text-align:left; }

.button { color:#fff; background:#ee4f26; text-decoration:none; padding:20px; display:inline-block; border-radius:4px; font-size:16px; text-transform:uppercase; letter-spacing:1px; font-family: 'Amaranth', sans-serif; }
.button.blue { background:#088282; }
.button.green { background:#990; }
.button.pink { background:#c36; }
.button:hover { background:#333; }

footer { background:#fff; position:relative; text-align:center; padding:0 0 30px 0; }
footer p, footer p a, footer ul li, footer ul li a { color:rgb(74,30,36); }
footer ul, footer ul li { list-style:none; margin:0; padding:0; }
footer ul { text-align:center; max-width:1200px; margin:0 auto 70px; }
footer ul li { display:block; font-weight:400; font-size:15px; line-height:20px; padding:0 30px; margin:20px 0; }
footer ul li a { display:block; text-align:center; }
footer ul li a, footer p a { text-decoration:none; font-weight:700; }
footer ul li a img { width:60px; opacity:.5; }
footer ul li a:hover img { opacity:1; }
footer ul li a strong, footer ul li a span { display:block; }

/* Animation */
.parallax > use { animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite; }
.parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; }
.parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; }
.parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; }
.parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; }

@keyframes move-forever {
  0% { transform: translate3d(-90px,0,0); }
  100% { transform: translate3d(85px,0,0); }
}

/* media query min */
@media (min-width: 1151px) {
	.header-text { display: flex; justify-content: center; align-items: center; text-align: center; }
}
@media (min-width: 961px) {
	.content-header-col.col-3 { display: flex; justify-content: center; align-items:flex-start; text-align: center; }
}
@media (min-width: 680px) {
	footer ul li { margin:0; }
	footer ul, .content-header-col.col-2 { display: flex; justify-content: center; align-items:flex-start; text-align: center; }
	.content-title { display: flex; justify-content: center; align-items: center; text-align: center; }
}

/* media query max */
@media (max-width: 1680px) {
	.header-text { width:90%; }
}
@media (max-width: 1500px) {
	p { font-size:17px; }
	.header-text .text-left { max-width:500px; }
}
@media (max-width: 1300px) {
	p { font-size:16px; }
	.img-mask img { max-width:500px; }
	.content-header-col.col-3 .content-header { padding-right:15px; padding-left:15px; }
}
@media (max-width: 1150px) {
	p { font-size:18px; }
	.img-mask img { max-width:60%; }
	.header-text .text-left { max-width:90%; text-align:center; }
	.content-title { padding:50px 0 20px; }
}
@media (max-width: 960px) {
	.content-header-col.col-3 { max-width:500px; }
	/*.content-header-col.col-3 h2 { font-size:30px; }
	.content-header-col.col-3 p { font-size:18px; line-height:24px; }
	.content-header-col.col-3 h2 { font-size:25px; }
	.content-header-col.col-3 p { font-size:16px; line-height:22px; }*/
}
@media (max-width: 860px) {
	.content-header { padding-right:10px; padding-left:10px; }
	p span { display:inline; }
}
@media (max-width: 768px) {
	.img-mask img { max-width:80%; }
	.header { padding-bottom:60px; }
	.waves { height:60px; min-height:60px; }
}
@media (max-width: 679px) {
	.content-header { padding-top:10px; padding-bottom:10px; }
	.header-text .text-left { max-width:95%; text-align:left; }
}