@charset "UTF-8";
/* CSS Document */

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }
body {
margin:0% 2%;
	color:rgba(0,0,0,0.55);
}

.roboto {
font-family: 'Roboto Condensed', sans-serif;  
}
.container-fluid, header, nav, section, footer {
max-width:992px;
padding:0px
}
/* === tester === */
.border {
	border:1px solid red
}
/* == header ==  */
.headstone{
background-image: url('../img/small1.png');
background-size: contain;
background-repeat: no-repeat;
width: 100%;
height: 0;
padding-top: 32.43%;
background-color: none/*66.64%*/; /* ajusting the size of the background image */
margin-bottom: -1px
}
@media screen and (min-width:700px){
.headstone{
background-image: url('../img/header_big.png');
background-size: contain;
background-repeat: no-repeat;
width: 100%;
height: 0;
padding-top:18.95% /*56.55%*/; /* ajusting the size of the background image 55.58% for piesAuto1300_4a.png*/
background-color:none;
margin-bottom:0px /*15px */
}
}
.head_bloc {
/*display: -webkit-flex;*/
display: flex;
/*-webkit-flex-direction: column;*/ /* Safari 6.1+ */
flex-direction: column;
/*-webkit-flex-wrap: wrap;*/
flex-wrap: wrap; 	
}
.head_bloc_inner {
width: 100%;
margin-right:0%;
margin-bottom:0px;
padding: 0px;	
}
 .lower_header div {
width:100%; 
background:red;
text-align: right;
color:rgba(255,255,255,1)
		  }
.lower_header div .roboto {
letter-spacing: 1px; 
line-height:2rem; 
margin-right:2.3%;
}
@media screen and (min-width:700px){
.lower_header div .roboto {
margin-right:6.1%;
}
}	
		 /* ==== navigation ===*/
nav {
margin-top:0px
}
@media screen and (min-width:768px){
nav {
margin-top:20px;	
}  
}
.navbar.navbar-expand-md {
padding:0px; 
}
.bg-dark {
background-color: rgba(255,255,255,1) !important;
}
.navbar-toggler {
padding-left:10px;
padding-right:9px;
padding-bottom:0px;
margin-right:0px;
margin-left:0px;
margin-top:-36px;
font-size: 1.25rem; /*size*/
line-height: 1; /*distance from bottom*/
background-color: transparent; /*background*/
border: 1px solid transparent;
border-radius: 0.25rem;
}
@media (min-width: 520px) {
.navbar-toggler {
margin-right:3px;
padding-right:14px;
}
}
.navbar-toggler:hover, .navbar-toggler:focus {
text-decoration: none;
border-color:transparent
}
.navbar-toggler:not(:disabled):not(.disabled) {
cursor: pointer;
}
.navbar-toggler-icon {
width:20px;
display: inline-block;
height: 1.5em;/*position*/
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%;
}
@media (min-width: 520px) {
.navbar-toggler-icon {
width:25px;  
}  
}
.navbar-dark .navbar-toggler {
 color: rgba(0, 0, 0, 1);
 border-color: rgba(0, 0, 0, 0);
 }
.navbar-dark .navbar-toggler-icon { /*toggler-icon styling*/
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
@media (min-width: 520px) {
 .navbar-dark .navbar-toggler-icon { /*toggler-icon styling*/
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
        }       
}
.navbar-nav.mr-auto {
color:rgba(0,0,0,0.55);
font-size:0.95rem; 
line-height: 1;
width:96%;
margin-left:10px;
padding-top:10px;
display:flex;
flex-direction:column;
flex-wrap: wrap;
justify-content: space-between;
	}

@media (min-width:768px) {
.navbar-nav.mr-auto {
font-size:1rem; 
width:96%;
margin-left:auto;
border-bottom:1px solid rgba(0,0,0,0);
	flex-direction:row;
justify-content: space-between;
}
}
@media (min-width:820px) {
.navbar-nav.mr-auto {
font-size:1rem; 
width:77%;
margin-left:17.5%;
border-bottom:1px solid rgba(0,0,0,0);
	flex-direction:row;
justify-content: space-between;
}
}
.navbar-nav.mr-auto .nav-item {
  width:auto
}
@media (min-width: 420px) {
  .navbar-nav.mr-auto .nav-item {
width:auto
 }
}
@media (min-width: 768px) {
.navbar-nav.mr-auto .nav-item {
width:auto
}
}
/*.navbar-nav.mr-auto .nav-item:first-child {

}
@media (min-width: 768px) {
.navbar-nav.mr-auto .nav-item:first-child {
}	
}*/
.navbar-nav.mr-auto .nav-item {
	padding:0px;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(97, 97, 97, 0.75);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(97, 97, 97, 1);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
section {
margin-top:30px;
display:flex;
flex-direction: column-reverse
}
@media (min-width: 520px) {
	section {
margin-top:30px;
}
}
@media (min-width: 820px) {
section {
margin-top:30px;
flex-direction: row;
}	
}

section div.left {
width:100%;
display:flex;
flex-direction: column;
justify-content: flex-start;
align-items:flex-start;
margin-top:20px;
padding-top:5px;
padding-bottom:5px;
border-top:1px solid rgba(88,88,88,0.4);
border-bottom:1px solid rgba(88,88,88,0.4); 
}
@media (min-width: 520px) {
section div.left {
flex-direction: row;
}
}
@media (min-width: 820px) {/*768*/
section div.left {
width:18.3%;
flex-direction: column;
padding-right:2.5%;
padding-top:0px;
padding-bottom:0px;
margin-top:0px;
border-top:none;
border-bottom:none
}
}


@media (min-width: 520px) {
.multidisplay_title {
text-align:center;
padding-left:0%
}
}
@media (min-width: 768px) {
.multidisplay_title {
	text-align:left;
padding-left:8%
}
}
section div.main {
width:100%;
padding-right:0%
}
@media (min-width: 820px) {/* x */
section div.main {
width:82.7%;
padding-right:6.1%
}
}
section div.main p {
color:inherit;
font-family:Helvetica, Arial, "Helvetica Neue",   "sans-serif";
font-size: 0.9rem
}
section div.main p strong {
font-size: 1rem
}
p legend {
font-size:1.1rem;
padding:2%;
font-style: italic
}
@media (min-width: 820px) {
section div.main p {
font-size: 1rem
}
section div.main p strong {
font-size: 1.1rem
}
p legend {
font-size:1.2rem;
}
}
.plugin {
padding:2%
}
p a, .listings a{
	color:inherit;
	font-weight: bold;
	text-decoration: underline
}
p a:hover, .listings a:hover {
	color:inherit;
	font-weight: bold;
	text-decoration: none
}
p a:visited, .listings a:visited  {
	color:inherit;
	font-weight: bold;
	text-decoration: none
}
p a:active, .listings a:active  {
	color:inherit;
	font-weight: bold;
	text-decoration: none
}
/* == footer == */
footer {
display:flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top:30px;
margin-bottom:30px;
color:inherit; 
padding-left: 0%
}	

@media (min-width: 520px) {
footer {

}	
}
@media (min-width: 768px) {
footer {
justify-content: center;
margin-top:50px;
margin-right:auto;
margin-left:auto;
color:inherit;
padding-left: 0%
}
}
footer div {
border-right:1px solid rgba(0,0,0,0.55);
margin-right:1.5%;
width:auto;
}
footer div img {

}
@media (min-width: 520px) {
footer div img {
}	
}
@media (min-width: 768px) {
footer div img {

}
}
footer p {
align-self: left;
line-height:0.8rem;
text-transform: uppercase;
letter-spacing: 0.15rem;
font-size:0.5rem;
margin:0;
}
/* ==== varia ====*/
.extra_margin-bottom {
margin-bottom:30px	
}
h1, h2, h3, h4, h5, h6 {
	color:inherit;
}
.darker {
	color:rgba(0,0,0,0.65);
}
.lighter {
	color:rgba(0,0,0,0.45);
}

hr {
	border-color:rgba(0,0,0,0.25);
	
}
.article_head {
		margin-bottom:7%	
		}	
		@media (min-width: 520px) {
		.article_head {
		margin-bottom:5%	
		}		
		}
		@media (min-width: 820px) {
.article_head {
		margin-bottom:3%	
		}	
}
		.article_head h4 {
		line-height: 1.7rem;
			font-size:1.4rem
		}
		@media (min-width: 520px) {
		.article_head h4 {
		line-height: 1.9rem;
			font-size:1.5rem
		}	
		}
		@media (min-width: 820px) {
.article_head h4 {
		line-height: 2rem;
			font-size:1.6rem
		}
}
		.article_head h5 {
		line-height: 1.35rem;
			font-size:1.2rem
		}
		@media (min-width: 520px) {
		.article_head h5 {
		line-height: 1.7rem;
			font-size:1.35rem
		}	
		}
		@media (min-width: 820px) {
.article_head h5 {
		line-height: 1.8rem;
			font-size:1.4rem
		}	
}
		p.special_list {
		display:flex;
        justify-content: flex-start;
    
		}
		p.special_list .hour {
		margin-right:2%	;
			font-weight: bold
		}
		p.special_list em {
	font-size:1.15rem
		}
		@media (min-width: 520px) {
		p.special_list em {
	font-size:1.2rem
}	
		}
		@media (min-width: 820px) {
p.special_list em {
	font-size:1.3rem
}	
}
.margin_bottom_extra {
margin-bottom:20px   
}
.inverted {
	background:rgba(0,0,0,0.5);
	padding: 5px 5px;
	color: rgba(255,255,255,0.75);
	font-variant: small-caps;
	letter-spacing: 1px
}
.hour.pict {
    width:15%;
    min-width: 15%;
    border:1px solid rgba(0,0,0,0.5);
}
.hour.venue {
    width:30%;
    min-width: 30%;
    border:1px solid rgba(0,0,0,0.5);
}
.lecturers_align {
  align-items:flex-start  
}
.form-control::-webkit-input-placeholder {
  color: rgba(0,0,0,0.5);
  opacity: 1;
  font-size: 0.8rem;
font-style: italic
}

.form-control::-moz-placeholder {
  color: rgba(0,0,0,0.5);
  opacity: 1;
    font-size: 0.8rem;
    font-style: italic
}

.form-control:-ms-input-placeholder {
  color: rgba(0,0,0,0.5);
  opacity: 1;
    font-size: 0.8rem;
    font-style: italic
}

.form-control::-ms-input-placeholder {
  color: rgba(0,0,0,0.5);
  opacity: 1;
    font-size: 0.8rem;
    font-style: italic
}

.form-control::placeholder {
  color: rgba(0,0,0,0.5);
  opacity: 1;
    font-size: 0.8rem;
    font-style: italic
}
.btn {
background: rgba(0,0,0,0.5);
border:1px solid rgba(255,0,0,1)
                }   
.card {
margin:0px; 
padding:0px; 
border:none     
            }
.card-header {
padding: 0rem 0rem 0.5rem 0rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0);
border-bottom: 0px solid rgba(0, 0, 0, 0);
}     
        </style>
      <style>
* {
box-sizing: border-box;
}
.lefty {
  display:flex;
    flex-direction:column;
    margin:0px auto
 }
 @media (min-width: 520px) {
 .lefty {
  display:flex;
    flex-direction:row;
     justify-content: space-around
 }   
    }
@media (min-width: 820px) {
 .lefty {
  display:flex;
    flex-direction:column;
     justify-content: flex-start;
     width:100%;
     
 }   
    }
.block {
display:block;
    margin-bottom:10px;
}
 @media (min-width: 520px) {
.block {
margin-right:10px
}
.block:last-child {
margin-right:0px
}
    }
@media (min-width: 820px) {
.block {
margin-right:5px;
margin-left:5px
}
.block:last-child {
margin-right:0px
}
    }
.block_title {
width:100%;
font-size:0.8rem;
color:inherit;
font-variant: small-caps;
font-weight:bold;
letter-spacing: 0.1rem;
margin-bottom:10px;
line-height: 1rem
}

.block .block_title {
    text-align:left
}
 @media (min-width: 520px) {
.block .block_title {
    text-align:center
}
    }
@media (min-width: 820px) {
.block .block_title {
    text-align:left
}
    }
.section_wrapper{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    width:100%;
    margin-top:0px
}
@media (min-width: 520px) {
 .section_wrapper{
    
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width:100%
}
    }
@media (min-width: 820px) {
 .section_wrapper{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width:100%;
    margin-bottom: 15px;
}
    }
.box_wrapper {
    display: flex;
    flex-grow: 0;
    align-items: stretch;
    
    width: 48%;
    max-width:200px;
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 15px;
    
}
@media (min-width: 520px) {
 .box_wrapper {
    display: flex;
    flex-grow: 0;
    align-items: stretch;
    
    width: 100%;
    max-width:200px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 15px;
    
}   
    }
@media (min-width: 820px) {
 .box_wrapper {

    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 15px;
    
}   
    }
.box_content{
    display: flex;
    flex-direction: column;
    
    width: 100%;
    
}
.box_image{
    width: 100%;
    max-width: 200px;
    height: auto;
    flex: none;
}

.box_title{
    display:none;
    padding: 0px;
    margin-bottom: 0;
}
.box_text{
    flex-grow: 1;
    height:0px
    
}