@font-face {
   font-family: "Playfair Display";
   src: url("font/PlayfairDisplayRegular-ywLOY.ttf");
}

body { background-color: #28354f; color: white; font-family: "Playfair Display", serif; }
.lh {  line-height: 2;  }
.l { text-align: left; }
.j { text-align: justify; }
.c { text-align: center; }
.r { text-align: right; }
.b { font-weight: bold;}
.xs1 { font-size: 60px; }
.xs2 { font-size: 35px; }
.xs3 { font-size: 20px; }
.s1 { font-size: 4em; }
.s2 { font-size: 2.5em; }
.s3 { font-size: 1.4em; }
.pa1 { padding: 30px; }
img { width: 300px; }
table { max-width: 900px; width: 100%; display: inline; }
tr { width: 100%; }
td { padding: 30px; vertical-align: top; }
td div { display: inline-block; padding: 0 25px 70px 25px; }
td div div { display: block; }
.all { max-width: 1200px; margin: auto; }
a { float:right; color: white; text-decoration: none; }

.c-side { vertical-align: top; }
@media only screen and (min-width: 320px) {
   .c-side { display: inline-block; width: 40%;  }
   .c-side-r { float:right; }
}

form {  font-size: 1em; line-height: 1em; }
input { width: 300px; }
input[type="submit"] { width: auto; }
textarea { width: 300px; height: 150px; margin-top: 0.6em; }
.make-contact { font-size: 2em; }