/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

/* Tailwind base reset */
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}
button{background-color:transparent;background-image:none}
button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}
fieldset,ol,ul{margin:0;padding:0}
ol,ul{list-style:none}
html{font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}
*,:after,:before{box-sizing:border-box;border:0 solid #e2e8f0}
hr{border-top-width:1px}
img{border-style:solid}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{color:#a0aec0}
[role=button],button{cursor:pointer}
table{border-collapse:collapse}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;text-decoration:inherit}
button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}
code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}
audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}

/* Container */
.container{width:100%}
@media (min-width:640px){.container{max-width:640px}}
@media (min-width:768px){.container{max-width:768px}}
@media (min-width:1024px){.container{max-width:1024px}}
@media (min-width:1280px){.container{max-width:1280px}}

/* Tailwind utility classes */
.bg-gray-200{--bg-opacity:1;background-color:#edf2f7;background-color:rgba(237,242,247,var(--bg-opacity))}
.bg-gray-300{--bg-opacity:1;background-color:#e2e8f0;background-color:rgba(226,232,240,var(--bg-opacity))}
.bg-gray-800{--bg-opacity:1;background-color:#2d3748;background-color:rgba(45,55,72,var(--bg-opacity))}
.bg-orange-400{--bg-opacity:1;background-color:#f6ad55;background-color:rgba(246,173,85,var(--bg-opacity))}
.bg-blue-400{--bg-opacity:1;background-color:#63b3ed;background-color:rgba(99,179,237,var(--bg-opacity))}
.hover\:bg-blue-600:hover{--bg-opacity:1;background-color:#3182ce;background-color:rgba(49,130,206,var(--bg-opacity))}
.rounded{border-radius:.25rem}
.rounded-lg{border-radius:.5rem}
.border{border-width:1px}
.block{display:block}
.inline-block{display:inline-block}
.flex{display:flex}
.table{display:table}
.hidden{display:none}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.content-center{align-content:center}
.justify-center{justify-content:center}
.flex-grow{flex-grow:1}
.font-bold{font-weight:700}
.h-24{height:6rem}
.h-screen{height:100vh}
.text-sm{font-size:.875rem}
.text-lg{font-size:1.125rem}
.text-xl{font-size:1.25rem}
.text-2xl{font-size:1.5rem}
.text-4xl{font-size:2.25rem}
.text-6xl{font-size:4rem}
.leading-tight{line-height:1.25}
.leading-loose{line-height:2}
.list-disc{list-style-type:disc}
.m-0{margin:0}
.m-2{margin:.5rem}
.mx-3{margin-left:.75rem;margin-right:.75rem}
.my-4{margin-top:1rem;margin-bottom:1rem}
.mx-4{margin-left:1rem;margin-right:1rem}
.my-5{margin-top:1.25rem;margin-bottom:1.25rem}
.mx-5{margin-left:1.25rem;margin-right:1.25rem}
.my-10{margin-top:2.5rem;margin-bottom:2.5rem}
.mx-auto{margin-left:auto;margin-right:auto}
.mb-0{margin-bottom:0}
.mr-4{margin-right:1rem}
.mb-4{margin-bottom:1rem}
.mt-5{margin-top:1.25rem}
.ml-10{margin-left:2.5rem}
.mt-12{margin-top:3rem}
.max-w-xs{max-width:20rem}
.p-4{padding:1rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}
.p-10{padding:2.5rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.pt-4{padding-top:1rem}
.pb-4{padding-bottom:1rem}
.pt-6{padding-top:1.5rem}
.pt-8{padding-top:2rem}
.pt-10{padding-top:2.5rem}
.text-center{text-align:center}
.text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}
.text-gray-500{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}
.text-blue-400{--text-opacity:1;color:#63b3ed;color:rgba(99,179,237,var(--text-opacity))}
.text-pink-600{--text-opacity:1;color:#d53f8c;color:rgba(213,63,140,var(--text-opacity))}
.italic{font-style:italic}
.uppercase{text-transform:uppercase}
.tracking-wide{letter-spacing:.025em}
.tracking-widest{letter-spacing:.1em}
.align-middle{vertical-align:middle}
.w-full{width:100%}

/* Responsive */
@media (min-width:640px){
  .sm\:h-24{height:6rem}
  .sm\:mx-20{margin-left:5rem;margin-right:5rem}
  .sm\:max-w-sm{max-width:24rem}
  .sm\:w-1\/2{width:50%}
}
@media (min-width:768px){
  .md\:h-16{height:4rem}
  .md\:max-w-md{max-width:28rem}
  .md\:w-1\/2{width:50%}
}
@media (min-width:1024px){
  .lg\:h-16{height:4rem}
  .lg\:max-w-md{max-width:28rem}
  .lg\:w-1\/2{width:50%}
}
@media (min-width:1280px){
  .xl\:h-16{height:4rem}
  .xl\:max-w-md{max-width:28rem}
  .xl\:w-1\/2{width:50%}
}

/* Nav styles */
nav a:hover{opacity:0.8;border-bottom:2px solid #63b3ed;padding-bottom:2px}
nav a.active{border-bottom:2px solid #63b3ed;padding-bottom:2px;color:#63b3ed}

/* Custom styles */
html{background:#fff}
body{margin:0;min-height:100vh;font-family:PT Sans,Helvetica,Arial,Lucida,sans-serif}
p{padding-bottom:.5em;padding-top:.5em}
blockquote{margin-left:2em;font-style:italic}

.header-profile,.header-title{min-width:300px}

.header-profile .profile{
  width:200px;
  height:200px;
  border-radius:50%;
  overflow:hidden;
  margin:0 auto;
}
.header-profile .profile img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.testimonial-icon{padding:1em;position:absolute;z-index:2;top:-1.5em;left:47%;margin-left:-16px;border-radius:100%}

.call-to-action{text-align:center}

.faq-icon{font-size:2em;padding:.5em;position:absolute;z-index:2;top:-1em;left:47%;margin-left:-16px;border-radius:100%}

.faq,.testimonial{margin:30px 10px;position:relative;color:#666;max-width:500px;flex-grow:1}

.contact-form-section{
  background-color:#293946;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23505961' fill-opacity='0.3'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.contact-profile{max-width:120px;margin:auto;border-radius:50%;overflow:hidden;background-color:#eee}
.contact-profile img{width:100%;height:100%;object-fit:cover;border-radius:50%}

.contact-form>h3{text-align:center}
.contact-form,.page-not-found,.work{padding:10px;background:#fff;max-width:600px;margin:auto}

.form-header-section{background-color:#222}
.form-header-container{padding:10px;color:#fff;max-width:600px;margin:auto}

.highlighted-text{color:#e09900}
.page-not-found{text-align:center}

input.text,input.title,input[type=email],input[type=tel],input[type=text],select,textarea{
  background-color:#eee;border:none;width:100%;
  -moz-border-radius:0;-webkit-border-radius:0;border-radius:0;
  font-size:14px;color:#999;padding:16px;
  -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box
}
::placeholder{font-family:PT Sans,Helvetica,Arial,Lucida,sans-serif}

#comment-field{display:none}

/* Header background */
.header-bg{
  background-image:url('images/background.jpg');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
