body {
scroll-behavior: smooth;
font-family: 'Satoshi Bold';
font-weight: 700;
font-size: 22px;
line-height: 1.8;
color: #2b2b28;
margin: 0;
padding: 0;
-webkit-font-smoothing: antialiased!important;
-moz-osx-font-smoothing: grayscale!important;
} 
p a, ul.boltlist a { color: #2b2b28; background: #ffff01;}
.owl-carousel1 .owl-dots {
display: none !important;
}
.round { border-radius: 20px!important;}
div.wpcf7-response-output { background: #2b2b28; color:#ffff01; margin-right: 0px!important; margin-left: 0px!important; padding: 15px; font-size: 18px; border: 0px solid #eee!important; }
.box { color: #2b2b28!important;}
form.wpcf7-form p label br { display: none;}
h4.bodytitle {font-family: 'Satoshi Bold'!important; font-size: 28px!important; text-transform: none!important; margin-top: 1.5em!important; margin-bottom: 1.5em;}
h5.bodysubtitle {font-family: 'Satoshi Bold'!important; font-size: 26px!important; text-transform: none!important; margin-top: 1.5em!important; margin-bottom: 1.5em;}
section#mobile.d-block.d-lg-none.light div.owl-carousel.owl-carousel-1.owl-theme.work-carousel.text-center.owl-loaded.owl-drag div.owl-dots {display: none !important;}
.AgencyFBCondensedBlack {
font-family: "AgencyFBCompressedBlack"; -webkit-font-smoothing: antialiased!important;
-moz-osx-font-smoothing: grayscale!important;  font-weight:normal;
}
ul.boltlist {
list-style: none;
padding-left: 0;
margin: 0;
}
ul.boltlist li {
position: relative;
padding-left: 32px;
margin-bottom: 14px;
}
ul.boltlist li::before {
content: "";
position: absolute;
left: 0;
top: 0.4em;
width: 30px;
height: 30px;
background: url(https://www.kidd.co/wp-content/themes/kiddotco-child/images/bolt.svg) no-repeat center;
background-size: contain;
} @keyframes slowBounce {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-30px); }
} .bounce {
display: inline-block; animation: slowBounce 2s infinite; }
.top-button {
position: fixed;
bottom: 30px;
right: 30px;
display: none; z-index: 1020;
width: 80px; height: 80px;
cursor: pointer;
transition: opacity 0.3s ease, transform 0.3s ease;
}
.top-button img {
width: 100%;
height: 100%;
}
.top-button.show {
display: block;
opacity: 1;
transform: translateY(0);
}
.postitem {
opacity: 0;
transform: translateY(50px); } #spaceman {
opacity: 1;
transition: opacity 0.3s ease-in-out;
}
#spaceman.is-hidden {
opacity: 0;
pointer-events: none;
}  .masonry-item {
opacity: 0;
transform: translateY(17px);
filter: blur(4px);
}
.masonry {
column-count: 2;
column-gap: 1rem;
}
@media (max-width: 900px) {
.masonry { column-count: 2; }
}
@media (max-width: 600px) {
.masonry { column-count: 1; }
}
.masonry-item {
break-inside: avoid;
margin-bottom: 1rem;
}
.masonry-item img {
width: 100%;
display: block;
}  #profiles {
min-height: auto!important;
background-color: #2b2b28;
background-image: url(//www.kidd.co/wp-content/themes/kiddotco-child/images/bar.svg);
background-repeat: repeat;
background-size:400%;
background-position: 0 0;
color: #fff;
}
#profiles h3 { color: #ffff01;}
#profiles h2 { color: #ffff01;}
#testimonials {
min-height: auto!important;
background-color: #ffff01;
background-image: url(//www.kidd.co/wp-content/themes/kiddotco-child/images/spaceman-yellow.svg);
background-repeat: repeat;
background-size:250px 250px;
background-position: 0 0;
color: #fff;
}
#over {
min-height: auto!important;
background-color: #ffff01;
background-image: url(//www.kidd.co/wp-content/themes/kiddotco-child/images/spaceman-yellow.svg);
background-repeat: repeat;
background-size:250px 250px;
background-position: 0 0;
color: #fff;
}
#statement {
min-height: auto!important;
background-color: #2b2b28;
background-image: url(//www.kidd.co/wp-content/themes/kiddotco-child/images/cog-black.svg);
background-repeat: repeat;
background-size:250px 250px;
background-position: 0 0;
color: #fff;
}  .youtube-wrapper {
position: relative;
width: 100%;
padding-top: 56.25%;  }
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}  .fixed { position: fixed; z-index: 100;} h1, h2, h3, h4, h5, h6 {
font-family: "AgencyFBCompressedBlack";  font-weight:normal;
line-height: 0.9;
color: #2b2b28;
margin: 0 0 0.3em 0;
text-transform: uppercase;
-webkit-font-smoothing: antialiased!important;
-moz-osx-font-smoothing: grayscale!important;
}
h2 { font-size: 44px;}
h3 { font-size: 44px;}
h4 { font-size: 44px;}
div.link a { font-size: 44px;} a {
text-decoration: none;
color: inherit;
transition: all 0.3s ease;
}
a:hover {
opacity: 0.8;
}  ::selection {
background: #ffff01;
color: #2b2b28;
text-shadow: none;
} ::-moz-selection {
background: #ffff01;
color: #2b2b28;
text-shadow: none;
} .container {
width: 100%;
max-width: 1400px;
margin: 0 auto;
} .row {
display: flex;
flex-wrap: wrap;
margin: 0 -0.5rem;
}
.col {
flex: 1 0 100%;
padding: 0 0.5rem;
} ul, ol {
padding-left: 1.3rem;
margin: 0 0 1em 0;
list-style-position: inside;
} header#mainnav #menuBtn {
background: #ffff01;
color: #2b2b28;
border: 0;
padding: 6px 20px;
border-radius: 15px;
font-size: 1.5em;
font-weight: normal;
letter-spacing: 0.03em;
text-transform: uppercase;
font-family: 'AgencyCompressedBlack', sans-serif;
cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease, transform 0.3s ease;
} header#mainnav #menuBtn:hover {
transform: scale(1.1);
background-color: #ffea66; color: #2b2b28; } header#mainnav.dark #menuBtn {
background: #ffff01!important;
color: #2b2b28!important;
font-family: "AgencyFBCompressedBlack";  font-weight:normal;
} header#mainnav.light #menuBtn {
background: #2b2b28!important;
color: #fff!important;
} .bblack { border: 1px dotted #2b2b28; }
.bgblack { background: #2b2b28; }
.bgtrueblack { background: #000; }
.bgwhite { background: #fff; }
.bgyellow { background: #ffff01 !important; }
.white { color: #fff; }
.black {color: #2b2b28; }
.bt1 { 
border-top: 1px solid #2b2b28; 
border-bottom: 1px solid #2b2b28; 
}
.br1 { border-right: 1px solid #2b2b28; } .roundimg { border-radius: 20px; } form.wpcf7-form p input.wpcf7-form-control.wpcf7-submit {    padding: 8px 20px;
border-radius: 15px;
font-family: "AgencyFBCompressedBlack";  font-weight:normal;
border: 0 solid #eee;
text-transform: uppercase;
font-size: 2em; transition: transform 0.3s ease;
opacity: 1!important;
-webkit-font-smoothing: antialiased!important;
-moz-osx-font-smoothing: grayscale!important;
background: #ffff01; 
border: 0 solid #eee; 
opacity: 1!important;}
.btn {
padding: 8px 20px;
border-radius: 15px;
font-family: "AgencyFBCompressedBlack";  font-weight:normal;
border: 0 solid #eee;
text-transform: uppercase;
font-size: 1.2em; transition: transform 0.3s ease;
opacity: 1!important;
-webkit-font-smoothing: antialiased!important;
-moz-osx-font-smoothing: grayscale!important;
}
.btn:hover {
transform: scale(1.04);
outline: none;
opacity: 1!important;
}
.btnyellow { 
background: #ffff01; 
border: 0 solid #eee; 
opacity: 1!important;
}
.btnyellow:hover { 
background: #fff !important; 
color: #2b2b28; 
opacity: 1!important;
}
.btnyellow:active {   
transform: scale(1.01); 
outline: none;
}
.btnblack { 
background: #2b2b28; 
border: 0 solid #eee; 
color: white;
opacity: 1!important;
}
.btnblack:hover { 
background: #fff !important; 
color: #2b2b28; 
opacity: 1!important;
}
.btnblack:active {   
transform: scale(1.01); 
outline: none;
}
.btnyellowalt { 
background: #ffff01; 
border: 0 solid #eee; 
opacity: 1!important;
}
.btnyellowalt:hover { 
background: #eee !important; 
color: #2b2b28; 
opacity: 1!important;
}
.btnyellowalt:active {   
transform: scale(1.01); 
outline: none;
}
ul#signposts { margin: 0px; padding: 0px;}
ul#signposts li {   display: block; }
ul#signposts li a {   display: inline-block;  font-family: "AgencyFBCompressedBlack";  
-webkit-font-smoothing: antialiased!important;
-moz-osx-font-smoothing: grayscale!important;
border: 0;
color: white;
margin: 0px 0.2em;
padding: 8px 40px;
border-radius: 15px;
border:3px solid white;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0.03em;
}
ul#signposts li a:hover {  
background: #ffff01;
color: #2b2b28;
border:3px solid #ffff01;
opacity: 1!important;
}
.content { padding:  3em 0em;}
.responsive-columns {
column-count: 1; column-gap: 75px; }
@media (min-width: 768px) {
.responsive-columns {
column-count: 2; }
}
.divider { overflow: hidden!important;}  div.word {  filter: blur(3px);}
.hero-title .line { filter: blur(10px);}
.hero-title { line-height: 0.83;}
.hero-title-mask {  overflow: hidden !important;
display: block;}
.hero-title .line { display: inline-block; transform: translateY(140px); opacity: 0; }
section {
scroll-margin-top: -55px; } .section.portfolio {
position: relative;
width: 100%;
height: 100vh;
display: flex;
flex-wrap: nowrap;
overflow: hidden;
background-color: #2b2b28;
} .panel {
flex: 0 0 100vw;
height: 100vh; display: flex;
align-items: center;
justify-content: center;
}
.panel_item {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
} .panel_item_img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 0;
}
.fill-img {
width: 100%;
height: 100%;
object-fit: cover; object-position: center; display: block;
} .panel_item_content {
position: relative;
z-index: 2;
padding: 5rem;
color: #fff;
}
.panel_item_content h2 {
margin-bottom: 1rem;
}
.panel_item_content h3 {
color: white;
}
.panel_item_content p {
color: #b5b9c3;
} span.icon { color:white; font-size: 0.7em;  vertical-align: middle; display: inline-flex;  line-height: 1;  position: relative;
top: -1px; margin-bottom: 0.1em;} .wpcf7 form {
width: 100%;
} .wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 textarea,
.wpcf7 select {
width: 100%;
box-sizing: border-box;
padding: 12px;
border-radius: 15px;
border: 3px solid #2b2b28;
background: transparent;
outline: none;
font-size: 16px;
} .wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
border-color: #ffff02;
border-width: 3px;
} .wpcf7 .wpcf7-form-control-wrap {
display: block;
margin-bottom: 16px;
} .wpcf7 input[type="submit"] {
border-radius: 8px;
border: 2px solid #2b2b28;
padding: 12px 24px;
cursor: pointer;
}
label { width: 100%;} #portfolio1 .panel_item_bg {
position: absolute;
inset: 0;                
background-size: cover;  
background-position: center;
z-index: 0;              
} #portfolio1 .panel_item::before {
content: '';
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.4); z-index: 1; } section#introduction {  height: auto;}
section#introduction h2 {
font-size: 44px;
line-height: 0.9; }
section#introduction h2 .emoji-icon {
display: inline-block; vertical-align: top; width: 0.8em; height: 0.8em; object-fit: contain; margin: 0em 0em; }
section#profiles h2, section#statement h2, section#testimonials h3 {
font-size: 44px;
line-height: 0.9; color: white!important;
}
section#profiles h2 .emoji-icon {
display: inline-block; vertical-align: top; width: 0.8em; height: 0.8em; object-fit: contain; margin: 0em 0em; }  ul.tagcloud { margin: 0px; padding: 0px;}
ul.tagcloud li {   display: inline-block; }
ul.tagcloud li a {   display: inline-block;  font-family: "AgencyFBCompressedBlack";
-webkit-font-smoothing: antialiased!important;
-moz-osx-font-smoothing: grayscale!important;
border: 0;
color: white;
margin: 0.2em 0em;
padding: 6px 30px;
border-radius: 60px;
font-size:1em;
border:3px solid  #2b2b28;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0.03em;
background:  #2b2b28;
}  div.link a {
position: relative;
display: inline-block;
background: #2b2b28;
color: #fff;
overflow: hidden;
font-family: "AgencyFBCompressedBlack";
text-transform: uppercase;
font-weight:normal;
} div.link a::before {
content: "";
position: absolute;
top: 0;
left: -150%;
width: 150%;
height: 100%;
background: linear-gradient(
120deg,
transparent 30%,
rgba(255, 255, 255, 0.25) 50%,
transparent 70%
);
animation: shimmer 3s infinite;
} @keyframes shimmer {
0% {
left: -150%;
}
60% {
left: -150%;
}
100% {
left: 150%;
}
}  #transition-overlay {
position: fixed;
inset: 0;
z-index: 9999;
pointer-events: none;
}
#wipe, .wipe {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
}
.wipe-black { background: url(https://www.kidd.co/wp-content/uploads/2026/01/circuit-1.png)}
.wipe-yellow { background: #ffff01; }
.loader {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #2b2b28;
font-size: 12rem;
z-index: 10000;
}
body.no-scroll {
overflow: hidden !important;
height: 100vh; }
html.is-animating .transition-fade {
opacity: 0;
} html.is-changing .transition-fade {
transition: opacity 0.25s;
opacity: 1;
}
.loader {  font-family: "AgencyFBCompressedBlack"; -webkit-font-smoothing: antialiased!important;  font-weight:normal;
-moz-osx-font-smoothing: grayscale!important;}  .current-menu-parent > a,
.current_page_parent > a,
.current-menu-ancestor > a {
color: inherit !important; font-weight: normal !important;
}
a.nav-link.active { font-family: "AgencyFBCompressedBlack";  font-weight:normal;}
ul.sociallinks { margin: 0px; padding: 0px;  }
ul.sociallinks li { display: inline-block; margin: 0px; padding: 0px; font-size: 30px;  }
ul.sociallinks li a { }
ul#bootscore-navbar li { text-transform: uppercase; font-size: 34px;}
.navbar-toggler {border: 0px solid #eee;}
.sociallinks a {
transition: color 0.3s ease;
} section#hero  { width: 100%; height: 100vh;}
header#hero h1 { font-size: 100px; opacity: 0; color: white;}
header#hero h1 span {  font-family: "AgencyFBCompressedBlack"; color: white; -webkit-font-smoothing: antialiased!important;  font-weight:normal;
-moz-osx-font-smoothing: grayscale!important;}
h1 span.d-block {    font-family: "AgencyFBCompressedBlack"; -webkit-font-smoothing: antialiased!important;  font-weight:normal;
-moz-osx-font-smoothing: grayscale!important;}
header#hero h2 { font-size: 18px; line-height: 1.5em; opacity: 0; color: white;}   .navwipe {
position: fixed;
top: -100vh;
left: 0;
width: 100%;
height: 100vh;
z-index: 2000;
}
.navwipe-black {
background: #111;
}
.navwipe-yellow {
background: #ffff01; 
z-index: 2100;
} .overlay {
position: fixed;
inset: 0;
z-index: 2500;
opacity: 0;
pointer-events: none;
display: flex;
align-items: center; justify-content: center; padding: 2rem; }
.overlay .container {
max-width: 1200px; } .overlay-content {
position: relative;
z-index: 2600;
}
.overlay-menu {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
.overlay-menu li {
margin: 0px 0;
font-family: 'Satoshi Bold';
font-size: 1.3rem;
line-height: 1.1em!important;
margin: 0.35em 0em;
}
.overlay-menu li a {
color: #000; text-decoration: none;
}
p.title { 	  font-size: 2.5rem;	text-transform: uppercase;   font-family: "AgencyFBCompressedBlack";  font-weight:normal; color: #2b2b28; -webkit-font-smoothing: antialiased!important;
-moz-osx-font-smoothing: grayscale!important;} .close-nav {
position: fixed;
top: 20px;
right: 20px;
font-size: 4rem;
background: none;
border: none;
color: #000;
cursor: pointer;
z-index: 2700;
}
.fixed { position: fixed;}
#mainnav {
position: fixed;
z-index: 1004;
top: 0em;
left: 0em;
right: 0em;
padding: 0.8rem;
transition: all 0.3s ease;
}
#mainnav.shrink {
top: 0;
left: 0;
right: 0;
padding: 0.4rem;
margin: 0;
border-radius: 0; }
#mainnav.shrink img {
width: 80px;  
transition: width 0.3s ease;
}
#mainnav img {
transition: width 0.3s ease;
}
#hero {
position: relative; overflow: hidden;
}
#particle-canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none; z-index: 0; background: #2b2b28;
}
#hero > .container-fluid,
#hero h1,
#hero h2 {
position: relative;
z-index: 2; color: #ffff01;
} header#mainnav .sociallinks i {
color: #2b2b28;
transition: color 0.25s ease;
} header#mainnav.dark .sociallinks i {
color: white;
} header#mainnav.light .sociallinks i {
color: #2b2b28;
} footer#main { padding-bottom: 200px;background: #ffff01 url(//www.kidd.co/wp-content/themes/kiddotco-child/images/kiddotco-black.svg) bottom center no-repeat;}
footer#main a.nav-link { color: #fff; margin: 0px; padding: 0px; text-transform: none; }
ul.footer-nav li { list-style: none; font-size: 20px; line-height: 1.4em; margin: 0.3em 0em; padding: 0px; font-family: 'Satoshi Bold'!important;}
ul.footer-nav li a { color: #28282B!important; font-family: 'Satoshi Bold'!important;}
ul.footer-nav { margin: 0px; padding: 0px;}
footer#main ul li a { color: #2b2b28; 	}
footer#base { color: white;}
footer#base ul { margin: 0px; padding: 0px;}
footer#base ul li { margin: 0px; padding: 0px; list-style-type: none;} section#hero h1 { font-size: 60px; margin: 0px; padding: 0px; }
span.hero-title-mask span.line { padding-top:3px!important;}  #blogheader.alt {
position: relative;
background-image: url(https://www.kidd.co/wp-content/uploads/2026/01/repeat.png);
background-repeat: repeat;
background-size: auto;
background-position: top left;
background-color: #000; overflow: hidden; --altOverlayOpacity: 0;
}
#blogheader.alt::after {
content: "";
position: absolute;
inset: 0;
background-color: #ffff01;
opacity: var(--altOverlayOpacity);
pointer-events: none;
z-index: 1;
} #blogheader.alt > * {
position: relative;
z-index: 2;
}
#blogheader.alt::after {
background: linear-gradient(
180deg,
rgba(255,255,1,0.9),
rgba(255,255,1,0.75)
);
}
header#contactblock {
background: #2b2b28 url(https://www.kidd.co/wp-content/uploads/2026/01/repeat.png) center center no-repeat;
background-size: cover;
}
header#blogheader { height: auto; padding-top: 6.5em;}
header#blogheader h1 { font-size: 60px; line-height: 0.8em;  font-weight:normal;  font-family: "AgencyFBCompressedBlack"; -webkit-font-smoothing: antialiased!important;
-moz-osx-font-smoothing: grayscale!important;}
header#masthead { height: 35vh;
background: #2b2b28 url(https://www.kidd.co/wp-content/uploads/2026/01/repeat.png) center center no-repeat;
background-size: cover;
}
header#masthead h1 { color: white;  font-size: 60px; line-height: 0.8em;   font-family: "AgencyFBCompressedBlack"; -webkit-font-smoothing: antialiased!important;  font-weight:normal;
-moz-osx-font-smoothing: grayscale!important;}
header#blogheader h2 { font-size: 18px; line-height: 0.8em; opacity: 0;   font-family: "AgencyFBCompressedBlack"; -webkit-font-smoothing: antialiased!important;  font-weight:normal;
-moz-osx-font-smoothing: grayscale!important;}
header#blogheader ul { margin: 0px; padding: 0px; display: block;}
header#blogheader ul li { margin: 0px; padding: 0px; list-style: none; display: inline-block;}
ul#share.text-center li { margin: 0px; padding: 0px 0.3em; list-style: none; display: inline-block;}
header#blogheader li.list-inline-item { font-family: "AgencyFBCompressedBlack"; padding: 0px 0.3em;  font-weight:normal;} header#blogheader.alt h1 { font-size: 60px; line-height: 0.8em;  font-weight:normal; font-family: "AgencyFBCompressedBlack"; color: white; -webkit-font-smoothing: antialiased!important;
-moz-osx-font-smoothing: grayscale!important;}
header#blogheader.alt.hero-title {
opacity: 0;
animation: fadeIn 0.8s ease-out forwards;
}
@keyframes fadeIn {
to {
opacity: 1;
}
}
#hero,
#panel,
#panel .container-fluid,
.col-md-12 {
overflow: visible;
}
.marquee {
width: 100vw;
margin-left: calc(50% - 50vw);
background-color: #2b2b28;
overflow: hidden;
position: relative;
flex: none;
}
.marquee::before,
.marquee::after {
position: absolute;
top: 0;
width: 8rem;
height: 100%;
content: "";
z-index: 2;
pointer-events: none;
}
.marquee::before {
left: 0;
background: linear-gradient(to right, #111 0%, transparent 100%);
}
.marquee::after {
right: 0;
background: linear-gradient(to left, #111 0%, transparent 100%);
}
.marquee-content {
display: flex;
width: max-content;
white-space: nowrap;
will-change: transform;
color: #ffffff;
}
.marquee-content h3 {
font-size: 80px !important;
color: #fff;
white-space: nowrap;
margin: 0;
padding-right: 2rem;
flex-shrink: 0;
color: #ffffff;
} @keyframes pulse {
0% {
transform: scale(0.95);
}
70% {
transform: scale(1);
}
100% {
transform: scale(0.95);
}
}  @media (min-width: 576px) {
.col-sm { flex: 1 0 50%; }
}
@media (min-width: 768px) {
.container {
width: 90%;
max-width: 1400px;
margin: 0 auto;
}
ul#signposts li {   display: inline-block;}
ul.tagcloud li a { font-size:1.5em;}
section#hero h1 { font-size: 100px; margin: 0px; padding: 0px; }
header#mainnav #menuBtn {
padding: 8px 40px;
border-radius: 15px;
font-size: 2em;
font-family: "AgencyFBCompressedBlack";
font-weight: normal;
}
.col-md { flex: 1 0 33.33%; } header#hero h1 { font-size: 76px;}
header#hero h2 { font-size: 20px; } section#profiles h2, section#statement h2, section#testimonials h3  { font-size:60px;}
h2 { font-size:60px;}
h3 { font-size: 60px;}
h4 { font-size:50px;}
div.link a { font-size: 60px;} #scroll-progress {
position: fixed;
background: red;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: transparent; z-index: 99999999;
pointer-events: none;
}
#scroll-progress span {
display: block;
width: 100%;
height: 100%;
background-color: #ffffff; transform: scaleX(0);
transform-origin: left center;
will-change: transform;
background: #0000c2;
}  header#masthead { height: 45vh;}
header#blogheader { height: auto; padding-top: 10em;}
header#blogheader h1 { font-size: 120px; line-height: 0.8em;}
header#blogheader.alt h1 { font-size: 100px;}
header#masthead h1 { font-size: 100px;} #mainnav {
position: fixed;
z-index: 1004;
top: 1em;
left: 3em;
right: 3em;
padding: 1rem;
transition: all 0.3s ease;
}
#mainnav.shrink {
top: 0;
left: 0;
right: 0;
padding: 0.8rem;
margin: 0;
border-radius: 0; }
#mainnav.shrink img {
width: 80px;  
transition: width 0.3s ease;
}
section#introduction h2 {
font-size: 76px;
line-height: 0.9; }
footer#main { padding-bottom: 400px;}
}
@media (min-width: 992px) {
footer#main { padding-bottom: 600px;}
}
@media (min-width: 1200px) {
.marquee-content h3 {
font-size: 100px !important;
color: #fff;
white-space: nowrap;
margin: 0;
padding-right: 2rem;
flex-shrink: 0;
color: #ffffff;
}
ul.tagcloud li a { font-size: 2em; }
.content { padding: 6em 0; }
.col-xl { flex: 1 0 20%; }
.btn { font-size: 2em; }
#portfolio1.section.portfolio .panel { flex: 0 0 50vw; }
section#introduction { height: 100vh; }
section#introduction h2 { font-size: 80px; line-height: 0.9; }
h2 { font-size: 100px; }
h3 { font-size: 100px; }
h4 { font-size: 80px; }
section#profiles h2,
section#statement h2,
section#testimonials h3 { font-size: 100px; }
div.link a { font-size: 100px; } section#hero h1 { font-size: 130px; margin: 0; padding: 0; } section#testimonials.light.content div.container p { color: #2b2b28 !important; }
section#testimonials.light.content div.container h3.reveal-type.text-left.mb-0 p { margin-bottom: 0; } header#masthead { height: 75vh; }
header#masthead h1 { font-size: 150px; }
header#blogheader { height: auto; padding-top: 10em; }
header#blogheader h1 { font-size: 180px; line-height: 0.8em; }
header#blogheader.alt h1 { font-size: 110px; } #mainnav { position: fixed; z-index: 1004; top: 1em; left: 12em; right: 12em; padding: 1rem; transition: all 0.3s ease; } .text-center { text-align: center; }
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 1rem; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 1rem; }
}
@media (min-width: 1400px) {
section#hero h1 { font-size: 180px; margin: 0; padding: 0; }
header#blogheader h1 { font-size: 210px; line-height: 0.8em; }
header#blogheader.alt h1 { font-size: 130px; }
section#introduction h2 { font-size: 110px; line-height: 0.9; }
}