$_SERVER['HTTP_HOST']$_SERVER['HTTP_HOST']$_SERVER['HTTP_HOST']@charset "UTF-8";
/*
CSS DOCUMENT -------------------------
License: Alen Kirn
URL: www.itlaw.si
Organization: IT Law
Description : Stylesheet
--------------------------------------
*/


/* [00] RESET */
/* --------------------------------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline; background:transparent;}
body{line-height:1;}
ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote::before,blockquote:after,q::before,q:after{content:''; content:none;}
:focus{outline:0;}
::selection { background: #f5f5f5; color: darkGray; text-shadow: none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
div, article, section, form{display:block;}
html {box-sizing: border-box; font-size: 100%;}
html, body {height: 100%; width: 100%;} 
::-webkit-input-placeholder {text-indent:0rem;}
:-moz-placeholder {text-indent:1rem;}
::-moz-placeholder {text-indent:1rem;}
:-ms-input-placeholder {text-indent:1rem;}
::placeholder{text-indent:1rem;}
*{box-sizing: border-box; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
*::after,
*::before {box-sizing: border-box;}
[type="search"]{-webkit-appearance: textfield;}



/* [02] FONTS */
/* --------------------------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Prompt:wght@300;400;500;700&display=swap');

/*

font-family: 'Playfair Display', serif;
font-family: 'Prompt', sans-serif;

*/


/* [01] VARIABLES & DEFAULTS */
/* --------------------------------------------------------------------------------------------- */

:root{
--gold: #806F52;
--gold-2: #867865;
--grey: #181612;
--dark-grey: #222222;
--text-white: #d2d2d1;/*#d2d2d1*/
--bezier-basic: .6s cubic-bezier(.165,.84,.44,1);

}

body {
	background: rgb(32,29,25);
	margin: 0;
	overflow: hidden;
	box-sizing: border-box;
}

html, body{
	font-family: 'Prompt', sans-serif;
	font-size: 24px;
	font-weight: 300;
}



/* [01] ANIMATIONS */
/* --------------------------------------------------------------------------------------------- */

@keyframes arrows {
  0%   {margin:0 30px 0 0; filter: blur(0px);}
  50%  {margin:0 20px 0 10px; filter: blur(2px);}
  100% {margin:0 30px 0 0; filter: blur(0px);}
}

@keyframes arrows2 {
  0%   {margin:0 10px 0 0; filter: blur(0px);}
  50%  {margin:0 20px 0 -10px; filter: blur(1px);}
  100% {margin:0 10px 0 0; filter: blur(0px);}
}

@keyframes bounce {
  from {
    transform: translateY(0px) rotate(90deg);
	filter: blur(2px);
  }
  to {
    transform: translateY(-15px) rotate(90deg);
	filter: blur(0px);
  }
}

@keyframes swipeup {
  0%   {transform: translateY(0px) rotate(90deg); filter: blur(2px); opacity: 0;}
  25%  {transform: translateY(5px) rotate(90deg); filter: blur(0);  opacity: 1;}
  50%  {transform: translateY(15px) rotate(90deg); filter: blur(0);  opacity: 1;}
  75%  {transform: translateY(25px) rotate(90deg); filter: blur(0);  opacity: 1;}
  100% {transform: translateY(30px) rotate(90deg); filter: blur(2px); opacity: 0;}
}

@keyframes scrollDown {
  0% {
    transform: translate(-50%, 40px) scale(0.5, 0.5);
    opacity: 0;
    animation-timing-function: ease-in;
  }
  10% {
    transform: translate(-50%, 20px) scale(0.4, 0.65);
	opacity: 1;
    animation-timing-function: ease-out;
  }
  20% {
    transform: translate(-50%, 0px) scale(0.6, 0.4);
    animation-timing-function: ease;
  }
  30% {
    transform: translate(-50%, 0px) scale(0.5, 0.5);
    animation-timing-function: ease-in;
    opacity: 1;
    filter: blur(2px);
  }
  50% {
    transform: translate(-50%, 0px) scale(0.9, 0.9);
    opacity: 0;
    filter: blur(5px);
  }
  65% {
    transform: translate(-50%, 20px) scale(1, 1.2);
    filter: blur(2px);
    opacity: 0;
  }
  80% {
    transform: translate(-50%, 40px) scale(1.05, 0.95);
    animation-timing-function: ease-out;
    opacity: 0;
    filter: blur(2px);
  }
  100% {
    transform: translate(-50%, 40px) scale(0.5, 0.5);
    opacity: 0;
    filter: blur(0px);
  }
}

/* [01] TEXTS */
/* --------------------------------------------------------------------------------------------- */

/*h1{font-family: 'Playfair Display', serif; font-weight: 700; font-size: 3vw; color: var(--text-white); line-height: 1.2;}*/


h1, h2{font-family: 'Playfair Display', serif; font-weight: 400; color: var(--gold); text-transform: none; font-size: 4rem; line-height: 1; margin: 90px 0;}
h2{text-transform: uppercase;}
h3{line-height: 1.2;}
h5, h6{font-family: 'Prompt', sans-serif; font-weight: 500; color: var(--text-white); text-transform: uppercase; font-size: 0.85rem; line-height: 1; letter-spacing: 0.05em; margin: 0;}
h5{font-size: 1rem; font-weight: 400;}
p{font-family: 'Prompt', sans-serif; font-weight: 300; color: #ffffff66;  font-size: 0.85rem; line-height: 1.5; letter-spacing: 0.05em; margin: 1em 0; }/*var(--text-white);*/
p>strong, p>b{font-weight: 700;}
ol{padding-left: 150px;}
ol>li{font-family: 'Prompt', sans-serif; font-weight: 300; color: #ffffff66;  font-size: 0.85rem; line-height: 1.5; letter-spacing: 0.05em; margin: 1em 0;}
ul{padding-left: 150px;}
ul>li{font-family: 'Prompt', sans-serif; font-weight: 300; color: #ffffff66;  font-size: 0.85rem; line-height: 1.5; letter-spacing: 0.05em; margin: 1em 0; list-style: square; text-align: left;}

.four-oh-four{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100vh;}
.four-oh-four>h1{font-size: 8vw;}
.four-oh-four>a{display: flex; width: 200px; height: 40px; background: var(--gold); margin: 90px 0 0 0;justify-content: center;align-items: center;line-height: 1;color: white;text-transform: uppercase;font-weight: 500;font-size: 0.65rem;}

a{font-weight: 500; text-decoration: none; color: var(--dark-grey);}

nav>a{font-size: 0.80rem; color: var(--text-white); font-weight: 500; text-decoration: none; margin-left: 50px; transition: color var(--bezier-basic); letter-spacing: 0.10em;}
nav>a:hover{color: var(--gold-2);}
nav>a:last-of-type{border: 2px #222 solid; padding: 10px 20px; font-size: 0.65rem; text-transform: uppercase;}

footer.subpage{width: auto; padding: 0 150px 0 0; height: auto; right: 0;}
footer.subpage>div:first-of-type{display: none;}

main.subpage{overflow: inherit; overflow-y: auto;}
main.subpage>div.subpage-wrapper{display: block; width: 100%; padding: 0 80px; margin: 0 0 360px 0; align-self: flex-start;}

.trumbowyg-box{margin-top: 50px;}
.title-div{display: flex; justify-content: space-between; align-items: center;}
.title-div>span{text-align: right; width: 250px;}

header{display: flex; width: 100%; padding: 0 150px; height: 180px; position: fixed; top: 0; align-items: center; justify-content: space-between; z-index: 90; background: linear-gradient(180deg, rgba(32,29,25,1) 55%, rgba(32,29,25,0) 100%);}
main{display: block; width: 100%; height: 100%; padding: 0 150px; margin-top: 180px;}


header>a>img{width: 150px;}
header>a:first-of-type{display: flex; align-items: center; color: #ccc;}
header>a:first-of-type>span{color: #ccc; margin: 0 20px; letter-spacing: 0.2em; font-weight: 500;}
header>a:first-of-type>i+span{color: #222;}
header>a:first-of-type>i{display: block; width: 1px; height: 56px; background: #ccc;}
header>div:last-of-type{display: none;}
.overlay-size{display: none;}

body.blog{background: white;}
body.blog>header{background: white; background: linear-gradient(180deg, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);}/* -webkit-backdrop-filter: saturate(180%) blur(15px); backdrop-filter: saturate(180%) blur(15px);*/
body.blog>header>a>img{filter: invert(); opacity: 0.8;}
body.blog>header a{color: #222;}
body.blog>header a:hover{color: var(--gold-2);}
body.blog p, body.blog ol>li, body.blog ul, body.blog ul>li{color: #222; line-height: 2;}
body.blog h5{color: #ccc;}
body.blog header+div.blog{position: fixed; display: flex; top:240px; padding: 0 230px; width: 100%; height: 50px; background: linear-gradient(180deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%); z-index: 1; align-items: flex-start;}
#editor a{font-weight: inherit; color: var(--gold); position: relative; border-bottom: 1px #86786544 solid;transition: border .6s cubic-bezier(.165,.84,.44,1);}
#editor a:hover{border-bottom: 1px var(--gold) solid;}


main.blog a.blog-record{display: flex; justify-content: space-between; align-items: center; min-height: 80px; position: relative;}
main.blog a.blog-record:hover>span{color: #222;}
main.blog a.blog-record:hover>h4{transform: translateX(10px) translateZ(0);}
main.blog a.blog-record>h4{font-family: 'Playfair Display', serif; font-weight: 400; color: var(--gold); text-align: left; font-size: 1.5rem; transform: translateZ(0); transition: transform .6s cubic-bezier(.165,.84,.44,1);  margin: 2rem 0; line-height: 1.2;}
main.blog a.blog-record>span{font-family: 'Prompt', sans-serif; font-weight: 300; color: #ccc; text-align: right; display: block; min-width: 150px; margin-left: 50px; font-size: 0.75rem; transition: color .6s cubic-bezier(.165,.84,.44,1);}
main.blog a.blog-record>span:last-of-type{display: none;}
main.blog a.blog-record:hover::after{opacity: 1;}
main.blog a.blog-record::after{content: ""; position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #222;opacity: .1;transition: opacity .6s cubic-bezier(.165,.84,.44,1);}
main.blog a.blog-record>button.delete-btn{display: flex; position: absolute; outline: none; border: none; background: #222; color: #eee; cursor: pointer; width: 150px; height: 40px; justify-content: center; align-items: center; font-size: 0.5rem; text-transform: uppercase; font-weight: 700; right: 0; filter: blur(10px); opacity: 0; visibility: hidden; transition: all 0.3s ease-out;}
main.blog a.blog-record:hover>button.delete-btn{filter: blur(0); opacity: 1; visibility: visible; }
main.blog a.blog-record>button.delete-btn:hover{background: var(--gold);}
 
main.blog ol{counter-reset: list; position: relative;}
main.blog ol>li{list-style: none; margin-left: 2em;  text-indent: -2em;}
main.blog ol>li:before {counter-increment: list; content: "(" counter(list, lower-alpha) ")";}

main.blog ul>li{list-style: square; }
div.back-bar{display: none;}

div.second>div.back-bar-normal{display: flex; width: 100%;}
div.second>div.back-bar-normal>a{display: flex; opacity: 1; font-size: 1rem;color: var(--gold-2); position: relative; align-items: center; text-transform: uppercase; font-weight: 400; line-height: 1; letter-spacing: 0.05em; margin: 0; padding: 0; border: none; filter: saturate(0%); transition: all 0.2s ease-in;}
div.second>div.back-bar-normal>a:hover{border: none; opacity: 1; filter: saturate(100%); color: var(--gold-2);}
div.second>div.back-bar-normal>a::before{content: ""; display: flex; width: 25px; height: 12px; background: url(../images/arrow-back.svg) right center no-repeat; background-size: contain; margin: 0 10px 0 0; border: none;}
div.second>div.back-bar-normal>a:hover::before{animation-name: arrows2; animation-duration: 0.45s; animation-timing-function: ease-in-out; animation-delay: 0.1s;  border: none;}


main.blog>div.second>div.back-bar-normal>a{display: flex; opacity: 0.4; font-size: 1rem;color: var(--gold-2);padding: 0;position: relative; align-items: center; text-transform: uppercase; font-weight: 400; line-height: 1; letter-spacing: 0.05em; margin: 0; padding: 0; border: none; filter: saturate(0%); transition: all 0.2s ease-in;}
main.blog>div.second>div.back-bar-normal>a:hover{border: none; opacity: 1; filter: saturate(100%);}
main.blog>div.second>div.back-bar-normal>span{display: flex;font-size: 1rem;color: #ccc;padding: 0;position: static; align-items: center; text-transform: uppercase; font-weight: 400; line-height: 1; letter-spacing: 0.05em; margin: 0; padding: 0;}
main.blog>div.second>div.back-bar-normal>span::before{content: ""; display: block; width: 2px; background: #eee; height: 100%; margin: 0 40px;}
main.blog>div.second>div.back-bar-normal>a::before{content: ""; display: flex; width: 25px; height: 12px; background: url(../images/arrow-back.svg) right center no-repeat; background-size: contain; margin: 0 10px 0 0; border: none;}
main.blog>div.second>div.back-bar-normal>a:hover::before{animation-name: arrows2; animation-duration: 0.45s; animation-timing-function: ease-in-out; animation-delay: 0.1s;  border: none;}

body.login{display: flex; justify-content: center; align-items: center;}
.login-wrapper{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 500px;}
.login-wrapper>div:first-of-type{display: flex; justify-content: center; align-items: center; margin-bottom: 60px;}
.login-wrapper>div:first-of-type>img{display: block; filter: invert(1); height: 66px;}
.login-wrapper>div:first-of-type>span{margin-left: 20px; font-size: 30px; color: #ccc; font-weight: 500;}
.login-wrapper>input{display: block; height: 60px; width: 100%; outline: none; border: 1px #ccc solid; font-family: 'Prompt', sans-serif; font-weight: 300; color: #ccc; font-size: 24px; margin-bottom: 20px; text-indent: 1em; color: #222; transition: all 0.2s ease-in;}
.login-wrapper>input:focus{border-color: #222;}
.login-wrapper>#login-btn{display: flex; height: 60px; width: 100%; background: var(--gold); color: white; justify-content: center; align-items: center;  font-size: 20px; font-weight: 500; text-transform: uppercase; margin-bottom: 30px; letter-spacing: 0.05em; transition: all 0.1s ease-in;}
.login-wrapper>#login-btn:hover{background: #222;}
.login-wrapper>a:last-of-type{font-size: 16px; color: var(--gold); transition: all 0.1s ease-in; font-weight: 300;}
.login-wrapper>a:last-of-type:hover{color: #222;}
.login-wrapper>#wrong-pass{font-size: 16px; color: crimson; opacity: 0; transition: opacity 0.2s ease-in;}
.login-wrapper>#wrong-pass.visible{opacity: 1;}

/* [01] FOOTER */
/* --------------------------------------------------------------------------------------------- */
footer{display: flex; position: fixed; bottom: 0; align-items: center; justify-content: center; z-index: 90; bottom: 30px; left: 50%; transform: translateX(-50%);}

/* Footer – Main Page */
footer>div:first-of-type{display: flex; width: 100%; margin: 0 300px 0 150px; justify-content: flex-start; letter-spacing: 0.10em;}

footer>a{display: block; font-size: 0.75rem; font-weight: 500; text-transform: uppercase; color: var(--text-white);}
footer>a{display: flex; flex-direction: column; justify-content: flex-end; text-decoration: none; font-weight: 500;}

footer .save-btn, footer .new-btn{display: flex; align-items: center; justify-content: center; height: 60px; width: 200px; background: var(--gold); color: white; font-size: 0.75rem; margin: 0 5px; transition: all 0.2s ease-in; letter-spacing: 0.05em; box-shadow: 0;}
footer .cancel-btn{display: flex; align-items: center; justify-content: center; height: 60px; width: 200px; background: #201B19; color: white; font-size: 0.75rem; margin: 0 5px; transition: all 0.2s ease-in; letter-spacing: 0.05em; box-shadow: 0;}
footer .save-btn:hover, footer .cancel-btn:hover, footer .new-btn:hover{box-shadow: 0 5px 10px 0 #00000044;}

.input-title{display: flex; align-items: center; width: 100%; height: 80px; border: 1px #ddd solid; outline: none; font-family: 'Playfair Display', serif; font-weight: 500; color: var(--gold); font-size: 1.5rem; text-indent: 1rem;}

.overlay-update{display: flex; position: absolute; z-index: 99999; width: 100%; height: 100%; background: #00000099; -webkit-backdrop-filter: blur(20px); align-items: center; justify-content: center; transition: all 0.1s ease-in; opacity: 0; visibility: hidden; top: 0;}
.overlay-update.active{opacity: 1; visibility: visible;}
.overlay-update>div{display: flex; flex-direction: column; width: 500px; height: auto; padding: 50px; background: white; box-shadow: 0 10px 40px 0 #00000033;  align-items: center; justify-content: space-between;}
.overlay-update>div>p{line-height: 1.2em; text-align: center; margin-bottom: 50px;}
.overlay-update>div>div{width: 100%; display: flex; align-items: center; justify-content: center;}
.overlay-update>div>div>span{display: flex; justify-content: center; align-items: center; background: #222; height: 40px; width: 150px; font-size: 16px; text-transform: uppercase; color: white; font-weight: 500; cursor: pointer; margin: 0 10px; letter-spacing: 0.05em; transition: all 0.1s ease-in;}
.overlay-update>div>div>span:first-of-type{background: var(--gold-2);}
.overlay-update>div>div>span:first-of-type:hover{background: #222;}
.overlay-update>div>div>span:last-of-type:hover{background: #333;}
.overlay-update>div.success-publish{display: flex; background: none; width: 600px; height: 600px; box-shadow: none; flex-direction: column; justify-content: center; align-items: center;}
.overlay-update>div.success-publish>p{font-weight: 500; color: white; font-size: 24px;}
.overlay-update>div.success-publish>div{background: url(../images/success.svg) no-repeat center center; width: 150px; height: 150px; background-size: cover; filter: invert(1);}
#password-wrapper, .extra-info{display: flex; align-items: center; width: auto; justify-content: flex-start; margin-top: 20px;}
#password-wrapper>input{display: block; border: 1px #eee solid; outline: none; height: 40px; width: 240px; margin-right: 10px; font-size: 16px; color: #222; text-indent: 1em; transition: all 0.1s ease-in;}
#password-wrapper>input:hover, #password-wrapper>input:focus{border-color: #222;}
#password-wrapper+span, .extra-info+span{display: flex; width: 120px; height: 40px; justify-content: center; align-items: center; font-size: 16px; font-weight: 500; background: var(--gold-2); color: white; cursor: pointer; transition: all 0.1s ease-in; margin-top: 20px;}
#password-wrapper+span:hover, .extra-info+span:hover{background: #222;}
#password-wrapper>span{font-size: 16px; color: crimson; display: block;}
.account>h2{font-size: 40px; margin: 50px 0 0 0; text-transform: none;}
.account hr{border: 0; border-bottom: 1px #eee solid; margin: 50px 0 0 0; width: 100%;}
.extra-info>textarea{display: block; border: 1px #eee solid; outline: none; height: 200px; width: 50%; margin-right: 10px; font-size: 16px; color: #222; text-indent: 0; line-height: 1.5em; transition: all 0.1s ease-in; padding: 20px; resize: none;}
.extra-info>textarea:hover, .extra-info>textarea:focus{border-color: #222;}


.trumbowyg-modal-box>form label:first-of-type{grid-area: label-one;}
.trumbowyg-modal-box>form label:last-of-type{grid-area: label-two; display: none;}
.trumbowyg-modal-box>form button:first-of-type{grid-area: submit-btn;}
.trumbowyg-modal-box>form button:last-of-type{grid-area: cancel-btn;}
.trumbowyg-modal-box>form{
 display: grid;
 grid-template-columns: 1fr 1fr;
 grid-template-rows: auto;
 grid-template-areas:
 "label-one label-one"
 "submit-btn cancel-btn";
 gap: 10px;
 padding: 10px;
}



@media (max-width: 1920px){
html, body{ font-size: 20px;}
footer>div:first-of-type{ margin: 0 150px 0 0;}

}

@media (max-width: 1700px){
ul{padding-left: 1rem;}
.four-oh-four>h1{font-size: 10vw;}
.four-oh-four>a{margin: 60px 0 0 0;}
footer, main, header, footer.subpage{padding:0 100px;}
header>a>img{width: 120px;}
nav>a{margin-left: 2rem;}
footer>div:first-of-type>div{margin-right: 50px;}
h1.contact{margin: 60px 0 60px 1em;}
main.subpage>div.subpage-wrapper{margin: 0 0 50px 0; padding:0 70px;}
body.blog header+div.blog{padding: 0 170px;}
p{padding-left: 0;}
ol{padding-left: 50px;}

}

@media (max-width: 1600px){
footer, main, header, footer.subpage{padding:0 50px;}
header{height: 120px;}
header>a>img{width: 100px;}
h1.promo-text{font-size: 3.5vw; margin: 0 2rem;}
footer>div:first-of-type>div:first-of-type{display: none;}
footer>div:first-of-type>a:last-of-type{margin-left: inherit; margin-left: 5rem; text-align: left;}
footer>div:first-of-type>a:last-of-type>span:first-of-type{font-size: 0.75rem; text-transform: uppercase; font-weight: 500;}
.contact-boxes>div{width: 250px; margin-right: 50px;}
h1.contact{margin: 60px 0 60px 1em;  text-indent: -1em; font-size: 8.5vw;}
main.subpage>div.subpage-wrapper{margin: 0px 0 250px 0; padding: 0;}

body.blog header+div.blog{padding: 0 50px; top: 140px; }
main.blog a.blog-record{margin-right: 0;}
main.blog a.blog-record>h4{line-height: 1.2; font-size: 1.1rem;}
main.blog a.blog-record>span{margin-left: 0;}
/*main.blog h1, main.blog p, main.blog ol{margin-right: 100px;}*/
main.blog>div.subpage-wrapper{padding: 0 100px 0 0;}
main.practice-areas>div.subpage-wrapper{padding: 0 100px 0 0;}
main.news>div.subpage-wrapper{padding: 0 100px 0 0;}
main .title-div>.input-title{height: 60px; font-size_ 1.3rem;}
main{margin-top: 120px;}
.trumbowyg-box{height: calc(100vh - 320px) !important;}
.trumbowyg-box{margin-top: 20px;}
}

@media (max-width: 1050px){
  body .overlay-size{display: flex; position: absolute; justify-content: center; align-items: center; width: 100%; height: 100%; top: 0; background: #222; z-index: 999999999;}
  body .overlay-size>p{font-size: 20px; color: white; font-weight: 500; text-align:center; width: 400px; line-height: 1.5;}
}

@media (max-width: 992px){
h1{font-size: 4rem; line-height: 1.2;}
h3{line-height: 1.2;}
h5, h6{font-size: 1rem;}
p{font-size: 1rem; line-height: 1.5;}
/*rgb(142,139,135)*/
a{font-weight: 500; text-decoration: none; color: var(--dark-grey);}
a[rel="license"]{display: none;}
.four-oh-four>h1{font-size: 15vw; margin:0 0 40px 0;}
.four-oh-four>a{margin: 60px 0 0 0; width: 8rem;}
header{height: 120px;}

body.blog header+div.blog{padding: 20px 50px 0 50px; top: 120px; background: linear-gradient(180deg, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);}
main.blog a.blog-record{margin-right: 0;}
main.blog a.blog-record>h4{line-height: 1.2; font-size: 1.1rem;}
main.blog a.blog-record>span{margin-left: 0;}
main.subpage.blog{overflow-y: auto;}
main.blog a.blog-record>span{display: none;}
main.blog a.blog-record>span:last-of-type{display: block; min-width: auto; margin-left: 50px;}

main.blog>div.subpage-wrapper{padding: 0;}
main.blog h1{font-size: 2.5rem; margin: 60px 0;}

}



@media (max-width: 480px){
h1{font-size: 4rem; line-height: 1.2;}
h3{line-height: 1.2;}
h5, h6{font-size: 1rem;}
p{font-size: 0.85rem; line-height: 1.5;}
/*rgb(142,139,135)*/
a{font-weight: 500; text-decoration: none; color: var(--dark-grey);}
.four-oh-four>h1{font-size: 6rem; margin:0 0 40px 0;}
.four-oh-four>h5{font-size: 0.85rem;}
.four-oh-four>a{margin: 60px 0 0 0; width: 10rem;}
footer, main, header{padding:0 25px;}
header{height: 90px;}
header>a>img{width: 90px;}

main.subpage{overflow: inherit; overflow-y: inherit;}
main.subpage>div.subpage-wrapper{text-align: center; margin: 30% 0 0 0;}
main.subpage>div.subpage-wrapper.second{text-align: center; margin: 0; position: absolute; padding: 0 25px 100px 25px; top: 100vh;}
main.subpage>div.subpage-wrapper>h5:first-of-type{display: none;}
h1.contact{margin: 0 0 15% 0; font-size: 12vw; line-height: 1.2em;}
main.subpage>div.subpage-wrapper>.contact-boxes{display: flex; flex-direction: column;}
main.subpage>div.subpage-wrapper>.contact-boxes>div:first-of-type>p>span{display: none;}
main.subpage>div.subpage-wrapper>.contact-boxes>div:first-of-type>p{margin: 10px 0 5px 0;}
main.subpage>div.subpage-wrapper>.contact-boxes>div:nth-of-type(2)>h6{display: none;}
main.subpage>div.subpage-wrapper>.contact-boxes>div:nth-of-type(2)>p{margin: 0;}
main.subpage>div.subpage-wrapper>.contact-boxes>div:last-of-type{display: none;}

main.blog, main.practice-areas, main.team{z-index: 1;}
body.blog header+div.blog{display: none;}
main.blog a.blog-record>h4{line-height: 1.2; font-size: 1.1rem;}
main.blog a.blog-record:first-of-type{margin: 0;}
main.blog a.blog-record>span{display: none;}
main.blog a.blog-record>span:last-of-type{margin-left: 25px;}

main.blog p, main.blog ol>li, main.subpage.practice-areas p, main.subpage.practice-areas ol>li{text-align: left; font-size: 0.85rem;}
main.blog h1, main.subpage.practice-areas h1{display: flex;
/* text-align: left; */
font-size: 1.5rem;
line-height: 1.2;
margin-top: -90px;
margin-bottom: 60px;
min-height: 100vh;
/* display: block; */
text-align: center;
border-bottom: 1px #ccc solid;
 padding-bottom: 90px; 
align-items: center;}
main.blog ol{padding-left: 40px; counter-reset: list; position: relative; padding: 0;}
main.blog ol>li{list-style: none;}
main.blog ol>li:before {
  counter-increment: list;
  content: "(" counter(list, lower-alpha) ")";
}

div.second>div.back-bar-normal{display: none;}
div.back-bar{display: flex; justify-content: space-between; padding: 0 25px;
position: absolute;
top: 90px;
z-index: 2;
width: 100%;
}
div.back-bar>a{display: flex;font-size: 0.75rem;color: var(--gold);padding: 0;position: static; align-items: center; text-transform: uppercase; font-weight: 500;}
div.back-bar>span{display: flex;font-size: 0.90rem;color: #ccc;padding: 0;position: static; align-items: center; text-transform: uppercase; font-weight: 500;}
div.back-bar>a::before{content: ""; display: flex; width: 25px; height: 17px; background: url(../images/arrow-mobile.svg) right center no-repeat; background-size: contain; transform: rotate(180deg); margin-right: 5px;}



main.subpage.practice-areas div.categories>a>i{height: 19px;
width: 28px;
bottom: 15px;
right: 15px;}

div.subpage-wrapper.second>h1{display: none;}
div.subpage-wrapper.second>h5{display: none;}


h1.blog{display: flex; font-size: 7.5vw; justify-content: center;
text-align: center;
padding: 0 25px;
position: fixed;
top: 50%;
transform: translateY(-50%) translateX(-50%);
left: 50%;
width: 100%;
margin: 0;
z-index: 1;
flex-direction: column;
}


h5.blog{
display: none;
position: fixed;
top: 240px;
width: 100%;
padding: 0 230px;
}


}