You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1 line
8.0 KiB

3 years ago
*{box-sizing:border-box}html{background-color:#f6eb0f}body{background-color:#fff;margin:0;min-height:100%;font-family:raleway,helvetica neue,sans-serif;color:#112f41;font-size:16px}@media(max-width:767px){body{line-height:1.7em}}ul{margin-top:-15px}li{line-height:1.5em}p::selection{background-color:#eaedf0;color:#364049}p{display:block;font-weight:400;font-size:1em;margin-top:0;margin-bottom:15px;line-height:1.5em;text-align:justify}h1,h2,h3,h4,h5{font-family:montserrat,helvetica neue,sans-serif;letter-spacing:.02em;margin-bottom:10px;margin-top:30px;line-height:1.5em}h1{font-size:36px;font-weight:600}h2{font-size:30px;font-weight:600}h3{font-size:24px;font-weight:500}h4{font-size:20px;font-weight:500}blockquote{margin:0 5px;font-size:1em;line-height:1.5em;text-align:justify;font-style:italic}blockquote:before{font-family:Georgia,serif;content:'\201C';position:absolute;top:.15em;left:-.18em;color:#dce0e5;font-size:7em;z-index:-1;font-style:italic}header,#content{height:100%}figure{margin:0}figure img{margin-bottom:6px!important}figure figcaption p{font-size:14px;text-align:center}header{width:30%;background-size:cover;background-position:50% 0;position:fixed;color:#fcfcfd}header h2{font-size:36px;font-weight:600}header .menu{text-align:left}header .menu p{margin-bottom:0}header .socials{padding:35px 45px;bottom:0;position:fixed;border:0;max-width:30%}header .socials .social-link a svg,header .socials a:visited svg,header .socials a:focus svg,header .socials a:active svg{fill:#fff}header .socials .social-link a:focus svg,header .socials a:active svg,header .socials a:hover svg{-webkit-transition:fill .7s;-moz-transition:fill .7s;-ms-transition:fill .7s;-o-transition:fill .7s;transition:fill .7s;fill:#b9c2cb}header a,header a:link,header a:visited{color:#fff;border-bottom:0;font-weight:400;-webkit-transition:all .25s;-moz-transition:all .25s;-ms-transition:all .25s;-o-transition:all .25s;transition:all .25s;line-height:1.9em}header a:not(.social-link),header a:link:not(.social-link),header a:visited:not(.social-link){border-bottom:#fcfcfd 1px dashed}header a:hover,header a:focus,header a:active{color:#fd3519}header a:hover:not(.social-link),header a:focus:not(.social-link),header a:active:not(.social-link){font-weight:600;border-bottom:#fcfcfd 1px dashed}header .intro{padding:35px 45px;position:absolute;bottom:140px}header .rounded-logo{width:150px;height:150px;border-radius:50%;margin-bottom:40px;display:block;box-shadow:0 0 5px #112F41}@media(min-width:768px) and (max-width:1023px){header{width:40%}header .intro{bottom:150px}header .socials{max-width:40%}}@media(max-width:767px){header{position:relative;width:100%;background:#112f41!important;display:block;height:auto}header p{padding-top:10px}header .socials{padding:0 45px 35px;position:relative;max-width:inherit}header .rounded-logo{text-align:center;margin:0 auto}header .intro{bottom:inherit;display:block;position:relative}}#content,.breadcrumb{max-width:35em;margin:0 auto;display:block}a{line-height:1.6em}a,a:visited,a:link{text-decoration:none;color:inherit;font-weight:600;border-bottom:#8494a4 1px dashed;padding-bottom:1px;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}a svg,a:visited svg,a:link svg{fill:inherit;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}a:hover,a:focus,a:active{color:#fd3519;text-decoration:none;font-weight:600;border-bottom:#8494a4 1px dashed;padding-bottom:1px}a:hover svg,a:focus svg,a:active svg{fill:#fd3519}.content-wrapper{padding:35px 45px;position:static;width:70%;margin-left:30%;float:none;clear:none;display:block;min-height:88vh}@media(min-width:768px) and (max-width:1023px){.content-wrapper{width:60%;margin-left:40%}}@media(max-width:767px){.content-wrapper{position:relative;width:100%;margin-left:0}}footer{position:absolute;width:70%;left:30%;background-color:#112f41;color:#fcfcfd;padding:35px 45px}footer .footer-wrapper{max-width:35em;margin:0 auto;display:block}@media(min-width:768px) and (max-wi