body {
font-family: Tahoma;
color: #000;
font-size: 16px;
}

@font-face {
  font-family: Tahoma;
  src: url(PTSans-Regular.ttf);
  font-size: 16px;
}


.img-nav {
    position: absolute;
	top: -23px;
   width: 173px;
	height:103px;
	z-index: 10;
}





/* ============ only desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
	.navbar .nav-item:hover .nav-link{ color: #000;  }
	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.navbar .dropdown-menu.fade-up{ top:180%;  }
	.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }

	
	.navbar-dark .nav-item.active .nav-link,
    .navbar-drk .nav-item:hover .nav-link {
    color: #000;
}
                
          
	
	
	.img-nav {
    position: absolute;
    top: -23px;
	width: 172px;
	height:103px;
	z-index: 10;
	
}	

	
}	



/* ============ desktop view .end// ============ */



@media (min-width: 992px) {
    h3.intro {
  color: #000;
  font-size: 2rem;
}



.block {
  position: relative;
}


.text-block {
  position: absolute;
  width: 100%;
  bottom: 40px;
  right: 0px;
  left: 0px;
  background-color: rgba(255,255,255, 0.8);
  color: black;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  padding-bottom: 10px;
}







}




	.navbar-dark .nav-item.active .nav-link,
    .navbar-drk .nav-item:hover .nav-link {
    color: #000;
}


.bg-bombelka {

background: rgba(186,222,205, 1);


 }
 
 
 .content { margin-left: 5px; margin-right: 5px;}

.bg-mint {

background: rgba(186,222,205, 1);


 }
 
.bg-grau {

background: rgba(156, 158, 159, 1);


 } 


 

 .border-red {
  padding-top: 1.5rem;
  border: 0px !important;
  background: rgba(186,222,205, 1);
}


 .border-blue {
  padding-top: 2rem;
  border: 0px !important;
  background: rgba(156, 158, 159, 1);
}

.btn-outline-pegode {
 color: #fff;
 background-color:rgba(156, 158, 159, 1);
 background-image:none;
 border-color: rgba(156, 158, 159, 1);
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
 
 }
 
.btn-outline-pegode:hover {
 color:#fff;
 background-color: rgba(186,222,205, 1);
 border-color: rgba(186,222,205, 1);
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
 }

.block {
  position: relative;
}

.text-block {
  position: absolute;
  width: 100%;
  bottom: 40px;
  right: 0px;
  left: 0px;
  background-color: rgba(255,255,255, 0.8);
  color: black;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  padding-bottom:10px;
}



/* Icon 1 */

.animated-icon1, .animated-icon2, .animated-icon3 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: #ffffff;
}


.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: 0px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}


h3.footer {
font-family: Tahoma;
  color: #fff;
  text-shadow: 1px 1px #000;
}


h4.footer {
font-family: Tahoma;
  color: rgba(1,80,146, 1);
}

h2.footer {
    color: #fff;
    font-family: Tahoma;
  text-shadow: 1px 1px #000;
 
}

h2 {
font-family: Tahoma;
  color: #000;
    
}

h3 {
font-family: Tahoma;
    color: #000;
  font-size: 12px;
    
}


h4 {
font-family: Tahoma;
  color: rgba(150, 205, 179, 1);
    
}


a {
    color: #000;
}

a:hover {
    color: #000;
}


.top-section {
  color: #fff;
}


.about-section {
  padding-top: 5rem;
  background: rgba(156, 158, 159, 1);
  color: #fff;
}
.about-section p {
  margin-bottom: 5rem;
}





.footer-section {
  padding-top: 2rem;

}
.footer-section p {
  margin-bottom: 2rem;
}



footer a {
color: #fff;
    -webkit-transition: all 0.4s ease-in-out; 
	-moz-transition: all 0.4s ease-in-out; 
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


footer .footer-above {
  padding-top: 30px;
   background-color: rgba(186,222,205, 1);

}

footer .footer-col{
  color: white;
  text-align: left;
  font-size: 16px;
}




footer .footer-below {
	color: #fff;
  padding: 25px 0;
  background-color: rgba(186,222,205, 1);
  font-size: 16px;
}


.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

th, td {
    text-align: left;
    vertical-align: middle;
}












.section-heading {
  font-size: 24px;
  font-weight: 700;
  margin-top: 60px;
}



header.masthead {
  margin-bottom: 0px;
  background: no-repeat center center;
  background-color: #fff;
  background-attachment: scroll;
  position: relative;
  background-size: cover;
}

header.masthead .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(1,80,146, 1);
  opacity: 0.1;
}

header.masthead .page-heading,
header.masthead .post-heading,
header.masthead .site-heading {
  padding: 200px 0 150px;
  color: #fff;
  text-shadow: 1px 1px 1px black;
}

@media only screen and (min-width: 768px) {
  header.masthead .page-heading,
  header.masthead .post-heading,
  header.masthead .site-heading {
    padding: 200px 0;
  }
}

header.masthead .page-heading,
header.masthead .site-heading {
  text-align: center;
}

header.masthead .page-heading h1,
header.masthead .site-heading h1 {
  font-size: 50px;
  margin-top: 0;
}

header.masthead .page-heading .subheading,
header.masthead .site-heading .subheading {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.1;
  display: block;
  margin: 10px 0 0;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

@media only screen and (min-width: 768px) {
  header.masthead .page-heading h1,
  header.masthead .site-heading h1 {
    font-size: 80px;
  }
}

header.masthead .post-heading h1 {
  font-size: 35px;
}

header.masthead .post-heading .meta,
header.masthead .post-heading .subheading {
  line-height: 1.1;
  display: block;
}

header.masthead .post-heading .subheading {
  font-size: 24px;
  font-weight: 600;
  margin: 10px 0 30px;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

header.masthead .post-heading .meta {
  font-size: 20px;
  font-weight: 300;
  font-style: italic;
  font-family: 'Lora', 'Times New Roman', serif;
}

header.masthead .post-heading .meta a {
  color: #fff;
}

@media only screen and (min-width: 768px) {
  header.masthead .post-heading h1 {
    font-size: 55px;
  }
  header.masthead .post-heading .subheading {
    font-size: 30px;
  }
}

.showcase .showcase-text {
  padding: 3rem;
}

.showcase .showcase-img {
  min-height: 30rem;
  background-size: cover;
}

@media (min-width: 768px) {
  .showcase .showcase-text {
    padding: 7rem;
  }
}