*
{ margin: 0;
  padding: 0;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		  
}

body {
	font-family: Calibri,  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color:   #808080; 
	}
body img{ border:0;	}
body p{ padding:8px 0;}

h1{ font-size:36pt; padding:9px 0 9px 0; margin:0; font-weight:normal; }
h2{font-size:24pt;  padding:9px 0 9px 0; font-weight:normal; margin:0; }
h3{font-size:22pt;  padding:9px 0 9px 0; font-weight:normal; margin:0; }
h4{font-size:15pt;  padding:7px 10px 7px 10px; font-weight:normal; margin:0;}

/* ***************  default  links ******************* */
 a:link{ color:#808080; text-decoration:none; font-size:11pt; word-wrap: break-word;} 
 a:visited{color: #808080; text-decoration: none ;}
 a:hover{color: #33CCCC; text-decoration:none; }
 a:active{color:#33CCCC; text-decoration:none;}
 
 /* ***************  darklink  links ******************* */
 a:link.darklink{ color:#595959; text-decoration:none; font-size:14pt; word-wrap: break-word;} 
 a:visited.darklink{color: #595959; text-decoration: none ;}
 a:hover.darklink{color: #fff; text-decoration:none; }
 a:active.darklink{color:#fff; text-decoration:none;}
 


header{width:100%; max-width:1038px; margin:auto; display:flex; justify-content: space-between; padding-top:25px; }
header #logo{ }
header #contact{float:right; align-self: flex-end;}
#mail{float:left; margin-right:80px;}
#mail a{ color:#33CCCC; text-decoration:none;}
#mail a:hover{ color: #ccc; }

menu{clear:both; width:100%; max-width:1038px; margin:auto; text-align:center; padding:20px 0;}
menu a{ text-transform:uppercase; padding:0 5px;}
#on {color: #33CCCC;}

main {width:100%; max-width:1038px; margin:0 auto; display: flex; flex-direction: row;flex-wrap: wrap;  padding:0; height:444px;}
section { color:#FFFFFF; background-color:#33CCCC; width:50%; float:left; padding:10px 25px; text-align:right;}
aside {  background-color:#33CCCC; width:50%; float:left; padding:0; margin:0; }
aside img{width:100%; margin:0; padding:0; border:1px solid #ccc; display:block }


#cellfone{display:none;}
#webfone{display:inline-block;} 

#logobig{display:none;}
#logowee{display:inline-block; width:100%; max-width:170px;} 

main{clear:both; width:100%; max-width:1038px; margin:auto; }

footer{clear:both; width:100%; max-width:1038px; margin:auto; display:none; }


 @media screen and (max-width: 900px) {
 section {width:100%; flex:100%;  order: 2; }
aside { width:100%; flex:100%;  order: 1; }
#webfone{padding-right:10px;} 
 }

 @media screen and (max-width: 768px) {
body {padding:0 10px;	}
header{width:100%;  margin:auto; display:inline-block; }
header img{width:100%;  }
header #logo{ }
header #contact{width:40%; float:right;  margin:auto; text-align:right;}
#mail{ float:left; margin-right:0;     }
 
#logobig{ display:inline-block; width:100%;}
#logowee{ display:none;}

#cellfone{display:inline-block;  float:right;}
#webfone{display:none;} 


 
 }