/* CSS Document */

/* Mobile first */

div {
		/*	border: 
		debug 
		border: 1px solid red;
		*/
	}

html { 	background-color: #18384D;	}

body {	
	position: relative; 
	background-color: transparent;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	
}

h1 {
	font-size:20px; 
	text-align: center;
}

p {text-align: center}

.navbar {
    min-height: 20px;
}
a { font-size: 14px; }

#base {
	
	margin-top: 3em;
/*	background-color: #18384D;*/
	padding:1em;
	color: white;
}

#nav_bottom {font-size: 8px;}

.espacio_1 { 
	min-height: 10px;
	margin-top: 2em; 
	
}

.espacio_bajo {
	margin-bottom: 0em; 
	min-height: 10px;
	}

.espacio_2 { margin-top: 2em; }

.border_white {border: 1px solid white; }

/*.img-fluid {	margin: 0 auto;	}*/

#kreise img {margin-top: 2em}

#gal img {	
	
	margin-top: 2em;
	width: 250px;
}

#vid img {
	margin-top: 2em;
	width: 250px;
}

.solo { display: none;}
	
.no_solo { margin-top: 4em;}

.table td {
  text-align: center;
	border: 0px;
	padding: 0px;
}

.modal-body p { text-align: left}

.navbar-dark .navbar-text {
	
	font-size: 10px;
	padding-left: 0px;
	padding-right: 0px;
}

.btn-sm { 
	
	padding: .25rem .5rem;
	font-size: .4rem;
}

.ekko-lightbox .modal-dialog {
  flex: 100%!important;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 576px) {
	
	a { font-size: 16px; }
	
	
	
	.btn-sm { font-size: .8rem; } 
	
}

@media (min-width: 768px) {
		
	body {
		
		margin-right: auto;
		margin-left: auto;
		margin-top: 15px;
		font-size: 15px;
	}
		
	a { font-size: 20px; }
	/**/
	h1 {
	font-size:30px; 
	text-align: center;
	}
	
	#base {	margin-top: 4em; }
	
	#logo_text {font-size: 25px }
	
	.espacio_1 { 
	min-height: 10px;
	margin-top: 2em;
	
	}
	
	.espacio_bajo {
	margin-bottom: 6em; 
	min-height: 10px;
	}

/*	*/
	.solo { display: block;}
	
	.no_solo { margin-top: 0;}

	.navbar-dark .navbar-text {font-size: 14px;}
	
	#nav_bottom {font-size: 14px;}
	.btn-sm { font-size: 1rem; } 
	
}

@media (min-width: 992px) {
	
	body { font-size: 20px }
	a { font-size: 24px; }
		
	#logo_text {font-size: 30px }
	
	.solo { display: block;}
	
	#nav_bottom {font-size: 16px;}
	.navbar-dark .navbar-text {font-size: 18px;}
}

@media (min-width: 1200px) {
	
	body { 
		
		font-size: 22px 
	}
	
}