body {
	font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #000;
	background-image: linear-gradient(180deg, #6faed9, #f7aa80);
}
.navbar-nav .nav-link {
    font-size: 0.8em;
    font-weight: 400;
}
.dropdown-item {

    font-size: 0.8em;

}
.container-fluid {
    margin: 50px;
	background-color: white;	
}
.d-block {
	max-width: 100%;
		height: auto !important;
	aspect-ratio: attr(width) / attr(height);
	
}
.slika-mapa {
    float: right;	
	width: 100%;
	height: auto;
}
.h1 h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 3em;
	font-weight: 100 !important; 
}
.h2 h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 2rem;
    color: #a35142;	
	font-weight: 500;
}
a {
color: #411e17;

}
p {
    font-size: 1.2rem;
    color: #2d3538;	
	font-weight: 300;	
}

@media (max-width: 766px) {
body {background-image: linear-gradient(120deg, white, white);
}
.container-fluid {
    margin: 0px;
padding-left: 30px;	
padding-right: 15px;
}
.card {
	margin-bottom:20px;
}
.card-block {
	width: 80%;
}
.card-body {
	padding: 30px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: -15px;
	margin-left: -15px;
}
.col-md-4 {
	padding-right: 30px;
	padding-left: 30px;
}
}

@media (min-width: 766px) {
.row {
    padding-bottom: 50px;
    padding-right: 15px;
    padding-left: 15px;
}
}

.navbar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .5rem 1rem;
	float: right;
	top: 50px;

}
.navbar-light .navbar-brand, .navbar-light .navbar-toggler {
    color: rgba(0,0,0,.7);
}
.navbar-brand {
    display: inline-block;
    padding-top: .25rem;
    padding-bottom: .25rem;
    margin-right: 1rem;
    font-size: 0.7rem;
    line-height: inherit;
    white-space: nowrap;
}
.navbar-nav .nav-link {
    font-family: 'Montserrat', sans-serif;
	font-weight: 500;	
}

.row {
    padding-bottom: 50px;	
margin-right: -15px;
margin-left: -15px;
  background-color: #faf8f1;
}
.carousel {
    position: relative;

}

.flex-container {
  display: flex;
  flex-wrap: wrap;

}
.flex-item-gynenova	{
  padding: 15px;
  flex: 50%;	
}
.flex-item-mapa	{
  padding: 15px;
  flex: 50%;	
}
.flex-item-clanakleft	{
  padding: 150px 15px;
  flex: 50%;	
}
.flex-item-clanakright	{
  padding: 15px;
  flex: 50%;	
}
.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #fadcc0;
    border-radius: .3rem;
}
.modal-dialog {
    max-width: 750px;
}

@media (max-width: 766px) {
.modal-dialog {
    max-width: 100%;
}
.modal-dialog img {
    width: 100%;
}
.h1 h1 {
    font-size: 1.5rem;
}
.h2 h2{

    font-size: 2rem;
}
.flex-item-clanakleft	{
  flex: 100%;	
}
.flex-item-clanakright	{
  flex: 100%;	
}
.flex-item-clanakleft	{
  padding: 15px;	
}
}

@media (max-width: 420px) {

.h1 h1{
    font-size: 1.2rem;
}
.h2 h2{

    font-size: 2rem;
}
p {
    font-size: 1.2rem;
    color: #2d3538;	
	font-weight: 500;	
}
}



.btn-primary {
    color: #fff;
    background-color: #3d5158;
    border-color: #ce7a5d;
}
.btn img {
}
.prof {
	margin-left: -15px;
	width: 100%;
	height: auto;
	float: left;
}
djel-text {
    color: #fff;
    background-color: #3d5158;
    border-color: #ce7a5d;
}

.card-header {
    background-color: #f7f1ef;
    border-bottom: 0px solid rgba(255,255,255,.125);
	font-size: 1.3em;
}
.card-body {
    padding: 10px;
    font-size: 1.2rem;
    color: #2d3538;
    font-weight: 200;	
}
.card-img-top {
	width: 100%;
    height: auto;
}
.modal-dialog {
    max-width: 350px;

}
.modal-dialog img {
    width: 100%;
	height: auto;
}
@media (max-width: 814px) {
	
.modal-dialog {
    max-width: 100%;
	max-height: 70%;	
	
	
	
}	
}
.center {
	position: relative;
	display: box;
	width: 100%;
	text-align: center;
	margin: auto;
	background-color: transparent;
	
}
.bann {
	width: 100%;
	display: block;
}
.bann img {
	width: 100%;
	padding-bottom: 300px;
}
.illum img {
	width: 50%;
	padding: 0px;
	float: left;
	margin-right: 15px;
}
.illum2 img {
	width: 100%;
	padding: 0px;
	float: left;
	margin-right: 15px;
}
@media (max-width: 814px) {
.bann img {
	width: 100%;
	padding-bottom: 10px;
}	
}
.developed { 
text-align: center;
	font-size: 0.7em;
	font-weight: 500;
	color: #000;
background: transparent;	
}
.greenline {
	width: 100%;
	position: relative;
	display: block;
}
.gmap {
	text-align: center;
	width: 90%;
	height: auto;
	padding: 20px;
	margin-left: 5%;
	margin-right: 5%;
	background-color: #d7effe;
}
.homepage-display {
	font-family: 'Libre Baskerville', serif;
	font-size: 4em;
	color: #fff;
	text-shadow: 2px 2px 5px #17232e;
}
	.eu img {	
	float: right;
}
@media (max-width: 1428px) {
.homepage-display {
	font-size: 3em;
	line-height: 1em;
}
.card-header {
	font-size: 1em;
}
.card-img-top {
	width: 100%;
	aspect-ratio: attr(width) / attr(height);
}
}
@media (max-width: 1060px) {
	
	.hamag img {
	width: 100%;
}
	.eu img {
	width: 100%;	
}
	
	}
	
	
@media (max-width: 940px) {
.navbar {
	top: 0px;
}
.homepage-display {
	font-size: 2em;
}
.card-header {
	font-size: 0.8em;
}
}
@media (max-width: 770px) {
.navbar {
	top: 0px;
}
}
@media (max-width: 664px) {
.homepage-display {
	font-size: 1.5em;
	margin-bottom: 0.5rem;
	padding-top: 0.5rem;
}

}
@media (max-width: 500px) {
.homepage-display {
	font-size: 1.1em;
	line-height: 1em;
}	
}
@media (max-width: 500px) {
.glogo {
	max-width: 300px;
	height: auto;
}	
}