@charset "utf-8";
/* Text properties */
p, a, li {
	font-family: "Droid Sans", Verdana, Arial, Helvetica, sans-serif, sans;
}

a:link {
    color: #4CAF50;
	text-decoration: none;
}
a:visited {
	color: #4CAF50;
	text-decoration: none;
}
a:hover {
    color: #2FCC36;
	text-decoration: none;
}
a:active {
    color: #2FCC36;
	text-decoration: none;
}

h2, h3 {
	font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
	/* color:#FFF; */
	/* outline-color:#CCC; */
	/* text-shadow: 0 1px 0 #555; */
	/* margin: 0; */
}

ul {
	/* margin: 10px; */
}

li > p {
	margin: 0px;
}

li {
	padding-bottom: 3pt;
}

code {
	font-size: smaller;
	color:#999;
	font-weight:normal;
	vertical-align:middle;
}

summary {
	font-family: "Droid Sans", Verdana, Arial, Helvetica, sans-serif, sans;
	padding-bottom: 3pt;
	padding-top: 3pt;
	padding-left: 5pt;
	cursor:pointer;
}

/* Contacts properties */
div.contact-container {
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    max-width: 100%;
	min-height: 300px;
    flex-wrap: wrap-reverse;
    margin: 0 auto;
}

div.contact-text {
    display: flex;
    flex-wrap: wrap;
	margin: 0px;
	padding: 10px;
    flex-direction: column;
	order: 2;
	width: 35%; 
	height: auto;
	min-width: 100px;
}

iframe.contact-maps {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
	frameborder: 1;
	border: 1px solid black;
	order: 1;
	width: 60%; 
	height: auto;
    min-width: 300px;
	min-height: 350px;
}

div.home-text {
    display: flex;
    flex-wrap: wrap;
	margin: 0px;
	padding: 10px;
    flex-direction: column;
	order: 2;
	width: 60%; 
	height: auto;
	min-width: 100px;
}

div.home-pic {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
	/* border: 1px solid black; */
	order: 1;
	width: 35%; 
	height: auto;
    min-width: 100px;
	height: auto;
	text-align: center;
}

img.photo {
	 min-width: 100px;
	 max-width: 400px;
	 min-height: 100px;
	 max-height: 400px;
	 height: 100%;
	 width: 100%;
	 object-fit: contain;
}

div.flat-text {
    /* display: flex;
    flex-wrap: wrap; 
	flex-direction: column;
	order: 2;
	width: 60%; 
	height: auto;
	min-width: 100px; */
	margin: 0px;
	padding: 10px;
}

/* iframes content */
iframe.calendar {
	 frameborder: 0;
	 height: 600px;
	 scrolling: no;
 	 width: 100%;
	 border: 0;
}