h1  {
	font-family: "Barlow", sans-serif;
	text-align: left;
	color:#424242;
	font-size: 30px;
	font-weight:400;
	font-style: normal;
	line-height: 1.4;
	margin-top: 16px;
    margin-bottom: 16px;
   
	}
	
	
	h2  {
	font-family: "Barlow", sans-serif;
	text-align: left;
	color:#424242;
	font-size: 20px;
	font-weight:600;
	font-style: normal;
	line-height: 1.2;
	margin-top: 20px;
    margin-bottom: 10px;
	padding-top:0px;
	}
	
	h3  {
	font-family: "Barlow", sans-serif;
	text-align: left;
	color:#424242;
	font-size: 18px;
	font-weight:600;
	font-style: normal;
	margin: 0;
	padding-top:4px;
    padding-bottom:4px;
	}
	
	
	/*h4 {
	font-family: "Roboto", system-ui;
	text-align: left;
	color:#424242;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	margin: 0;
	padding-top:0px;
    margin-bottom: 10px;
	}
	
	h5 {
	font-family: "Roboto", system-ui;
	text-align: left;
	color:#424242;
	font-size: 16px;
	font-weight:500;
	font-style: normal;
	margin: 0;
	padding-top:0px;
    margin-bottom: 12px;
	}*/
	

	p, ul, ol  {
	font-family: "Roboto", sans-serif;
	text-align: left;
	color:#424242;
	font-size: 16px;
	font-weight:400;
	font-style: normal;
	line-height: 1.4;
	margin: 0px;
	padding-bottom:12px;
	}
	

	p.italic {
	font-family: "Roboto", sans-serif;
	text-align: left;
	color:#424242;
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
	line-height: 1.4;
	margin: 0;
	padding-bottom:0px;
	
	}
	
	
	p.bold-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: italic;
    line-height: 1.2;
	/*padding-bottom:18px;*/
	}
	
	a:link {
	color: #00A86B;
	}
	a:hover {
	color: #57C59D;
	}  
	
	.title-bg {
    background-color: #D7F9ED;
	margin: auto;
    width: 100%;
	padding: 18px;
	}
    
	
	body {
	background-color:white;
    margin-left: 18px;
    margin-right: 18px;
	/*padding-left:18px;
	padding-right:18px;*/
	}
	
	ul.a {
	list-style-type: disc;
	}


    ol, ol li { 
        margin-left: 0; padding-left: 0;
        margin-left: 16px; 
    }

    ul, ul li {
        margin-left: 0; padding-left: 0;
        margin-left: 16px;    
    }
	
	li {
	/*padding-top:6px;*/
    margin-bottom: 8px;
    margin-top: 8px;
	}

    .toc-box {
    
    /*height:auto;
    width: auto;*/
    background-color: #EEEEEE;
    padding: 16px;
    border: 1px solid #C3C3C3;
    border-radius: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    }
	
.toc-box li { 
    line-height: 1.4;
    margin-bottom: 12px;
}

    .address-box {
    
    height:auto;
    width: auto;
    background-color:#EEEEEE;
    padding: 16px;
    border: 1px solid #C3C3C3;
    border-radius: 10px;
    }

	.one-line {
	display: inline;
	}

	.bottomspace {
	background-color:#F5F5F5;
	margin-bottom: 12px;
	padding: 12px;
	border-radius:8px; 
	}
	
	.capitalize {
	text-transform: capitalize;
	}

    .row::after {
        content: "";
        clear: both;
        display: table;
    }
    
    [class*="col-"] {
        float: left;
        padding: 15px;
    }


    .logo-inssemble{
        max-width: 100%;
        height: auto;
        object-fit: contain;
    }

    .logo-greendream{
    object-fit: contain;
    max-width:40%;
    height: auto;  
    }

    .image-article {
    
    max-width: 100%;
    height: auto;
    object-fit: contain;
    
    }   
 
hr {
    width: 50%;
    color: #424242;
}

    /* For mobile phones: */
* {
  box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  padding: 16px;
}


/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    
    ol, ol li { 
       
        margin-left: 12px !important; 
        }

    ul, ul li {
    
        margin-left: 12px !important;
        }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    
      ol, ol li { 
       
        margin-left: 26px !important; 
        }

    ul, ul li {
    
        margin-left: 26px !important;
        }
    
    .title-bg h1, .title-bg h3, .title-bg p {
    text-align: center;
	}
    
    .logo-inssemble{
    margin-left: auto;
    margin-right: auto;
    display: block;
    }
    
     .logo-greendream{
    max-width:20%;
    height: auto; 
    margin-left: auto;
    margin-right: auto;
    display: block;  
    }
   
     
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    ol, ol li { 
       
        margin-left: 26px !important; 
        }

    ul, ul li {
    
        margin-left: 26px !important;
        }
    ..title-bg h1, .title-bg h3, .title-bg p {
    text-align: center;
	}
    .logo-inssemble{
    margin-left: auto;
    margin-right: auto;
    display: block;
    }
    
     .logo-greendream{
    max-width:20%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;  
    }
    
     
    
    }

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .example {background: pink;}
}