body {
  font: 20px Montserrat, sans-serif;
  line-height: 1.8;
  color: #f5f6f7;
}
.margin {
  margin-bottom: 45px;
}
.bg-1 {
  background-image: url('../images/foto2.jpg');
  background-color: #184f78; /* Green - #1abc9c */
  color: #ffffff;
}
.bg-2 {
  background-color: #e6e6e5; /* Dark Blue - #474e5d */
  color: #474e5d;
}
.bg-3 {
  background-color: #ffffff; /* White */
  color: #555555;
}
.bg-4 {
  background-image: url('../images/foto3.jpg');
  background-color: dimgrey; /* Black Gray - #2f2f2f */
  color: #fff;
}
.container-fluid {
  padding-top: 120px;
  padding-bottom: 60px;
}
.container-fluid2 {
  padding-top: 40px;
  padding-bottom: 50px;
}
.container-fluid3 {
  padding-top: 40px;
  padding-bottom: 50px;
  padding-left: 20%;
  padding-right: 10%;
}
h1 {
  font-family: 'Alegreya Sans', sans-serif;
  text-shadow: 0px 1px 2.5px rgba(0, 0, 0, 0.3);
}
h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 21px;
  line-height: 29px;
  text-align: center;
}
.p1 {
  margin: auto;
  font-size: 16px;
  font-family: Arial, Verdana, sans-serif;
  padding-left: 20%;
  padding-right: 20%;
}
.p2 {
  margin: auto;
  font-size: 10px;
  font-family: Arial, Verdana, sans-serif;
  font-style: italic;
  padding-left: 20%;
  padding-right: 20%;
}
.lektor1 {
  margin-top: 10px;
  margin-bottom: 0px;
  line-height: 20px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px; 
}
.lektor2 {
  margin-top: 0px;
  margin-bottom: -5px;
  line-height: 20px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px; 
}   
#well-1 {
  max-width: 500px;
  padding-left: 20px;
  padding-right: 20px;
  margin: auto;
  background-color: white;
  color: #474e5d;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius:  5px;
  border-bottom-right-radius: 5px;
  transition: 0.3s;
}
#well-1:hover {
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.13);
  -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.13);
  box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.13);
}    
a#well-1-underline:hover {
  text-decoration: none;
}
a#well-1-underline:link {
  text-decoration: none;
}
dl {
  font-family: Arial, Verdana, sans-serif;
  font-size: 17px;
}
dl-modal {
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  padding-left: 10%;
}
.modal-header {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #5bc0de;
    color: white;
}
.modal-title {
    margin: auto;
    max-width: 600px;
}
.modal-body {
    text-align: left;
    padding-left: 9%;
    padding-right: 7%;
}
.modal-footer {
    background-color: #e6e6e5;
    border-bottom-left-radius:  5px;
    border-bottom-right-radius: 5px;
}
#thumbnail-text {
    padding-top: 50px;
    padding-bottom: 100px;
    text-align: left;
}
.thumbnail {
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
}
.btn-primary {
    font-size: 17px;
    font-family: 'Alegreya Sans', sans-serif;
    transition: 0.3s;
}
.btn-info {
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px;
    transition: 0.3s;
}
#btn-lektor {
    margin-top: 15px;
    margin-bottom: 10px;
    background-color: #e6e6e5;
    border: none;
    font-family: Arial, Verdana, sans-serif;
    transition: 0.3s;
}
#btn-lektor:hover {
    background-color: #cdcdcb;
}
#btn-mapa {
    margin-top: 5px;
    margin-bottom: 20px;
    background-color: #e6e6e5;
    border: none;
    transition: 0.3s;
}
#btn-mapa:hover {
    background-color: #cdcdcb;
}
.form-group {
    max-width: 500px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px;
    margin: auto;
    text-align: left;
}
#comment {
    max-height: 150px;
    max-width: 500px;
    margin-bottom: 20px;
}
.form {
    background-color: hsla(0, 0%, 80%, 0.7);
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    margin: auto;
    max-width: 600px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius:  5px;
    border-bottom-right-radius: 5px;
}
#myModal2 {
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px;
    color: #474E5D;
}
#imgModal2 {
    float: right;
    width: 25%;
    height: auto;
    padding-right: 5%;
}
#animation-chevron-down {
    color: white;
    position: relative;
    animation-name: down;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    transition-timing-function: ease-out;
}
@keyframes down {
    0%   {top:0px;}
    50%  {top:3px;}
    100% {top:0px;}
}
#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 10px; /* padding from the left side of the window */
    text-decoration: none;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px; /* height of link element */
    right: 10px; /* padding from the left side of the window */
    text-decoration: none;
}
#top-link-block {
	position:fixed;
	right:10px;
	bottom:10px;
	text-decoration:none;
}
#well-2 {
  background-color: white;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
  transition: 0.3s;
}
.error {
  padding-top: 20px;
  font-family: Arial, Verdana, sans-serif;
  font-style: italic;
  font-size: 10px;
}

.lektori {font-size:14px;}
.lektori img {margin-top:0px;}
.gdpr-cond-salutation {display:none;}
#gdprModal, #vopModal {
	color:#000;
	height:90%;
	max-height:100%;
	overflow:auto;
}

.well-text-success {
  max-width: 500px;
  padding-left: 20px;
  padding-right: 20px;
  margin: auto;
  background-color: white;
  color: #474e5d;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius:  5px;
  border-bottom-right-radius: 5px;
  transition: 0.3s;
}
.well-text-success:hover {
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.13);
  -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.13);
  box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.13);
} 
#form-info {
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: black;
  margin-bottom: 3rem;
  background: white;
  padding: 25px;
  border-radius: 5px;
  max-width: 600px;
}
}