body, div, p{
  font-size: 1.2em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.2;
  font-weight: 400;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222; }

#my_nav {
			background-color: #354451;
}

/* #my_nav_ul > li > a {
			color: #E4E9ED;
} */	

#header-background {
}

#map {
    width: 100%;
    height: 200px;
    margin-top: 10px;
}

@media(min-width:768px) {
     #map {
        height: 400px;
        margin-top: 10px;
    }

   #mybrand-mobile-logo {display: none;}
   #mybrand-text  {display: none;}
}

ul#services { list-style-type: none;
             padding-left:0;
}

ul#services li { 
				list-style-position: inside;
				margin-bottom: 20px;
}

ul#services li:before
{
	content: "\203A";
	float: left;
	width: 1.4em;
}		

ul#services li a{ color: #222;
               font-size: 1em;
			   font-weight: 300;
			   margin-bottom: 20px;
			   line-height:1.4;
}
			   
ul#services li div{ color: #989898;
               font-size: 1em;
			   font-weight: 300;
}

ul#services li p{ color: #989898;
               font-size: 1em;
			   font-weight: 300;
			   line-height: 1.4;
			   margin-top: 10px;
}

p.note              { font-size: 1em;
			   font-weight: 300;
			   line-height: 1.4;
			   margin-top: 10px; 
}

ul#contacts { list-style-type: none;
             padding-left:0; }
			 
ul#contacts li {  margin-bottom: 20px;
}

ul#contacts li p {  color: #222;
               font-size: 1em;
			   font-weight: 300;
			   margin-bottom: 20px;
			   line-height:1.4;
}





@media(max-width:767px) {
ul#services { font-size: 0.7em; }

ul#services li { margin-bottom: 20px; }

ul#services li a{ text-decoration: underline;				
}

ul#contacts li p {  color: #222;
               font-size: 0.7em;
			   font-weight: 300;
			   margin-bottom: 20px;
}

#mybrand {display: none;}
#header-logo{display: none;}
#mybrand-mobile-logo { position: relative; 
                display: block;
				float: left;
				margin-top: 10px;
				margin-left: 15px;}
				
#mybrand-text {  position: relative; 
                float: left;
				margin-top: 10px;
				margin-left: 10px;
                display: block;
				height: 40px;
				width: 140px;
				text-align: left;
				color: #E4E9ED;
				font-size: 0.7em;
			   font-weight: 400; }
			   
p.note        { font-size: 16px;
			   font-weight: 300;
			   line-height: 1.4;
			   margin-top: 10px; 
}				
}