@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap');


body {
font-family: Merriweather, serif;
font-size:15px;
line-height:1.6em;
color:#333;
margin:0;
padding:0;
overflow:scroll;
}

div#header {
	text-align:center;
	background:#DDE8F8;
	padding:10px;
	}
	
div#header  h1 {
	margin:0;
	line-height:1.4em;
	}

ul#menu {
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:0;
	padding:0;
	margin-top:5px;
	}
	
ul#menu a {
	text-decoration:none;
	display:block;
	padding:10px;
	border-left:1px solid #ccc;
	color:#6BA3F7;
	border-bottom:2px solid #fff;
	}
ul#menu li:first-child a {
	border-left:0px solid #ccc;
	}
	
ul#menu a:hover { 
	border-bottom:2px solid #6BA3F7;
	}

a {
	color:#6BA3F7;
	}

a:hover {
	color:#333;
	}





div#content2, div#content3 {
	width:92%;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	margin-bottom:40px;
	display:flex;
	flex-wrap:wrap;
	}	
	
div#content2 .info {
	width:26%;
	padding:3%;
	margin-bottom:3em;
	}

div#content2 .info:nth-child(2n) {
	
	}

div#content2 .info  img {
	max-width:100%;
	}

div#content2 .info2 {
	width:96%;
	padding:2%;
	}


div#content3 {
	justify-content:center;
	}	

div#content3 .info2 {
	width:60%;
	padding:2%;
	}

div#content3 .info2 img {
	max-width:100%;
	}


#phone
	{
	font-size:26px;
	animation: ring1 infinite 3s;
	}
@keyframes ring1 {
	0% {color:#000;}
	50% {color:#f00;}
	100% {color:#000;}
	}


input, textarea, select {
	width:300px;
	font-family: Merriweather, Arial, Helvetica,sans-serif;
	padding:2px;
	font-size:13px;
	}
textarea {height:10em;}
	
input:focus, textarea:focus {
	border:1px solid red;
	}


h2 {
	margin-top:0;
	line-height:1.4em;
	}
	
	
div#footer {
	text-align:center;
	background:#eee;
	padding:10px;
	}

ul {
	margin:0;
	padding:0;
	}

ul li {
	padding-bottom:.5em;
	}

#xlview {
	background:#333;
	text-align:center;
	}

#xlview a {
	color:#fff;
	}

#xlview img {
	max-width:100%;
	}


@media screen and (max-width:1300px)
{
div#content2, div#content3 {
	width:90%;
	}
}
	
@media screen and (max-width:1000px)
{
div#content2, div#content3 {
	width:90%;
	}
div#content2 .info {
	min-width:44%;
	}

div#content3 .info2 {
	min-width:100%;
	}


}






@media screen and (max-width:700px)
{
div#content2, div#content3 {
	width:92%;
	}
div#content2 .info, div#content3 .info2 {
	min-width:96%;
	}

}


@media print 
{
body {
font-family: Merriweather, serif;
font-size:10pt;
line-height:1.3em;
margin:0;
padding:0;
}

div#header {
	text-align:center;
	background:#fff;
	padding:0px;
	}

div#header h1 {
	margin:0;
	line-height:auto;
	}
ul#menu {
	display:none;
	}

div#content2, div#content3 {
	width:100%;
	padding:0;
	margin-top:0px;
	margin-bottom:0px;
	display:static;
	}

div#content2 .info {
	width:100%;
	}

div#content2 .info img {
	height:8cm; width:auto;
	}


div#content3 .info2 {
	width:100%;
	}

div#content3 .info2 img {
	page-break-inside:avoid;height:10cm; width:auto;
	}

}