#page-content #hero main {display:flex; align-items:center; justify-content:center;}

#access-denied {max-width:var(--width-container-tiny);; border-radius:5px; overflow:hidden; box-shadow:0 1px 2px rgba(0,0,0,0.15); margin-bottom:100px;}
#access-denied .header {height:var(--height-page-header); display:flex; background-image:linear-gradient(to right, #5F4781, #EC4E91); background-size:350%; box-shadow:0 1px 2px rgba(0,0,0,0.2);}
#access-denied .header .logo {display:flex; align-items:center; height:100%; color:#FFF; padding:0 10px; transition:all 400ms ease-out; font-size:var(--font-size-logo);}
#access-denied .header .logo:hover {background-color:rgba(0, 0, 0, 0.1);}
#access-denied .body {padding:20px 20px 35px; background:#FFF;}
#access-denied .body h2 {font-size:18px; line-height:26px; margin-bottom:15px; font-weight:500;}
#access-denied .body p {font-size:16px; line-height:24px;}
#access-denied .body .browsers {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; margin-top:20px;}
#access-denied .body .browsers .brand {display:inline-block; padding:20px 20px 15px; margin:0 10px; border-radius:15px; transition:200ms ease;}
#access-denied .body .browsers a:hover {background-color:rgba(0, 0, 0, 0.1);}
#access-denied .body .browsers .brand .icon svg {width:80px; height:80px;}
#access-denied .body .browsers .brand .name {font-size:16px; color:var(--color-blue-primary);; text-align:center; margin-top:10px;}


#page-footer .container {max-width:var(--width-container-small);}

/* ---  M E D I A   Q U E R I E S  --- */
@media (min-width:1921px) {/* Rules for 1440p Desktops and Smart TVs*/}

@media (max-width:1920px) {/* Rules for full HD Desktops */}

@media (max-width:1199px) {/* Rules for laptops, small desktop screens, and smaller viewports */}

@media (max-width:991px) {/* Rules for tablets and smaller viewports */}

@media (max-width:767px) {/* Rules for smartphones only */
	#page {padding-top:0px;}
	#access-denied {border-radius:0px;}}
/* ---  M E D I A  Q U E R I E S  --- */