/** STYLES **/

/** Navigation */
#header { justify-content: space-around;height:120px }
#logo { text-align:center;width: 15%; min-width:168px;margin-top:0px;margin-left:10px;display:flex;justify-content:center;align-items:center }
#imglogo { height:80% }
#menu { width: 50%;height:100%;margin-top:0px }
.nav { height:60px;margin-top:30px }
#socialmed { width: 15%; }
#butmenu { z-index:9;width: 15%;display:none;position:fixed;top:30px;right:20px }
#cellmenu { z-index:9;display:none;position:fixed;top:70px;left:0px;font-size:14pt }

/* screen < 800px */
@media (max-width: 800px) { 
#header { justify-content:flex-start }
#logo { width: 15%; min-width: 168px }
#menu { width: 65%; }
#socialmed { display:none }
}

/* screen < 600px */
@media (max-width: 600px) { 
#header { justify-content:flex-start; }
#logo { width:10%;min-width: 168px }
#menu { width:20%;visibility:hidden }
#socialmed { display:none }
#butmenu { width:15%;display:flex }
}

/* on hover navigation link show frame */
a:hover { text-decoration:underline }
.nav:hover { border:solid 1px;border-color:#fff;background-color:rgba(0, 0, 0, 0.5) }
.cmnav { color:#fff;background-color:rgba(0, 0, 0, 0.6);padding:10px;margin:5px;margin-bottom:5px }

.bgic { background-position: center; }
.bgicc { background-position:center center; }
.bgi10auto { background-size:100% auto; } /* 100% width, auto height */
.bgiauto10 { background-size:auto 100%; } /* auto width, 100% height */

.bgi { 
background-position: center;
background-repeat: no-repeat;
background-size: contain; 
}

.bgicv { 
background-position: center;
background-repeat: no-repeat;
background-size: cover; 
}

/* center center content */
.xcenter {
  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center;     /* Centers vertically */
}

/* Background Homepage */
.bghome {
background-position: center top; 
background-size: auto 100%;
background-repeat: no-repeat;
}

/* Footer */
#footerinfofeld { field-sizing:content;text-align:right;height:20px; }
.fticon { width: 40px;height:40px;margin:10px 5px 10px 5px }

/* blowup img animation */
.blowup { position:fixed }
#img1 { cursor:hand;cursor:pointer;position:absolute;z-index:-2 }
#img2 { cursor:hand;cursor:pointer;position:absolute;z-index:-1 }
#slidebutleft { height:100%;width:10%;min-width:40px;z-index:6 }
#slidebutright { height:100%;width:10%;min-width:40px;z-index:6 }

/* background slideshow */
#imgcont { background-color:#399;z-index:5 }

/* stretch Barbara name */
.stretch { 
display: inline-block;transform: scaleY(1.7);
text-align: justify;text-justify:inter-character;
}
.stretch:after { width: 100%; }


/* font for quotes */
.quote { padding:25px;font-family:"Carattere",cursive;font-weight:400;font-style:bold;font-size: 2.2cqi }