@font-face { font-family: 'Mulish';
             src: url("Mulish.ttf") format("truetype"); }
			 
@font-face { font-family: 'Montserrat';
              src: url("Montserrat.ttf") format("truetype"); }	

@font-face { font-family: 'Open Sans';
              src: url("OpenSans.ttf") format("truetype"); }			  

body { margin: 0;
       padding: 0;
       overflow-x: hidden }
	   
header { width: 1200px;
         height: 80px;
         margin: 0 auto;
	     display: flex;
         flex-direction: row;
         flex-wrap: nowrap;
         align-items: center;
         align-content: center;
         justify-content: space-between;
         box-sizing: border-box }
	
  header div { font: normal 17px 'Mulish', sans-serif;
			   color: #222;
               box-sizing: border-box }
	
.main { width: 1200px;
        margin: 0 auto;
        padding-bottom: 30px;
		box-sizing: border-box }
		   
h1 { font: normal 26px 'Montserrat', sans-serif;
	 color: #333;
     margin: 60px 0 -20px 0 }
	 
h2 { font: bold 23px 'Montserrat', sans-serif;
	 color: #333;
     margin: 60px 0 20px 0 }		   
	 
img { border: 0 }
 
.about_content { width: 100%;
				 display: flex;
                 flex-direction: row;
                 flex-wrap: wrap;
                 align-items: center;
                 align-content: flex-start;
                 justify-content: space-between;
                 box-sizing: border-box }
	
  .about_content article { width: 48%;
				 		   margin-top: 60px;
		  				   border: 1px solid #ccc;
				           border-radius: 11px;
						   padding: 20px;
		                   font: normal 17px 'Open Sans', sans-serif;
						   color: #222;
                           box-sizing: border-box }
								
    .about_content article h1 { margin: 0 0 10px 0; 
		                        font: bold 20px 'Open Sans', sans-serif;
	                            color: #222 }	
      .about_content article h1 img { width: 60px; margin-right: 15px; vertical-align: middle }					  

						  
.contacts table { width: 100%;
                  border: 0; 
				  border-spacing: 0;
                  border-collapse: collapse;
                  color: #222;
                  font: normal 18px 'Open Sans', serif }
	.contacts table th { height: 40px;
	                     width: 50%;
	                     font-size: 24px;
						 font-weight: normal;
					     text-align: left;
						 vertical-align: top }		
    .contacts table td { height: 40px;
						 vertical-align: top }
      .contacts table td a { color: #216fbc;
                             text-decoration: none }
		.contacts table td a:hover { text-decoration: underline }
        .contacts table td a:visited { color: #216fbc }		

footer { width: 100%;
         margin-top: 20px;
		 background-color: #42474a }
   footer nav { margin: 0 auto;
                width: 1200px;
                height: 70px;
                font: normal 15px 'Mulish', sans-serif;
		        color: #ccc;
				line-height: 1.6;
				background-color: #42474a;
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                align-items: center;
                align-content: center;
                justify-content: space-between;
                box-sizing: border-box }