/* 
Theme Name: zack-info-child  
Theme URI: https://www.difool.de/ 
Description: difool.design Theme 
Author: Difool
Author URI: https://www.difool.de/
Template: hueman
Version: 1.0.0
*/
/*
#606060
#970007

#5D5E5D = logo
*/

.site-title { float: none; }
.page-title { display: none; }
#page { padding-bottom: 0px; }
#page .container-inner { box-shadow: none;}
.page .main { background-color: #e0e0e0 !important; }



/*** flat 4 fone ***/
.container-tree { display: flex; flex-direction: column; height: 89vh; background: #e0e0e0; padding: 0; margin: 0 auto; max-width: 500px; }

.item { text-align: center; margin: 2rem 0; }
.item img { width: 280px; margin: 0 auto; display: block; left: .4rem; position: relative; }
.item:nth-last-child(2) { margin-top: auto; }
.item:nth-last-child(2) { margin-bottom: auto; }

.link-list a { display: block; padding: 18px 0; max-width: 600px; text-align: center; margin: 0 auto; color: #ffffff; background-color: #555756; border-radius: 6rem; text-decoration: none; font-size: 18px; border: 1px solid #555756; }
.link-list a:hover { background-color: #333333; color: #fff; text-decoration: none; }
.link-list a span { font-weight: 600; }

.fab, .fas { font-size: 2.7em; float: left; top: -.66rem; left: .4rem; position: relative; margin-right: -6rem; line-height: .8; }
.fab.fa-instagram { left: .5rem; }

.item ul.site-nav { margin: 0 auto; padding: 0; text-align: center; position: relative; width: 100%; }
.item ul.site-nav li { list-style: none; line-height: 1.6; }
.item ul.site-nav li a { color: #555756; }

#footer { display: none; }
#footer-bottom #back-to-top { display: none; }
#footer-bottom .one-half { width: 100%; text-align: center; }
#footer-bottom #copyright { color: #555756; }


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.fab, .fas { top: -.68rem; font-size: 2.8em; }
}

@media only screen and (max-width: 719px) {
#header .mobile-title-logo-in-header .site-title { text-align: center; left: 20px; }
#nav-mobile { display: none; }
.home .entry img { width: 180px; }
.container-tree { height: 87vh; }
.entry ul.site-nav { bottom: 6%; position: absolute; } 
}

@media only screen and (max-width: 956px) and (orientation: landscape) {
.container-tree { height: 100%; }
.fab, .fas { top: -.68rem; font-size: 2.8em; }
.entry ul.site-nav { position: relative; margin: 0 auto 2rem auto; } 
}

@media only screen and (max-width: 404px) {
.fab, .fas { top: -.75rem; font-size: 2.7em; }
}

@media only screen and (max-width: 375px) {
.container-tree { height: 87vh; top: -1.2rem; position: relative; }
}