.hidden.menu {display: none}

.masthead.segment {
  min-height: 350px;
  padding: 1em 0em;
  background: #6FABDD url(../img/header.jpg) center bottom no-repeat scroll !important;
}
.masthead .logo.item img {
  margin-right: 1em;
}
.masthead .ui.menu .ui.button {
  margin-left: 0.5em;
}
.masthead h1.ui.header {
  margin-top: 1.35em;
  margin-bottom: 0;
  font-size: 3.7em;
  font-weight: normal;
  text-shadow:0 2px 2px #123
}
.masthead h2 {
  font-size: 2.1em;
  font-weight: normal;
  margin-bottom: 1em;
  text-shadow:1px 2px 2px #123;
  color:#fff !important
}
.masthead h2 span, .articlehead h2 span {opacity:0.3}

.ui.vertical.stripe {
  padding: 2.0em 0em;
  border:0 
}
.ui.vertical.stripe h3 {
  font-size: 1.5em;
}
.ui.vertical.stripe .button + h3,
.ui.vertical.stripe p + h3 {
  margin-top: 2em;
}
.ui.vertical.stripe .floated.image {
  clear: both;
}
.ui.vertical.stripe p {
  font-size: 1.2em;
}

.footer.segment {
  padding: 3em 0em;
}

.ui.vertical.stripe h1, .ui.vertical.stripe h2, .ui.vertical.stripe h3 {color:#2373B2 !important}
.ui.vertical.stripe h3 {margin-bottom:0.3em}

span.error {color:#a20 !important;font-weight:bold}
a.toc.item {font-size:18px}
a.item {font-size:19px}
.ui.vertical.stripe.lightgrey { background:#f5f5f6;border-top:1px solid #dadada}
.ui.vertical.stripe.lightgrey h3, .ui.vertical.stripe.lightgrey h4 {color:#444 !important;margin-bottom:2px}
.ui.vertical.stripe.lightgrey p {color:#778 !important}
p.grey {color:#999;font-size:0.9em}
.footer.segment div.column {color:#aaa !important}
.ui.form.formodsazeni {margin-top:1.5em}

.ui.vertical.stripe.segment h2, .ui.vertical.stripe.segment h3 {color:#448ecd !important}
.ui.vertical.stripe.segment h3 {color:#2b3d4d !important}

.ui.form .field > label {font-size: 1.1em}
.form-label b {color:#a20}
#kontaktform {margin-top:1.2em}
.ui.button {background:#1765ba;color:#fff}
.ui.input.max-width {max-width: 400px}
.ui.input.max-width-textarea {max-width: 700px}
.error {position:relative;top:8px;left:4px}

.ui.vertical.segment {border-bottom: 0 !important}

.ui.topmenu {position: relative;left:0;top:-17px}
.ui.menu .active.item {
  background: rgba(56, 147, 204, 0.1);
}
ul li {font-size: 1.2em;line-height:1.7rem}
.alert-success {color:#292}

.portfolio-boxes {
    margin: 0.5rem 0;
    display: flex;
    flex-direction: row;
    gap: 2rem;
    align-items: center;
    justify-content: space-evenly;
}
.portfolio-box {
    min-width: 16rem;
    padding: 2.5rem 0 2.7rem 0;
    text-align: center;
    border: 1px solid #d4d3d3;
    background-color: #fff;
    border-radius: 7px;
}
.portfolio-box h3 {
  font-size: 2rem !important;
  padding-bottom: 0.6rem;
}

@media only screen and (max-width: 700px) {
  .portfolio-boxes {
    flex-direction: column;
  }
	.masthead.segment {min-height: 200px;background: #6FABDD url(../img/header-700.jpg) center bottom no-repeat scroll !important;}
	
	.masthead h1.ui.header {font-size: 2em;margin-top: 0.8em;}
	.masthead h2 {margin-top: 0.5em;font-size: 1.5em;}
  
	.ui.vertical.stripe h3 { font-size: 1.3em }
	.ui.vertical.stripe p { font-size: 1.1em }	
	.ui.vertical.stripe { padding: 1.8em 0em }	
	.footer.segment { padding: 1.0em 0em}
  a.item {font-size:17px}
  ul li {font-size: 1.1em}
  .error {position:relative;top:3px;left:1px}
}