/* Cell vertical */
    @media only screen and (max-width: 375px){
    .message-stakeholders-header, .governance .parallax-background, .everyday-products .parallax-background, .our-goals .parallax-background, .stakeholders-engagement .parallax-background, .about .parallax-background, .terms .parallax-background {
        background-image: url("../img/overview_1.jpg");
        height: 200px !important;
    }  
		
		.sustainability-strategy .parallax-background {
        background-image: url("../img/overview_3.jpg");
        height: 200px !important;
    }  		
		.everyday-products .parallax-background{
		background-image: url("../img/overview_4.jpg");
		 height: 200px !important;
	}
		.about .blue-section h3 {
			margin-top: 25px;
		}
		
		.Taking-Supply-Chain article.content .col-md-4 img {
			margin-top: 0!important;
			width: 75%!important;
		}
		
		.laptop-responsability {
			width: 150%!important;
		}
		
		.box {
			width: 150%;
		}
		
			.responsibility article.content h2{
			font-size: 32px!important;
				padding: 0!important;
				margin: 0!important
		}
		
		
		.forging-meaningful-relationships article.content .col-md-3 {
			width: 50%;
			margin: auto!important;
			}
		
		.data-driven-approach img {
			width: 50%;
			margin: 25px 20%;
		}
    .locally-grown .green-section p,.put-on-weight .green-section p, .crisis-opportunity .side-section p, .engagement .icon-section p, .communities .tab p, .communities .tab h4 {
        text-align: center;
    }    
    h2{
        padding-left: 0 !important;
        width: 100% !important;
    }
    .carousel-inner {
        margin-top: 40px;
    }
		
	
		.full-cost-of-water article.content .col-md-3 .row{
			width: 30%;
			float: left;
			margin-right: 11px!important;
		}
		
		.developing-path .col-xs-1{
			width: 15%;
		}
		
		.graph-title-gray img {
			width: 175%!important;
		}
		.full-cost-of-water .efficiency-blue-section img {
			margin: 10px 0 10px 0;
		}
		
    .locally-grown .green-section p {
        text-align: center;
    }   
    .responsibility article.content h2 {
        width: 100%;	
        }
    .raw-material-article1, .raw-material-article2{
        margin: 15px 0 !important;
		padding: 0;
    }   
		
		.graph-title {
			width: 100%!important;
		}
		
		.efficiency .side-section h6 {
			margin-top: 25px;
			margin-bottom: 25px!important;
		}	
		.story-titre {
			width: 100%!important;
		}	
		
		.responsibility .responsive, .engagement .responsive, .efficiency .responsive {
			display: block!important;
		}
		.green-section img {
			width: 75%;
			padding-top: 5%;
			
		}
		
		.moving .col-md-3  {
			width: 50%!important;
			margin: 10px auto;
					}
		
		
		
		#camera {
			width: 75%!important;
		}
		
		.kingsport article .highlights img {
			width: 60%!important;
		}
		
		.highlights .reveal1 p, .highlights .reveal2 p, .highlights .reveal3 p, .highlights .reveal4 p,.highlights .reveal5 p {
			width: 125%;
			margin-left: -50px;
		}
		
		.kingsport article.content .col-xs-6 {
			margin-bottom: 25px;
		}
		
    .topnav {
        height: 40px;
    }
    .topnav span {
        padding: 11px 3em 9px 0;
    }
    .transportation-logistics .green-section .right-col p {
        width: 100%;
        text-align: center;
    }    
    footer {
        height: 50px;
    }
    .home-bottom-section .col-md-4{
        margin-top: 30px;
    }
    .section-responsibility p, .section-engagement p, .section-efficiency p {
        font-size: 1.5em !important;
    }
    .section-responsibility .left-section {
        background: #77C043 !important;
    }
    .section-engagement .right-section {
        background: #f68633 !important;
    }
    .section-efficiency .left-section {
        background: #00a8e5 !important;
    }    
  
    #myCarousel2 .carousel-inner {
        height: 325px;
    }   
    .section-responsibility, .section-engagement, .section-efficiency {
        display: block;
    }
    .no-responsive{
        display: none;
       
    }
    .energy .white-txt img {
        width: 40% !important;
    }     
    .transportation-logistics .green-section img {
        display: block;
        width: 60%;
        margin: 0 auto 20px auto;
    }
    .transportation-logistics .dashed-border {
        border-left: none;
        margin: 30px 0;
        border-bottom: 4px dotted #fff;
        border-right: none;
    }  
    .energy .white-txt:last-child .col-md-4 img, .water .right-col .white-txt img {
        width: 40%;
        display: block;
        float: none;
        margin: 0 auto;
    }   
    .risk .blue-box {
        padding: 5px !important;
    }
    .chemistry .icon-section {
        border-top: none;
    }
    .chemistry .lightblue-section {
        background: #00a8e5;
    }
    article.content h2 {
        font-size: 26px;
    }
    .holistic-approach .orange-section table tr td {
        width: 100%;
        clear: both;
        display: block;
    }  
    .icon-section p {
        width: 80% !important;
    }
    .communities .tab div.col-md-9 {
        border-bottom: none;
    }
    .communities .tab .side-section {
        margin-left: 0;   
    }
    .communities .tab .side-section p {
    padding-left: 15px;
    }
    .flex {
        display: block;
    }
    .domtar-approach article+article div.col-md-9 {
     border-bottom: none;
    }
    .put-on-weight .green-section .row, .locally-grown .green-section .row  {
        display: block;
    }
    .put-on-weight .green-section .row div,.locally-grown .green-section .row div {
        border-right: none;
        border-bottom: 4px dotted #fff;
    }
    .byprod .lightblue-section h3 {
        width: 90%;
    }
    .efficiency .lightblue-section .white-txt p b, .efficiency .lightblue-section .white-txt b {
        width: 100%;
    }    
    .byprod .lightblue-section .floating-icon {
        width: 150px !important;
    }   
    .byprod .lightblue-section .right-col {
        border-top: 4px dotted #fff;
        padding: 35px 0;
    }
    .put-on-weight .green-section img,.locally-grown .green-section img {
        width: 70% !important;
        margin: 10px auto 20px auto !important;
        display: block;
    }
    .transportation-logistics .green-section .right-col img {
        margin: 0 auto;
        width: 200px;
    }   
    .teeming .lightblue-section  img {
        width: 60%;
        display: block;
        margin: 0 auto;
    }
		
		.efficiency .article-teaser h3, .responsibility .article-teaser h3, .engagement .article-teaser h3 {
			width: 100%;
			font-size: 34px!important;
		}
		.article-teaser img {
			width:  50%!important;
		}
		
		
    .story .background-intro span h2 a {
        font-size: 1.8em;
    }    
    .section-responsibility .left-section, .section-efficiency .left-section, .section-engagement .right-section {
        height: 370px !important;
    } 
    .homepage a.read-more {
        font-size: 1em;
    }
      article.green-col {
        display: block;
    }      
    .section-engagement .right-section {
        margin-right: 0;
    }
    .separator-trees, .separator-energy, .separator-water, .separator-byprod {
        height: 160px;
    }
    .efficiency .graph{
        width: 60%;
        display: block;
        margin: 0 auto;
    }
    .raw-material .green-section .dashed-border {
        border-left: none; 
        border-top: 4px dotted #fff;
        padding-top: 15px;
            padding-bottom: 60px;
    }
    .story .background-intro span {
        padding: 132px 0 0 0 !important;
    }
    .story .background-intro span h2, .story .background-intro span h3 {
        margin-top: 10px;
        font-size: 16px;
    }    
    .our-progress .goals .col-md-2 {
        border: none
    }
    .modal-header {
        margin: 0 15px !important;
    }
    .modal-dialog {
        margin: 40px auto !important;
    }
    .our-progress a img {
        width: 50%;
        margin: 0 auto;
        float: none;
    }  
    .modal-dialog {
        width: 80% !important;
    }  
    .modal-content .modal-body img {
        width: 50% !important;
        margin: 0 auto;
        display: block;
    }    
    .sidenav{
        display: none;
    }
    .topnav .menu_icon {
        display: block;
    }
    .main {
        margin-left: 0 !important;
    }   
    nav.burger-menu {
        width: 100%;
        left: -100%; 
    } 
    .icon-section p {
        width: 50%;
        margin: 20px auto;
        text-align: center;
    }     
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .row{
        margin-left: 0 !important;
    }
    .content{
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 5% 6% !important;
    }
    .content .col-md-9 {
        padding-right: 0;
    }
    .carousel-caption h3 {
        font-size: 32px!important;
		margin: -1% 0 0 1% !important;
	
    }
		
	.carousel-caption h4 {
		font-size: 20px!important;
		width: 100%!important;
		margin: 10px 0 0 1%;

	}	
    .carousel-indicators {
        bottom: 0px !important;
    }
    #myCarousel .carousel-caption {
        bottom: 0% !important;
    }
    .homepage .article1{
       width: 50%;
    }
    .home-bluesection h3 {
        font-size: 2em !important;
    }
    .article-teaser-home h3 {
        font-size: 1.3em;
    }
    .home-bluesection h4 {
        font-size: 1.5em;
    }
    .our-progress h3 {
        font-size: 2em;
        margin-left: 0 !important;
		line-height: 1em;
    }
	
		.our-progress h3 span {
			   font-size: 1.5em;
        margin-left: 0 !important;
		line-height: 1.2em;
			
			
		}	
		
    .our-progress a.read-more {
        margin-left: 0 !important;
    }    
    .home-bluesection .col-md-8 p {
        padding-right: 0em;
    } 
    .about .blue-section .separator {
        width: 100%;
    }    
    .section-responsibility h3, .section-engagement h3, .section-efficiency h3 {
        font-size: 3em;
		line-height: 1.05em;
    }   
		
		.section-responsibility h3 span, .section-engagement h3 span, .section-efficiency h3 span {
			font-size: .6em;
		
		}
		
		
		
    .sus-report .background-intro div span {
        padding: 3.25em 0 0 10% !important;
        width: 100%;
    }  
		
	  .sus-report .terms .background-intro div span {
        padding: 5em 0 0 7% !important;
        width: 75%;
    }  	
		
		.sus-report .terms .background-intro div span h2 {
			
			line-height: 1em;
		}
		
	 .sus-report .about .background-intro div span{
        padding: 5.75em 0 0 10% !important;
        width: 100%;
    }  
		
	    .sus-report .sustainability-strategy .background-intro div span {
        padding: 5.25em 0 0 10% !important;
        width: 100%;
    }  	
	
		.sustainability-strategy .strategy-sustainibility-margin {
			margin:0 0 -25px -15px!important
		}	
		
		.about .blue-section img {
			margin: 0;
		}	
		
    .governance .background-intro div span {
        padding: 5.5em 0 0 10% !important;
        width: 100%;
    }      
    .responsibility .background-intro div span, .engagement .background-intro div span .efficiency .background-intro div span {
        padding: 3em 0 0 7% !important;
    }   
		
	.efficiency .background-intro div span {
        padding-top: 2.5em!important;
    }   	
		
    .transportation-logistics .background-intro div span, .safety .background-intro div span, .energy .background-intro div span {
        padding: 3em 0 0 7% !important;
    }    
    .message-stakeholders .background-intro div span {
        padding: 6em 0 0 10% !important;
    }
    .responsibility .background-intro div,.engagement .background-intro div,.efficiency .background-intro div {
        width: 100%;
    }
    .our-goals .goal-section {
        width: 100%;
        }
  
		.message-stakeholders .responsive {
			display: block;
		}	
		.message-stakeholders .no-responsive {
			display: none!important;
		}
		
		.message-stakeholders article .col-md-3 img {
			width: 100%!important;
			margin: 25px auto;
		}
		
		.message-stakeholders article .col-md-3 p {
			font-size: 1.5em!important;
		}
		
		
    .responsibility .background-intro div h2,.engagement .background-intro div h2,.efficiency .background-intro div h2{
        font-size: 7vw !important;
		margin-bottom: -10px!important;
    }
			.raising-the-bar .side-section span p {

					width: 200%;
	}
	
		.raising-the-bar article.content .side-section span img {
			width: 200%!important;
		}
		
	.responsibility .side-section h5 {
		margin-top: 120px!important;
	}
		
		
		
    .responsibility .background-intro div h3,.engagement .background-intro div h3,.efficiency .background-intro div h3{
        font-size: 5vw !important;
		width: 40%
		
    }    
    .background-intro div h2 {
        font-size: 5.4vw !important;
        width: 100%;
    }  
    .background-intro div h3 {
        font-size: 4vw !important;
    }  
    .responsibility .background-intro, .engagement .background-intro, .efficiency .background-intro {
        height: 200px !important;

    } 
		
		.parallax-background-section,  .responsibility .parallax-background, .engagement .parallax-background, .efficiency .parallax-background {
			margin-top: 27px;
		}	
    #myCarousel3-resp {
        height: 450px !important;
    }  
    #myCarousel3 .carousel-section img, #myCarousel3-resp .carousel-section img {
    width: 50% !important;
        }
		
		
		
		.background-intro-at-domtar {
			font-size: .8em!important;
			line-height: 1em;
			margin-top: 5%!important;
		}	
		
		.responsibility .background-intro-at-domtar, .engagement .background-intro-at-domtar, .efficiency .background-intro-at-domtar {
			margin-top: 2%!important;
			
		}
		
		
		
		.background-intro div h2 {
			font-size: 1.5em!important;

		}
		.carousel-section {
			margin: 0 auto;
			padding: 10% 50% ;
		}
	
		.governance .cold-md-3 {
			width: 50%!important;
			margin-left:25%!important;
		}
		
			.responsibility .side-section h5, .engagement .side-section h5, .efficiency .side-section h5 {
		margin: 5% 0;
	}
	
		.carousel-section img {
			border-radius: 50%;
			width: 70%!important;
		}
		
	
		
		.margin-row-img {
			margin: 0!important;
		}
		
		
		.strategy-sustainibility-margin img{
			width: 20%;
		}	
	
		.sustainability-strategy .strategy-sustainibility-margin {
			margin: 0 0 0 -15px!important;
		}
		
    .our-goals .goal-section {
        display: block;
    }
    .our-goals img {
        margin: 0 auto;
    } 
    .our-goals .col-md-3 {
        border-right: none;
    }
    .our-goals .col-md-9 {
      
        padding: 0 0 30px 0 !important;
    }    
    .our-goals .col-md-3, .our-goals .col-md-9{
        margin: 0;
        padding: 0;
    }
    .our-goals .goal-section {
        margin-left: 0 !important;
    }
    .our-goals .content {
        padding: 5% 8% !important;
    }   
			.content .row .strategy-sustainibility-margin {
			padding: 0!important;

		}
    .responsibility article.content h2, .engagement article.content h2,.efficiency article.content h2{
        margin-left: 0;
        padding-left: 0;
    }  
    .green-col div, .green-col div{
    padding: 10px 25px 10px 40px !important;
    }    
    .raw-material .icon-section, .engagement .icon-section, .efficiency .icon-section {
        margin: 15px 0 !important;
    }   
    .domtar-approach article+article div.col-md-9 {
        margin: 0 !important;
    }  
    .domtar-approach .reveal1, .domtar-approach .reveal2 {
        margin: 15px 0 15px 0 !important;
    }
    .domtar-approach .side-section {
        margin-left: 0 !important;
        padding: 20px !important;
    }    
    .engagement article.content h2 {
        width: 80%;
    }   
    .communities .tab .col-md-9 .col-md-4 {
        margin: 0 !important;
    }
    .communities .orange-section .col-md-12 p {
        width: 100% !important;
    }
    .communities .orange-section .col-md-3 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }  
    .cheap section .blue-box {
        width: 100%;
    }    
    footer p {
        float: none;
        display: block;
        text-align: center;
        width: 100%;
        padding: 0;
        color: #fff;
        margin: 0px 0 0 0;
        font-size: 13px !important;
    }   
    footer {
        padding: 5px 0;
    }    
    .weathering .orange-section h3 {
        padding-left: 0;
    }  
			.forging-meaningful-relationships article.content .col-md-4 {
				width: 75%;
		text-align: center;
		}
    .weathering .side-section {
        margin: 0 !important;
    }
    .better-places .content h2 {
        width: 100% !important;
    }
    .better-places article.content h3 {
        padding: 10px !important;
        margin: 0 0 10px 0 !important;
    }
    .better-places .page h3 {
        background: #00559b;
    }
    .better-places .comfort h3 {
        background: #37afe5
    }
    .better-places .earthchoice h3 {
        background: #7db928
    }
    .better-places .content .separator {
        margin: 30px 0px !important;
    }
    .energy .lightblue-section .right-col, .water .lightblue-section .right-col {
        margin: 15px 0 0 0 !important;
    }
    .risk .blue-box h4 {
        margin-left: 15px;
    }    
    .risk .blue-box ul {
        margin-left: 25px;
    }
    .cheap section .blue-box {
        padding-left: 15px !important;
    }
    .cheap section .blue-box img {
        margin-top: -10px !important;
        width: 100px !important;
    }
    .byprod .lightblue-section h3 {
        margin-left: 0 !important;
    }   
		
		.safe-milestones article.content.responsive .orange-type img, .safe-milestones article.content.responsive .orange-type h5 {
			margin: 15px 0 15px 0;
		}	
		
		.developing-path article.content.efficiency-blue-section .col-md-4 img {
			width: 50%;
		}
		.developing-path .side-section p{
text-align: center;
  

	
	
}
		
		.domtar-earthchoice article.content .col-md-3 {
			width: 50%;
			margin: 25px auto;
		}
				.developing-path .ajustement-margin {
			height: 250px;
		margin: 30px 0 30px 0!important;
	}
	
	.ajustement-margin .col-md-3 {
		width: 80%;
		float: left;
margin-left: 20%!important;
	}
		
		.ajustement-margin .col-md-3 p   {
			float: left;
			width: 50%;
		}
			.data-driven-approach article.content .col-md-3 {
		width: 75%;
		margin:0 auto;
	}
		.data-driven-approach article.content img {
		width: 100%;
		margin-top: 25px!important;
	}
		
}    

/* Cell horizontal */
@media only screen and (min-width: 376px) and (max-width: 667px){
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }   
    .flex {
        display: block;
    }
	
	.engagement .nature-conservancy .orange-section .col-md-3 {
		width: 50%;
		margin:0 auto;
		padding-top: 35px;
	}
		.data-driven-approach article.content .col-md-3 {
		width: 50%;
		margin:0 auto;
	}
		.data-driven-approach article.content img {
		width: 100%;
		margin-top: 25px!important;
	}
	
    .row{
        margin-left: 0 !important;
    }
    .content{
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 5% 6% !important;
    }  
    #myCarousel{
        margin-top: 40px;
    }
    .icon-section p, .side-section p {
        text-align: left;
    }    
	.our-goals
    .homepage .article1 img{
      width: 50%;
    }
	
	.sustainability-strategy img {
		width: 25%;
	}
	
	.sustainability-strategy .strategy-sustainibility-margin {
		margin: 0px 0 -25px -15px!important;
	}
	
    .energy .white-txt img {
        width: 30%;
    }    
    article h2{
        margin-left: 0 !important;
        padding-left: 0 !important;
        width: 100% !important;
    }
    article h3{
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    .safer-employees .side-section .orange-block img {
        width: 50%;
    }
    .cheap section .blue-box {
        height: 150px;
        width: 100%;
        padding: 15px !important;
    }    
    .risk .blue-box {
        padding: 2px 10px !important;
    }    
    .better-places .logos{
        width: 50%;
        display: block;
        margin: 0 auto;
    }
    .efficiency .lightblue-section .graph{
        width: 40%;
        display: block;
        margin: 0 auto;
    }
    .energy .white-txt:last-child .col-md-4 img, .water .right-col .white-txt img {
        width: 40%;
        display: block;
        float: none;
        margin: 0 auto;
    }    
    .communities .tab .side-section {
        margin-left: 0;
        padding: 20px !important;
    }  
    .better-places .page h3 {
        background: #00559b;
    }
    .better-places .comfort h3 {
        background: #37afe5
    }
    .better-places .earthchoice h3 {
        background: #7db928
    }
    .better-places article.content h3 {
        padding: 18px 10px 15px 10px !important;
    }
    .better-places .content .separator {
        margin: 20px 0 30px;
    }    
    .communities .tab div.col-md-9 {
        border-bottom: none;
        padding-bottom: 15px;
    }    
    .put-on-weight .green-section p {
        padding: 0px 0 30px 0;
    }
    .put-on-weight .green-section .row, .locally-grown .green-section .row  {
        display: block;
    }
    .put-on-weight .green-section .row div,.locally-grown .green-section .row div {
        border-right: none;
        border-bottom: 4px dotted #fff;
    }     
    article.green-col {
        display: block;
    } 
    .raw-material-article1, .raw-material-article2{
        margin: 15px 0 !important;
    }     
    .green-col div, .green-col div {
        padding: 10px 25px 10px 40px !important;
    }    
    .story .background-intro span h2 a {
        font-size: 1.3em !important;
    }    
    .homepage .home-bluesection .home-carousel img.field {
        width: 50% !important;
        display: block !important;
        margin: 20px auto 0 auto !important;
        float: none;
    }
    .green-section img {
        width: 40%;
        display: block;
        margin: 5% auto !important;
    }
    .Taking-Supply-Chain .green-section img {
        width: 70%;
		margin-top: -15%!important
    }
    .raw-material .green-section .right-col img {
        width: 90px !important;
    }
    .domtar-approach .side-section {
        margin-left: 0 !important;
        padding: 20px !important;
    }  
    .domtar-approach article+article div.col-md-9 {
        border-bottom: none;
    }
    .icon-section{
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .plastic-problem .icon-section {
        margin-top: 40px;
    }    
    .transportation-logistics .green-section img {
        width: 40%;
    }
    .transportation-logistics .dashed-border {
        border-left: none;
        border-right: none;
      
    }   
    .locally-grown .green-section p,.put-on-weight .green-section p, .crisis-opportunity .side-section p, .engagement .icon-section p, .communities .tab p, .communities .tab h4 {
        text-align: center;
    }
    .green-section{
        margin-left: 0 !important;
    }
    .green-section .right-col {
        padding: 30px 15px 100px 0px !important;
    }
    .transportation-logistics .green-section .right-col p {
        width: 100%;
        text-align: center;
    }    
    .green-section .dashed-border {
        border-left: none;
        border-top: 4px dotted #fff;
        margin-top: 30px;
    }
    .transportation-logistics .green-section .right-col {
        padding: 0px 0 10px 0px !important;
        border-top: 4px dotted #fff;
        margin-top: 30px;
    }
    .dashed-border {
        border-left: none;
    }
    .separator-trees, .separator-energy, .separator-water, .separator-byprod {
        height: 160px;
    }
    #myCarousel2 .carousel-inner {
        height: 285px;
    }    
    .homepage .home-bluesection .home-carousel img {
        width: 70px !important;
    }
    .homepage .right-section, .homepage .left-section{
        padding-right: 0 !important;
        margin-right: 0;
    }
    .our-progress a img {
        display: block;
        width: 40%;
        float: left;
        margin: 0 20px;
    }  
    .section-responsibility, .section-engagement, .section-efficiency {
        display: block;
    }
    .no-responsive{
        display: none;
    }
    .our-progress .goals .col-md-2 {
        border-right: none;
    }
    .section-responsibility .left-section {
        background: #77C043 !important;
    }
    .section-engagement .right-section {
        background: #f68633 !important;
    }
    .section-efficiency .left-section {
        background: #00a8e5 !important;
    }    
   
    body, p {
        font-size: 14px !important;
    }    
    .main {
        margin-left: 150px;
    }
    .our-goals .background-intro div span, .stakeholders-engagement .background-intro div span,.about .background-intro div span {
        padding: 4em 0 0 10% !important;
    }    
    .topnav {
        height: 40px !important;
    }   
    .topnav span {
        padding: 10px 3em 10px 0!important;
    }
    .topnav .language {
        padding-right: 2% !important;
        padding-left: 2% !important;
    }    
    .modal-dialog {
        margin: 20px auto !important;
        width: 60%!important;
    }
    .modal-content .modal-body img {
        width: 30% !important;
        margin: 0 auto;
        display: block;
    }
    .modal-footer{
        display: none !important;
    }    
    .modal-content .modal-body img {
        width: 30%;
    }
    .transportation-logistics .icon-section img {
        width: 70% !important;
        margin: 0 auto !important;
    }    
    .holistic-approach .icon-section img {
        width: 60% !important;
    } 
    .risk .flex{
        display: block !important;
        }
    .byprod .lightblue-section .floating-icon {
        width: 200px;
    }    
    #accordion .panel-body span img {
       margin: 0 0 0 5px ; 
        width: 50px;    
    }
    #accordion .ble{
        width: 70% !important;
        margin: 0 auto !important;
    }
    #accordion .panel-body span {
        padding: 15px 0 !important;
    }    
    #accordion .panel-body .logos-section img {
    width: 70% !important;
        margin: 0 auto !important;
    }
    
    #accordion .lighthouse{
        width: 130px !important;
    }
    .section-responsibility p, .section-engagement p, .section-efficiency p {
        padding-right: 0 !important;
    }
    .section-responsibility .left-section, .section-efficiency .left-section, .section-engagement .right-section {
        height: 300px;
    }   
    .homepage a.read-more {
        font-size:0.9em !important;
    }
    .home-bottom-section img {
        margin: 30px auto 0 !important;
        width: 45% !important;;
    }   
    .our-progress a.read-more {
    margin-left: 0 !important;
    }
   .sidenav {
        width: 150px;
    }
    .sidenav button {
        font-size: 13px !important;
        margin: 10px 0;
    }
    .sidenav a {
        font-size: 13px;    
    }
    .cbp-spmenu-left.cbp-spmenu-open {
        left: 150px;
    }  
    nav.cbp-spmenu h3 {
        margin-bottom: 22%;
    }    
    .cbp-spmenu a {
        font-size: 13px;
    } 
    .sidenav .logo {
        margin: 0 auto 2rem auto;
    } 
    .story .background-intro, .sus-report .background-intro, .responsibility .background-intro, .engagement .background-intro, .efficiency .background-intro {
        height: 220px !important;
    } 
    #myCarousel3 .carousel-section img, #myCarousel3-resp .carousel-section img {
        width: 45% !important;
    }
    .governance .background-intro div h2,.everyday-products .background-intro div h2 {
        font-size: 6vw;
    }    
    .article-teaser-home h3 {
        font-size: 2em;
    }
    .home-bluesection h3 {
        font-size: 2em !important;
    }
    .our-progress h3 {
        font-size: 2em;
        margin-left: 0;
    }
    .section-responsibility h3, .section-engagement h3, .section-efficiency h3 {
        font-size: 2em;
        padding-left: 15px !important;

    }    
    .sus-report .background-intro div span {
        padding: 1em 0 0 10%;
    } 
	
	 .sus-report .terms .background-intro div span {
        padding: 6em 0 0 7%;
		width: 50%!important;
    } 
	

	.terms .background-intro div h2 {
		line-height: 1.2em!important;
	}
	
	.responsibility article.content h2{
			font-size: 32px!important;
		}
	
	.sus-report .sustainability-strategy .background-intro div span {
        padding: 7em 0 0 10%;
    } 
	
	.sus-report .our-goals .background-intro div span {
        padding: 6em 0 0 10%!important;
    } 
	
		.sus-report .about .background-intro div span {
        padding: 7em 0 0 10%!important;
    } 
	.about .blue-section img {
		width: 90%;
	    margin: 0 7%;
	}
	
		.sus-report .message-stakeholders .background-intro div span {
        padding: 7.5em 0 0 10%!important;
    } 
	
	.message-stakeholders .responsive {
		display: block;
	}
	
		.message-stakeholders .no-responsive {
		display: none!important;
	}
	
	.message-stakeholders article img {
		width: 40%!important;

	}
	
	
	.message-stakeholders article .col-right p {
		padding: 10px 0 0 0px;
	}
	
	
    .governance .background-intro div span {
        padding: 
			6.5em 0 0 10% !important;
    }   
	
	.governance article.content .carousel-section {
		width: 40%;
		float: left;
		margin: 10px 20px;
		
	}
	.valencia {
		margin-bottom: -10px!important;
	}
	
	.margin-row-img{
		
		margin: -0px!important;
	}
	
		.employees .background-intro div h3, .efficiency .background-intro div h3, .responsibility .background-intro div h3 {
		font-size: 1.5em;

	}
	
	.responsibility .background-intro div span, .engagement .background-intro div span, .efficiency .background-intro div span {
		margin: -15px 0;
	}
	
	.responsibility .article-teaser .col-md-8, 	.engagement .article-teaser .col-md-8, 	.efficiency .article-teaser .col-md-8{
		width: 100%;
	
	}
		.efficiency .article-teaser h3, .responsibility .article-teaser h3 {
			width: 90%;
			font-size: 30px!important;
		}
	.responsibility .article-teaser .col-md-3 img {
		width: 100%!important;
	}
	
	.article-teaser img{
		width: 40%!important;
	}
	.responsibility .article-teaser .col-md-3 {
		width:  40%;
		float: left;
	}
	
	
	.parallax-background-section,  .responsibility .parallax-background, .engagement .parallax-background, .efficiency .parallax-background {
			margin-top: 27px;
		}	
	
	.story-titre {
			width: 100%!important;
		}	
	
	.raising-the-bar  .responsive {
		display: block!important;
	}
	
	.raising-the-bar .side-section span {
		width: 50%;
		margin-top: 25px;
	}
	
	.responsibility .side-section h5, .engagement .side-section h5, .efficiency .side-section h5 {
		margin: 10% auto 5% auto;
		
	}
	.our-goals article.content img {
		width: 25%;
	}
	
	.moving .responsive {
		display: block;
	}
	
	.moving .responsive .side-section img {
		float: right;
		margin: 5px;
	}
	.moving .margin-top-exergue {
		margin-top: -4%;
	}
	
    #accordion .panel-body div.col-md-6:nth-child(3) {
        padding-left: 0;
    }    
    article.green-col div {
        padding: 2% 8% 3%;
    }
    .background-intro div h2 {
        font-size: 4.3vw;
    } 
    .our-goals .goal-section {
        width: 100%;
        margin-left: 0;
    }    
    .stakeholders-engagement .content,.about .content{
        margin-left: 0;
    }
    .stakeholders-engagement .blue-section .col-md-6{
        padding-left: 0;
    } 
  .about .blue-section .col-md-3 {
        height: 180px;
        padding: 0;
    }  
    .about .blue-section .separator {
        width: 100%;
    }    
    .responsibility .background-intro div span, .engagement .background-intro div span, .efficiency .background-intro div span {
        padding: 5em 0 0 10%;
    }    
    .story .background-intro span {
        padding: 113px 0 0 0 !important;
    } 
    .transportation-logistics .background-intro div span, .safety .background-intro div span, .energy .background-intro div span {
        padding: 4em 0 0 10%;
    }  
    .communities .orange-section .col-md-3 {
        margin-left: 15px;
    }
    .energy .lightblue-section .col-md-6 section .col-lg-6, .water .lightblue-section .col-md-6 .col-md-6{
        padding-left: 0;
    }
    .chemistry .lightblue-section {
        background: #00a8e5 ;
    }
    .byprod .lightblue-section h3 {
        width: 100%;
    }

    .efficiency .lightblue-section .white-txt p b, .efficiency .lightblue-section .white-txt b {
        width: 100%;
    }    
    .cheap section .blue-box img {
        margin-top: 0px;
        width: 100px;
    }
    .chemistry .content .separator {
        border-top: none;
    }
    .teeming .lightblue-section img {
        width: 40%;
        display: block;
        margin: 0 auto;
    }    
    footer p {
        float: none;
        display: block;
        text-align: center;
        width: 100%;
        padding: 0;
        color: #fff;
        margin: 0px 0 0 0;
        font-size: 13px !important;
    }   
    footer{
        padding: 18px 0;
    }
	
	.carousel-caption h3 {
		margin-top: -1%;
		maring-left: 1%!important;
		font-size: 2.75em!important;
	}
	
	.carousel-caption h4 {
		margin-top: 15px;
		margin-left: px;
		width: 100%!important;
	}
	
	 .responsive {
	display: block;	
	}
	
	.safe-milestones article.content img {
		width: 49%;
		margin-top: 10px;
		margin-bottom: -25px;
	}
	
	.nature-conservancy article.content img {
		width: 50%;
		margin-top: -50px;
		margin-bottom: 25px;
	}
	

	
.forging-meaningful-relationships article.content .col-md-3 {
		width: 40%;
		margin: 0 auto;

	}
	
	.forging-meaningful-relationships article.content .col-md-4 {
		text-align: center;
		width: 75%;
		
	}
	
	.domtar-earthchoice article.content .col-md-3 img {
		width: 25%;
		margin: 25px auto;
	}
	
	.widening-the-circle article.content  h6, .widening-the-circle article.content  h5 {
		margin: 25px 0!important;
	}
	
	.widening-the-circle article.content .graph-title {
		margin-top: 30px!important;
	}
	
	.kingsport article .highlights img {
		width: 50%!important;

		
	}
	
	.kingsport article.content .highlights .col-xs-6 {
		margin-bottom: 40px!important;
		margin-right: -50px;
		
	}
	
	.kingsport article.content .side-section h6 {
		margin: 25px auto;
	}
	
	.kingsport article.content .highlights .col-xs-6 img {
		margin-bottom: -100px;
	}
	
	.full-cost-of-water article.content .row {
		width: 20%;
		float: left;
		margin: 20px 25px!important;
	}
	.full-cost-of-water article.content .blue-type p{
		width: 100%;
		font-size: .93em!important;
	}
	
	.full-cost-of-water .efficiency-blue-section img {
		
		margin-left: 60px;
	}
	
	.developing-path article.content.efficiency-blue-section img {
		width: 50%;
	} 
	.developing-path .side-section p{
text-align: center;
  

	
	
}
	
	
	
	
	.ajustement-margin .col-md-3 {
		width: 49%;
		float: left;
		padding: 1%;
	}
	
	
	
}


	

/* Tab vertical */
@media only screen and (min-width: 668px) and (max-width: 991px){
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }     
	
	
		.homepage article.content.no-responsive, .homepage article.content.responsive {
		display: none!important;
	}
	.homepage article.content.ipad {
		display: block!important;
	}
		.moving .side-section img {
		width: 50%!important;
	}
	
	.radius-img-home {
		width: 100%!important;
	}
	
			.raising-the-bar .side-section span p {
		bottom: -60px!important;
	}
	
	.responsibility .side-section h5 {
		margin-top: 120px!important;
	}
	
	.homepage article.row .col-md-8 {
		width: 80%!important;
		float: left;
	}
	
	.homepage article.row .col-md-4 {
		width: 20%!important;
		margin: 0 auto;
		float: left;
	}
	
	.homepage .modal .modal-content .modal-body .col-md-8 {
		width: 60%!important;
		float: left;
	}
	
	.homepage .modal .modal-content .modal-body .col-md-4 {
		width: 40%!important;
		float: left;
	}
	
	.homepage article.content.home-bluesection .col-md-8 {
		width: 100%!important;
	}
	
	.homepage article.content.home-bluesection .col-md-4 {
		width: 100%!important;
	}
	
	.homepage article.content.section-engagement.no-responsive {
		display: none!important;
	}
	
		.homepage article.content.no-responsive {
		display: none!important;
		}
	
	.homepage .section-engagement .col-md-6.left-section {
		width: 50%!important;
		float: left!important;
		z-index: 1000;
	}
	
		.homepage .section-engagement .col-md-6.left-section img{
			width: 100%!important;
			height: 100%!important;
			

	}
	
	.homepage .section-engagement.responsive .col-md-6{
		height: 100%;
	}
	
	.homepage .section-engagement .col-md-6.right-section {
		width: 50%!important;
		float: left!important;
		margin: 0;
		height: 265px;
		
		
		
	}
	

	
    .message-stakeholders-header, .governance .parallax-background, .stakeholders-engagement .parallax-background, .about .parallax-background, .terms .parallax-background {
        background-image: url("../img/overview_1.jpg");
        height: 300px !important;
    }    
	
	.employees .background-intro div h3, .efficiency .background-intro div h3, .responsibility .background-intro div h3 {
		font-size: 1.5em;
	}
	.our-goals article.content img {
		width: 25%;
	}
	.sustainability-strategy .parallax-background{
        background-image: url("../img/overview_3.jpg");
        height: 300px !important;
    }  
	.carousel-caption h3 {
		margin-top: -4%;
		margin-left: -4%;
		font-size: 7vw!important;
	}
	
	.carousel-caption h4 {
		margin-top: 20px;
		margin-left: -4%;
		width: 50%!important;
	}
	
	
	
	
	 /*raising the bar*/
	.raising-the-bar .content .col-md-8 {
		width: 100%;
	}
	.raising-the-bar .content .col-md-8 span {
		width: 100%!important;

		margin-top: 20px;
	}
	.raising-the-bar .content .col-md-8 h5 {
		margin: 25px 0 5% 35%;
	}

	
	/*fin raising the bar */
	
	
	/* taking supply chain*/
	
	.Taking-Supply-Chain article.content .col-md-8 {
		width: 100%;
	}
	
	.Taking-Supply-Chain .green-section img	{
		width: 70%;
    padding-top: 5%;
	}
	
	/* fin taking supply chain*/
	
	/* milestones */
	
	.engagement article.content h2 {
		width: 80%!important;
	}
	
	.safe-milestones .responsive img {
		width: 49%;
	}
	
	.responsibility .side-section h5, .engagement .side-section h5, .efficiency .side-section h5 {
		margin: 5% 0;
	}
	
	/* fin milestones */
	
	/* nature conservancy*/
	
	.nature-conservancy .col-md-8{
		width: 100%!important;

	}
	.nature-conservancy article.content h2 {
		width: 100%!important;
	}
	

	.engagement .nature-conservancy .orange-section .col-md-3 {
		width: 50%;
		padding-top: 5%!important;
		margin: 0 auto;
	}
	/* fin nature conservancy*/
	
	/* growing-diversity-inclusion */
	
.growing-diversity-inclusion article.content  .col-md-4 {
		width: 50%!important;
		margin: 0 auto;
	}
	
	/* fin growing-diversity-inclusion */
	
	/* forgin meaningfull*/

	.forging-meaningful-relationships article.content .col-md-3 {
		width: 20%;
		margin: 0 auto;

	}
	
	.forging-meaningful-relationships article.content .col-md-4 {
		text-align: center;
	}
	.engagement .forging-meaningful-relationships .side-section h5{
	width: 100%!important;
}

	.engagement .forging-meaningful-relationships article.content h2 {
		width: 100%!important;
	}
	
	/* fin forgin meaningfull*/	
	
	/*earthchoice*/
	
	.engagement article.content h2 {
		width: 90%!important;
	}
	.domtar-earthchoice img {
		width: 100%;
		
	}
	
	.domtar-earthchoice article.content .col-md-5 {
		width: 75%;
		margin: 0 auto;
		
	}
	
		.domtar-earthchoice .responsive .col-md-3 {
		width: 40%;
		margin: 0 auto;
	}
	
	/* fin earthchoice*/
	
	
	/* widening the circle*/
	
	.widening-the-circle article.content .col-md-8 {
		width: 100%;
	}
	
	.widening-the-circle article.content h2 {
		width: 90%!important;
	}
	
	.widening-the-circle article.content .side-section h6{
		margin: 20px 0;
	}
	
	/* fin widening the circle*/	
	
	/*Kingsport*/
	
	.kingsport article.content .col-md-8 {
		width: 100%!important;
	}
	
	.kingsport article.content h2 {
		width: 90%!important;
	}
	
	.kingsport article.content .side-section h6 {
		margin: 20px 0;
	}
	
	.kingsport article.content .col-xs-6 {
		width: 100%;
	}
	
	.kingsport article.content .col-xs-6 img {
		width: 25%!important;
		margin:  40px 0 -35px 0!important;
	}

		.kingsport article.content .col-xs-6 {
		text-align: center;
	}
	
	
	/* Fin Kingsport*/
	
	
	/* data-driven*/
	
	.data-driven-approach article.content .col-md-8 {
		width: 100%;
	}
	
	.data-driven-approach article.content h3 {
		width: 100!important;
	}
	
	.data-driven-approach article.content .col-md-3 {
		width: 30%;
		margin:0 auto;
	}
		.data-driven-approach article.content img {
		width: 100%;
		margin-top: 25px!important;
	}
	
	
	/* fin data-driven*/
	
	/* Full Cost of Water */
	
	.full-cost-of-water article.content .col-md-8 {
		width: 100%;
	}
	
	.full-cost-of-water article.content .story-titre {
		width: 100%!important;
	}
	
	.full-cost-of-water article.content .side-section .col-md-6 {
		width: 33%;
		
	}
	.full-cost-of-water article.content .side-section .row {
		float: left;
		width: 33%;
	}
	
	
	/* Fin Full Cost of Water */	
	
	
	/* Developing path*/
	
	.developing-path article.content .col-md-8 {
		width: 100%;
	}
	
	.developing-path article.content.efficiency-blue-section img {
		width: 40%!important;
	}
	
	.developing-path article.content .col-md-3.side-section {
		text-align: center;
		
	}
	
	.developing-path article.content .side-section p {
margin-top: 10px!important;
		
	}
	
	.developing-path .responsive .col-xs-4 {
		width: 25%;
	}
	
		.margin-tab-first {
		margin-top: 675px!important;
	}
	
	.margin-tab {
		margin-top: 30px!important;
	}
	
	
	.developing-path .ajustement-margin {
	
		margin: 30px 0 15px 0!important;
	}
	
	.ajustement-margin .col-md-3 {
		width: 24%;
		float: left;
		padding: 1%;
	}
	
	
	/* Fin Developing path*/
	.everyday-products .parallax-background{
		background-image: url("../img/overview_4.jpg");
		 height: 300px !important;
	}
	
    .homepage .article1 {
        width: 50%;
    }    
    .row {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    #myCarousel{
        margin-top: 40px;
    }    
    article h2, article h3{
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
	
	.moving article .col-md-7 {
		width: 80%;
		}
	.moving article .col-md-3 {
		width: 50%;
margin: 0 auto;
	}
	.moving article .col-md-3 img {
		width:100%!important;
		
	}
	
	.responsibility article.content h2 {
		width: 100%!important;
	}
    .modal-body {
        padding: 30px !important;
    }    
    .green-col div, .green-col div {
        padding: 10px 25px 10px 40px !important;
    }
    .locally-grown .green-section p {
        text-align: center;
    }    
    .holistic-approach .icon-section img {
        width: 60%;
    }
     footer {
        height: 45px !important;
    }  
    #myCarousel .carousel-caption {
        bottom: 0 !important;
    }
    .carousel-indicators {
        bottom: 0 !important;
    }  
    .promoting-sus-forest .green-section img {
        margin: 20% auto !important;
        width: 60% !important;
    }    
    .homepage .article1{
        margin: 30px 0;
    }
    .responsive{
        display: block !important;
    }
    .no-responsive{
        display: none !important;
    }
    .section-responsibility, .section-efficiency {
        display: block !important;
    }  
    .our-progress{
        padding: 30px !important;
        margin: 0 !important;
    }
    .our-progress h3, .our-progress a.read-more {
    margin-left: 0 !important;
    }

    footer {
        height: 45px;
    }
	
	.message-stakeholders article .col-right img{
   		 width: 100%!important;
	    border-radius: 50%!important;

	}
	.message-stakeholders article .col-right p {
		padding: 0!important;
		margin: 0!important;
		font-size: 1.5em!important;
	}
	
		.message-stakeholders article .col-right {
		
		margin: 0!important;
	
	}
	
	.message-stakeholders article.content .responsive .col-md-12 {
		margin: 10% auto 15% auto;
		
	padding: 1%!important;
	}
	
	.message-stakeholders article.content .responsive .row .col-md-1 {
		width: 20%;
	
		margin: 25px 0!important;
		padding: 0!important;
	}
	.message-stakeholders article.content .responsive .row .col-md-10 {
		width: 100%;
		margin: 25px auto!important;
		padding: 0!important;
		
	
	}
	
    #myCarousel2 .carousel-inner {
        height: 225px !important;
    }
    .communities .tab{
        margin-right: 0 !important;
    }
    .communities .orange-section .col-md-3 {
        margin: 15px !important;
    }    
    .homepage .home-bluesection .home-carousel img.field {
        width: 60% !important;
        margin: 20px auto 0 auto !important;
        display: block;
        float: none;
    }
    .better-places .row .col-md-3{
        padding-right: 0 !important;
    }
    .energy .white-txt img {
        width: 40% !important;
    }    
    .better-places .page .row,.better-places .comfort .row,.better-places .earthchoice .row{
        margin-right: 15px !important;
    }
    .better-places .content .separator {
        width: 95% !important;
        margin: 20px 0 !important;
    }    
    
    .modal-dialog {
        margin: 140px auto;
    }    
    .our-progress a img {
        width: 40%;
        margin: 0 auto;
        float: none;
    }  
    .our-progress .goals .col-md-2 {
        width: 33%;
		float: left;
    }
	.our-progress .goals .col-md-2 img {
		width: 80%;
	}
    .modal-content .modal-body img {
        width: 40%;
        margin: 0 auto;
        display: block;
    }
    .section-responsibility, .section-engagement, .section-efficiency {
        display: block;
    }
    .section-responsibility .left-section, .section-engagement .right-section, .section-efficiency .left-section {
        width: 100%;
    }
    .section-responsibility .left-section {
        background: #77C043 !important;
    }
    .section-engagement .right-section {
        background: #f68633 !important;
    }
    .section-efficiency .left-section {
        background: #00a8e5 !important;
    }    
    .section-responsibility h3,.section-engagement h3,.section-efficiency h3  {
		padding-left: 20px !important;
    }  

    .homepage .right-section{
        padding-right: 0;
    }
   
    .home-bottom-section img {
        margin: 0 auto;
        display: block;
    }
    a.download-btn {
        width: fit-content;
        margin: 0 auto;
    } 
    .responsibility .background-intro, .engagement .background-intro, .efficiency .background-intro{
        height: 300px !important;
		margin-top: 20px;
    }     
    .responsibility .background-intro div span, .engagement .background-intro div span, .efficiency .background-intro div span {
        padding: 9em 0 0 10% !important;
    }  
    .transportation-logistics .background-intro div span, .safety .background-intro div span, .energy .background-intro div span {
        padding: 5.5em 0 0 10%;
    }
    .background-intro div h2 {
        font-size: 5vw;
    }
	
	
    .about .blue-section .separator {
        width: 100%;
    }
	  .about .blue-section img {
        width: 75%;
		margin-right: 0 0 0 0;
    }

    .put-on-weight .green-section p {
        text-align: center;
    }    
    .background-intro div h3 {
        font-size: 3vw;
    }
    .background-intro div {
        width: 60% !important;
    }    
    .story .background-intro span h2 a {
        font-size: 1.3em !important;
    }
    .story .background-intro span {
        padding: 193px 0 0 0 !important;
    }    

    .side-bluebox {
        padding: 1% 4%;
    }
    #myCarousel3{
        display: none;
    }    
    #myCarousel3-resp{
        display: block;
         height: 540px;
    }
    #myCarousel3 .carousel-section img, #myCarousel3-resp .carousel-section img {
        width: 45% !important;
    }
    #accordion .panel-body span img {
        width: 60px;
        margin: 0px 0 10px 10px;
    }    
    .stakeholders-engagement .background-intro div span {
        padding: 5em 0 0 10% ;
    }  
    .our-goals .background-intro div span {
        padding: 5em 0 0 10%;
    }    
    .everyday-products .background-intro div span{
        padding: 7em 0 0 10% !important;
    }
    .our-goals .goal-section {
        width: 100%;
    }
	.sus-report .everyday-products .background-intro div{
		width: 68%!important;
		margin-top: 15px;
	}
	
			.everyday-products.our-goals .background-intro div {
	width: 50%;
	margin-top: 2%;
}
    #accordion .panel-body div.col-md-6:nth-child(3) {
        padding-left: 0;
    }
    .sus-report .background-intro div {
        width: 75% !important;
    }
    .sus-report .background-intro div span {
        padding: 8.5em 0 0 10%;
    }  
	
	
	 .sus-report  .our-goals .background-intro div span {
        padding: 9.5em 0 0 10%!important;
    }  
	
	  .sus-report .message-stakeholders .background-intro div span {
        padding: 11.5em 0 0 10%;
    }  
	
	
	 .sus-report .governance .background-intro div span {
        padding: 10.5em 0 0 10%;
    }  
	
	    .sus-report .terms .background-intro div span {
        padding: 8.5em 0 0 5%;
    }  
	
	 .sus-report .sustainability-strategy .background-intro div span {
        padding: 9.75em 0 0 10%;
    }  
	.sustainability-strategy .background-intro div {
		width:  60%!important;
	}
    .governance .background-intro div h2 {
        font-size: 5.5vw;
    }
	.governance .carousel-section img {
		width: 75%!important;
	}
	.governance .col-md-3 {
		float: left;
		width: 50%;
		padding: 2.5% 2.5%;
		margin-bottom: 20px;
		margin-top: 20px
	}
	.governance .margin-row-img {
		margin: 0px 0 0 0;
	}
	.governance .valencia {
		padding: 2.5%;
		margin-bottom: -20px;
		margin-top: 20px
	}
	.governance .col-md-3 p {
		width: 95%;
	}
    .everyday-products .background-intro div h2 {
        font-size: 5vw;
    }
    .about .background-intro div span {
        padding: 10.5em 0 0 10%;
    }    
    .about .photo-links .col-md-6{
        padding-left: 0;
    }
    .article-teaser img {
        margin: 20px auto 0 auto;
    }
    .green-section .right-col {
        padding: 6% 0;
        border-left: none;
        margin-top: 40px;
        border-top: 4px dotted #fff;
        border-bottom: 4px dotted #fff;
    }
	
	.sustainability-strategy .strategy-sustainibility-margin{
		margin:  50px 0 50px 0px!important
	}
    article.green-col div {
        padding: 2% 5% 3% 8%;
    }
    .raw-material .green-section .col-md-6 {
        padding-left: 0;
    }    
    .raw-material .icon-section, .engagement .icon-section, .efficiency .icon-section {
        margin: 15px 0;
    }  
    .raw-material .green-section{
        padding: 0 6% 25% 8% !important;
    }
    .promoting-sus-forest .green-section img {
        margin: 5% auto 20% auto;
        width: 70%;
        display: block;
    }    
    .promoting-sus-forest .green-section2 .side-section {
        padding: 40px 0 20px 0;
        margin: 0 15px 0;
    }
    .transportation-logistics .green-section img {
        display: block;
        width: 50%;
        margin: 0 auto 10px auto;
    } 
    .transportation-logistics .green-section .col-md-4{
        padding-left: 0;
        padding-right: 0;
    }
    
    .transportation-logistics .green-section .dashed-border{
        border-left: none;
        border-right: none;
        border-top: 4px dotted #fff;
        padding-top: 20px;
    }
    .transportation-logistics .green-section .right-col img {
        margin: 20px auto 0 auto;
        width: 290px;
    }    
    .transportation-logistics .green-section .right-col p {
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }  
    .put-on-weight .side-section {
        margin: 30px 15px 0;
    } 
    .put-on-weight .green-section .row, .locally-grown .green-section .row {
        display: block;
    }    
    .put-on-weight .green-section img, .locally-grown .green-section img {
        margin: 1% auto;
        width: 60%;
        display: block;
    }
    .put-on-weight .green-section .row div, .locally-grown .green-section .row div {
        border-right: none;
        padding: 20px 0px;
        border-bottom: 4px dotted #fff;
        align-items: stretch;
    }  
    .put-on-weight .green-section h2, .locally-grown .green-section h2{
        padding-left: 0 !important;
    }
    .locally-grown .side-section {
        padding: 30px 0 20px;
        margin: 0 15px;
    }  
    .locally-grown .inside-green {
        margin: 40px 0;
    }  
    .locally-grown .side-section p b {
        display: inline-block;  
    }
    .crisis-opportunity .side-section {
        padding: 20px 0 10px 0;
        margin: 30px 0;
    }  
    .transportation-logistics .icon-section{
        border-top: 4px dotted #9ec830;
        padding: 30px 0 0;
        margin: 30px 15px 15px;
    }
    .employees .orange-section .right-col{
        margin-top: 60px;
    }
    .engagement .story .side-section{
        margin-top: 30px;
    }
    .byprod .lightblue-section .floating-icon {
        width: 170px;
    }
    .domtar-approach .flex, .communities .flex{
        display: block;
    }
    .domtar-approach article+article div.col-md-9 {
        border-bottom: none;
        padding: 0;    
    }
    .domtar-approach .reveal1, .domtar-approach .reveal2{
        border-bottom: 4px dotted #f68633;
        margin: 15px 0;
        padding-left: 0;
    }
    .holistic-approach .orange-section table tr td {
        width: 100%;
        clear: both;
        display: block;
    }   
    .efficiency .icon-section {
        padding: 5px 0;
    }    
    .safer-employees .side-section .orange-block img {
        width: 60%;
    }
    .engagement .text{
        margin: 15px;
    }
    .communities .tab{
        margin: 0;
    }    
    .communities .tab .col-md-9{
        padding-left: 0;
        border-bottom: none !important;
    }
    .communities .tab .col-md-9 .col-md-4 {
        border-bottom: 4px dotted #f68633;
        padding: 0px 0 15px 0;
    }
    .communities .tab .side-section {
        padding: 20px !important;
         margin: 30px 0 0;
    }  
    .separator-people {
        height: 50px;
    }
    .communities .orange-section .col-md-12 p {
        display: block;
        width: 70%;
        margin: 0 auto;
    }
    .better-places article.content h3 {
    padding: 10px 190px 10px 10px !important;
    }
    .better-places .logos{
        width: 60%;
        display: block;
        margin: 0 auto;
    }
    .separator-trees, .separator-energy, .separator-water, .separator-byprod {
        height: 140px;
    }
    .energy .white-txt:last-child .col-md-4 img, .water .right-col .white-txt img {
        width: 40%;
        display: block;
        float: none;
        margin: 0 auto;
    }   
    .energy .right-col .white-txt .col-md-4 {
        padding: 20px 0;
    }
    .energy .lightblue-section .right-col, .water .lightblue-section .right-col{
        border-top: 4px dotted #fff;
        margin: 15px 0;
        padding: 0;
    }
    .flex{
        display: block;
    }
    .cheap section .blue-box {
        width: 100% !important;
        padding: 10px !important;    
    }    
    .water .lightblue-section .col-md-6 .col-md-6{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .icon-section p {
        width: 70%;
        margin: 20px auto;
        text-align: center;
    }    
    .lightblue-section img.graph{
        width: 50% !important;
        display: block;
        margin: 0 auto;
    } 
    article.green-col{
        display: block;
    }  
    .risk .blue-box {
        padding: 5px 10px 5px 15px !important;
    }
    .cheap section .blue-box p {
        padding: 20px 0;
        font-size: 1.2em !important;
        width: 60%;
    }
    .cheap section .blue-box img {
        margin-top: -80px;
        float: right;
    }
    .cheap section .blue-box img#cloud{
        margin-top: -80px;
    }
    .chemistry .lightblue-section {
        background: #00a8e5 !important;
    }
    .byprod .lightblue-section h3 {
        width: 90%;
    }
    .byprod .lightblue-section .waste-landfill{
        padding: 20px 0;
        margin: 30px 0;
        border-top: 4px dotted #fff;
        border-bottom: 4px dotted #fff;
    }
    .efficiency .lightblue-section .white-txt p b, .efficiency .lightblue-section .white-txt b {
        width: 60%;
    }
    .teeming .lightblue-section img{
        width: 50%;
        margin: 0 auto;
        display: block;
    }
    .plastic-problem .icon-section {
        margin-top: 40px !important;
    }  
	.efficiency .article-teaser h3, .responsibility .article-teaser h3 {
		width: 100%;
	}
	.responsibility .col-md-8, .engagement .col-md-8, .efficiency .col-md-8 {
		width: 60%;
		float: left;
		margin-right: 50px;
	}
}

/* Tab horizontal */
@media only screen and (min-width: 769px) and (max-width: 1024px){
    .story .background-intro, .sus-report .background-intro, .responsibility .background-intro, .engagement .background-intro, .efficiency .background-intro {
            height: 400px !important;
        } 
    .communities .orange-section .col-md-3 {
        margin: 0 35px;
        width: 40%;
    } 
	.sustainability-strategy article.content.row .col-md-1 {
		width: 100%!important;
	}
	
	.about .blue-section h3 {
		margin: 20px 0 0 0;
		width: 100%;
	}
    #myCarousel{
        margin-top: 40px;
    }    
	.carousel-caption {
   	top: 31%!important;
}
	.section-responsibility h3, .section-engagement h3, .section-efficiency h3 {
		padding-bottom: 10px;
		margin-bottom: 0;
		font-size: 4vw;
	}
	.section-responsibility h3 span, .section-engagement h3 span, .section-efficiency h3 span {
		padding-bottom: 0;
		line-height: 1em;
		font-size: 2.5vw;
	}
	
		.about .verticale-align-right {
	position: relative;
	top: 5%;
	
}
	  .about .blue-section img {
        width: 50%;
	    }
	.about .blue-section h3 {
		width: 80%;
	}
    .about .blue-section  {
        height: 500px;
    }

    .separator-trees, .separator-energy, .separator-water, .separator-byprod {
        height: 160px;
    }    
    .efficiency article.content h2 {
        width: 70%;
    }    
    .promoting-sus-forest .green-section img {
        margin: 60% 0;
     
    }  
	
.section-engagement h3  {
		margin-bottom: 0px;
	}

	.everyday-products .goal-section {
		width: 50%;
		padding-right: 5%;
	}
	.padding-left {
 	margin-left: 15px;
		width: 100%;
		
	}
	.strategy-sustainibility-margin .col-md-5 {
		width:100%;
		margin-left: 15px;
	}
	
    .transportation-logistics .dashed-border {
        border-left: none;
        border-right: none;
    }    
    .cheap section .blue-box img {
        width: 100px;
        margin: 10px auto;
    }    
    .transportation-logistics .green-section .right-col {
        border-left: 4px dotted #fff;
    }
    .article-teaser .col-md-4{
        margin-top: 3%;
    }
    .women-manufacturing .side-section span {
        margin-top: 15%;
    }    
    .promoting-sus-forest .green-section2 .side-section {
        padding: 110px 0 20px 0 !important;
    }   
    .energy .lightblue-section .graph{
        width: 70%;
    }
    .energy .lightblue-section .right-col .graph{
        width: 100%;
    }
    .homepage .home-bluesection .home-carousel img {
        width: 60px !important;
        margin-left: 20px !important;
    }  
    #myCarousel3 .carousel-inner {
        height: 370px !important;
    }  
    #myCarousel3 .carousel-section{
        padding-right: 10px !important;
        padding-left: 10px !important;
    }   
    #myCarousel3 .carousel-section p, #myCarousel3 .carousel-section h5 {
        font-size: 12px !important;
    }    
    #myCarousel2 .carousel-inner {
        height: 225px;
    }   
	
	.section-responsibility .left-section {
		width: 50%!important;
		z-index: 1000;
	}
	.section-responsibility img, .section-engagement img, .section-efficiency img {
		width: 100%;
	}
	
	.section-efficiency .left-section {
		width: 50%!important;
		z-index: 1000;
	}
	
	.section-engagement .right-section {
		width: 50%!important;
	}
	
	 .section-efficiency p {
		
		width: 90%!important;		
		
	}

	
	
	
	
	.governance col-md-3 {
		width: 40%!important;
	}
    .article-teaser-home h3 {
        font-size: 1.5em;
    }    
    .story .background-intro span {
        padding: 182px 0 0 0 !important;
    }
    .story .background-intro span h2 a {
        font-size: 1.6em !important;
    }    
    .section-responsibility, .section-engagement, .section-efficiency {
        display: flex;
    }
    .responsive{
        display: none;
    }
    .background-intro div {
        width: 45%;
    }
    .main {
        margin-left: 200px;
    }

    .our-progress .goals .col-md-2 {
        padding: 0 5px;
    }
    .section-responsibility p, .section-engagement p, .section-efficiency p {
        font-size: 1em !important;
        padding-right: 0px;
        margin: 0;
    }
    .homepage a.read-more {
        font-size: 1em;
    }
    #accordion .panel-body span img {
        margin: 0;
        width: 60px;
    }
    .stakeholders-engagement article img.floating-icon {
        width: 90px;
    }
    footer {
        height: 60px;
    }
    .put-on-weight .green-section p {
        padding: 0;
        text-align: center;
    }  
    .locally-grown .green-section p {
        padding: 0;
        text-align: center;
    }

    .communities .orange-section p {
        font-size: 1.2em !important;
        line-height: 1;
    }
    .communities .orange-section .col-md-3 h4 {
        font-size: 2em;
    }
    .energy .right-col .white-txt .col-md-4{
        padding: 0;
    }
    .energy .white-txt:last-child .col-md-4 p {
        font-size: 0.9em !important;
        line-height: 1.2;
    }  
    .risk section.flex{
        display: block;
    }
    .risk .blue-box {
        width: 100%;
        margin: 5px 0px 10px 0;
    }
    .chemistry .lightblue-section {
        padding-bottom: 5% !important;
    }
    .byprod .lightblue-section .floating-icon {
        width: 180px;
    }
	
	.sustainability-strategy .strategy-sustainibility-margin img {
		width: 200%;
	}
	
	.sustainability-strategy .strategy-sustainibility-margin {
		margin: 15px 0 15px -15px!important;
		padding: 0!important;
	}
	.background-intro div {
		width: 60%;
	}
	
	.governance .content .col-md-3 {
		width: 25%;
		float: left;
	}
	.raising-the-bar img {
		
		margon-top: 25px;
	}
	.raising-the-bar .side-section span p {
	
	}
	
	#myCarousel .carousel-caption {
		margin-top: -2.5%;
	
	}
	.responsibility .raising-the-bar .side-section h5 {
		margin-top: 100px!important;
	}



	
	.sustainability-strategy article.content img {
		width: 15%;
	}



}
/* Header Gaps */
@media only screen and (max-width: 992px){
    .cheap section .blue-box {
        height: 150px;
    }
		  .our-progress a img {
        display: block;
        width: 40%;
        float: left;
        margin: 0 20px;
    }  
    #myCarousel3{
        display: none;
    }    
    #myCarousel3-resp{
        display: block;
         max-height: 700px;
    }    
    .responsibility .background-intro div span, .engagement .background-intro div span {
        padding: 5em 0 0 10%;
		
    }   
	.moving .margin-top-exergue {
		margin-top: 0;
	}

	
	
	 .responsibility .background-intro div span h3 , .engagement .background-intro div span h3, .efficiency .background-intro div span h3 {
		 font-size: 1.5em;
	}
	.story-titre {
		width: 90%!important;
	}
	
		.everyday-products img{
		width: 25%;
	}

	.graph-title {
		width: 75%;
	}
	
	.article-teaser img {
		width:25%;
		margin: 15px 0 0 0;
	}
	
	.message-stakeholders .responsive {
		display: block;
	}
	
	.message-stakeholders article.content .no-responsive {
		display: none;
	}
	

	
	.Taking-Supply-Chain article.content .col-md-4 img {
		width: 50%;
		margin: 0 auto;
	}
	
	.raising-the-bar .responsive {
		display: block!important;
		}
	.raising-the-bar .no-responsive {
		display: none!important;
	}
	.raising-the-bar article.content .side-section {
		width: 50%;
		padding: 0;
		float: none;

	}

	
	.raising-the-bar article.content .side-section h5 {
		margin: 25px 0;
		width: 200%;

	}
	
	.moving .responsive {
		display: none!important;
	}
	
	.moving .no-responsive {
		display: block!important;
	}
	
}

@media only screen and (min-width: 991px) and (max-width: 1090px){
	
	.developing-path article.content .col-md-1 img {
		margin-bottom: 75px!important;
	}
	
	.homepage article.content.no-responsive, .homepage article.content.responsive {
		display: none!important;
	}
		.homepage article.content.ipad {
		display: block!important;
	}
	
	.homepage article.content.ipad .row .col-xs-6 img {
		width: 100%!important;
	}

	
	#myCarousel2 .carousel-inner {
		height: 375px;
	}
	
	.forging-meaningful-relationships .side-section {
		width: 20%;
		float: left;
		margin-left: 5%;
	}
		.moving .no-responsive {
		display: block;
	}
    .story .background-intro, .sus-report .background-intro, .responsibility .background-intro, .engagement .background-intro, .efficiency .background-intro{
        height: 400px !important;
    }
    .responsibility .background-intro div span, .engagement .background-intro div span, .efficiency .background-intro div span   {
        padding: 10em 0 0 10%;
    }    
    .sus-report .background-intro div span {
        padding: 8.5em 0 0 10%;
    } 
	
	  .sus-report .message-stakeholders .background-intro div span {
        padding: 11.5em 0 0 10%;
    } 
	
	  .sus-report .terms .background-intro div span {
        padding: 8.5em 0 0 5%;
    } 
	
		.everyday-products img{
		width: 50%;
			margin-left: 25%!important;
	}
	  .sus-report .about .background-intro div span {
        padding: 11.5em 0 0 5%!important;
    } 
	 .sus-report .sustainability-strategy .background-intro div span {
        padding: 9em 0 0 10%!important;
    } 
	  .about .blue-section img {
        width: 100%!important;
   }
	.message-stakeholders article .col-right p {
  
    font-size: 1.5em!important;

}
    .governance .background-intro div span {
        padding: 9em 0 0 10%;
		
    } 
	
	
    .everyday-products .background-intro div span, .stakeholders-engagement .background-intro div span{
        padding: 10em 0 0 10%;
    }    
	    .everyday-products.our-goals .background-intro div span{
        padding: 6.5em 0 0 10%;
    }    
	
			.everyday-products.our-goals .background-intro div {
	width: 60%;
	margin-top: 2%;
}
    .our-goals .goal-section img{
        width: 100%;
    }
    .background-intro div h2 {
        font-size: 5.5vw;
        width: 100%;
    }
    .background-intro div h3 {
        font-size: 2.3vw;
    } 
    #accordion .panel-body div.col-md-6 {
        width: 100%
    }
    #accordion .panel-body div.col-md-6:nth-child(3) {
        padding-left: 0;
    }
    .about .blue-section h3 {
        font-size: 1em;
    }
 
    .about .blue-section .big-icon {
        width: 140px;
    } 
	.about .verticale-align-right {
	position: relative;
	top: 35%;
	
}
    .about .blue-section  {
        height: 350px;
    }
    .story .background-intro span{
        padding: 182px 0 0 0;
    }
    .story .background-intro span h2 a {
        font-size: 1.6em;
    }  
    .cheap section .blue-box {
        margin: 0 0 15px 0;
        width: 100%;
    }    
    .communities .orange-section .col-md-3 {
        margin: 0 35px;
		width: 40%;}
	
	
	

	
}

@media only screen and (min-width: 1090px) and (max-width: 1330px){
	
		.moving .no-responsive {
		display: block;
	}
	#myCarousel2 .carousel-inner {
		height: 325px;
	}
	.developing-path article.content .col-md-1 img{
		margin-bottom: 50px!important;
	}
    .story .background-intro, .sus-report .background-intro, .responsibility .background-intro, .engagement .background-intro, .efficiency .background-intro{
        height: 500px !important;
    }

    .story .background-intro span{
        padding: 225px 0 0 0 !important;
    }
    .story .background-intro span h2 a {
        font-size: 1.8em;
    }     
    .sus-report .background-intro div span, .safety .background-intro div span {
        padding: 10em 0 0 10%;
    }
	
	 .sus-report .sustainability-strategy .background-intro div span {
        padding: 11em 0 0 10%!important;
    }
	
	 .sus-report .message-stakeholders .background-intro div span {
        padding: 14em 0 0 10%;
    }
	
	  .sus-report .terms .background-intro div span {
        padding: 10em 0 0 5%;
    }
	
    .governance .background-intro div span {
        padding: 12.5em 0 0 10%!important;
		width: 120%;
    }
    .everyday-products .background-intro div span, .stakeholders-engagement .background-intro div span {
        padding: 6em 0 0 10%;
    }   
	
	  .everyday-products.our-goals .background-intro div span {
        padding: 10em 0 0 10%;
    }   
    .our-goals .goal-section {
        width: 45%;
    }
    .background-intro div h2 {
        font-size: 3.7vw;
        width: 80%;
    }
	
	.message-stakeholders .background-intro div h2 {
        font-size: 5.5vw;
        width: 80%;
    }
	
	
	 .sustainability-strategy  .background-intro div h2 {
        font-size: 6vw;
        width: 80%;
    }
	
	.sustainability-strategy  .background-intro span {
		      padding: 6.5em 0 0 10%!important;
	}
	
    .background-intro div h3 {
        font-size: 2.3vw;
    }
    .about .blue-section h3 {
        font-size: 1.2em;
    }
    .cheap section .blue-box {
        margin: 0 0 15px 0;
        width: 100%;
    }
    .communities .orange-section .col-md-3 {
        width: 23%;
        height: 230px;
    }
	.about .background-intro div {
		font-size: 3.5vw!important;
	}
	.about .background-intro div span {
	 padding: 4.5em 0 0 6%;
	}
		.about .blue-section {
	height: 425px;
	position: relative;
	padding-top: 0!important; 
}

	.about .blue-section h3 {
		
	font-size: 2em;
	}
	
.about .verticale-align-right {
	position: relative;
	top: 30%;
	vertical-align: middle;
}
		.about .verticale-align-left {
	position: relative;
	transform-origin: center;
	top: 1%;
	right: 1%;
	vertical-align: middle;
}
	.about .background-intro-at-domtar {
		font-size: .6em;
	}
	
	  .carousel-caption h3 {
	      
		  margin-top: 5%!important;
		
    }
	
	
}

@media only screen and (min-width: 1330px) and (max-width: 1400px){
	
		.moving .no-responsive {
		display: block;
	}
    .sus-report .background-intro div span {
        padding: 9em 0 0 10% !important;
    }  
	
	 .sus-report .terms .background-intro div span {
        padding: 12em 0 0 5% !important;
    }  
	
    .story .background-intro span{
        padding: 308px 0 0 0 !important;
    }  
    .our-goals .background-intro div span,  .safety .background-intro div span, .governance .background-intro div span  {
        padding: 10.5em 0 0 10% !important;
    }  
    .message-stakeholders .background-intro div span{
        padding: 12.5em 0 0 10% !important;
    }  
	
	.everyday-products .background-intro div span {
        padding: 8em 0 0 10% !important;
        width: 125%;
    }   
	
		.everyday-products.our-goals .background-intro div {
	width: 60%;
	margin-top: 2%;
}
	.stakeholders-engagement .background-intro div span {
	   padding: 7em 0 0 10% !important;
        width: 90%;
	}
	
    .communities .orange-section .col-md-3 {
        height: 230px;
    }    
	.about .background-intro div span{
   	    padding: 10em 0 0 6% !important;
	
	}
	.about .background-intro div span h2{
		font-size: 6vw!important;
	}
		
	.about .blue-section {
	height: 500px;
	position: relative;
	padding-top: 0!important; 
}

	.about .blue-section h3 {
		
	font-size: 2em;
	}
	
.about .verticale-align-right {
	position: relative;
	top: 35%;
	vertical-align: middle;
}
	
	 .carousel-caption h3 {
	      margin-top: 5%!important;
		
    }
	
	
}

@media only screen and (min-width: 1400px){
	.employees .background-intro div h3, .efficiency .background-intro div h3, .responsibility .background-intro div h3 {
	width: 60%;
  	font-size: 32px;
	line-height: 1em!important;
	}
	
		.responsibility .background-intro div h2, .efficiency .background-intro div h2, .engagement .background-intro div h2{
    font-family:'EB Garamond', serif ;

    font-size: 80px ;
    margin-top: 0;
    line-height: .6;
	font-weight: 400;
}
	.everyday-products.our-goals .background-intro div {
	width: 55%;
	margin-top: 2%;
}
	.article-teaser h3 {
	font-size: 37.125px!important;
}

	.about footer p {
		left: 65px;
	}
	.moving .no-responsive {
		display: block;
	}
    .background-intro div span h3{
        font-size: 40px;
    }
    .background-intro div span h2{
        font-size: 80px;
    }    
    .stakeholders-engagement .background-intro div span h2{
        width: 80%;
    } 
	.carousel-caption{
		top:24.25%!important;
		left: 23.2%!important;
	}
	
    .carousel-caption h3 {
	        font-size: 110px!important;
			margin-top: -1.5%!important;
			font-weight: normal;
    }
		
	
	
    .sus-report .background-intro div span, .safety .background-intro div span{
        padding: 7.5em 0 0 10% !important;
    } 
	
	 .sus-report .terms .background-intro div span{
        padding: 11.5em 0 0 5% !important;
    } 
	
    .governance .background-intro div span {
        padding: 10.5em 0 0 10% !important;
    }
    .our-goals .background-intro div span {
        padding: 10em 0 0 10% !important;
    } 
    .message-stakeholders .background-intro div span{
        padding: 11.5em 0 0 10% !important;
    } 
	
	.everyday-products .background-intro div span, .stakeholders-engagement .background-intro div span{
        padding: 7em 0 0 10% !important;
    }
    .story .background-intro span{
        padding: 308px 0 0 0 !important;
    }    
	.our-progress h3 {
		font-size: 60px;
		line-height: 1;
	}
	.our-progress h3 span{
		font-size: 90px;
	}
	.home-bluesection h3 span{
		font-size: 90px!important;
	}
	.home-bluesection h3 {
		font-size: 55px!important;
		line-height: 1!important;
	}
	.section-responsibility h3,.section-engagement h3,.section-efficiency h3 {
    font-size: 90px!important;
	line-height: 90px!important;
	}
	.section-responsibility h3 span,.section-engagement h3 span,.section-efficiency h3 span{
    font-size: 50px!important;
	line-height: 50px!important;
	}
	.section-responsibility p, .section-engagement p {
		font-size: 25px!important;
		width: 400px;
	}
	
	.section-efficiency p {
		font-size: 25px!important;
		width: 400px!important;
	}
	
	 .governance .background-intro div h2, .sustainability-strategy .background-intro div h2{
    /*font-size: 60px;*/
    font-size: 90px!important;

	}
	.everyday-products div span h2 b , .message-stakeholders-header div span h2 b{
    font-size: 90px!important;
	}
	.message-stakeholders-header .background-intro-at-domtar {
		font-size: 50px!important;
	}
	.everyday-products .background-intro div h2 {
		font-size: 75px!important;
		width: 125%;
	}
	.about .background-intro div span{
   	    padding: 10em 0 0 6% !important;
	
	}
	

	.about .blue-section {
	height: 500px;
	position: relative;
	padding-top: 0!important; 
}

	.about .blue-section h3 {
		
	font-size: 2em;
	}
	
.about .verticale-align-right {
	position: relative;
	top: 40%;
	vertical-align: middle;
}
	
	.about .verticale-align-left {
	position: relative;
	transform-origin: center;
	top: 2%;
	right: 2%;
	vertical-align: middle;
}
	
	.employees .background-intro div h3{
    width: 60%;
  	font-size: 30px;
	line-height: 1em!important;
  }
	
	.terms .background-intro div h2 {
		font-size: 65px;
	}
	
		.responsibility .moving article.content h2 {
   	font-size: 34px!important;
}
	
}


@media only screen and (min-width: 668px) and (max-width: 768px)
{
	.homepage article.content.responsive {
		display: block!important;
	}
	.sustainability-strategy img {
		width:  20%;
	}
	
	.homepage .section-engagement .col-md-6.left-section, .homepage .section-engagement .col-md-6.right-section {
		width: 100%!important;
	}
	
	.section-efficiency p, .section-engagement p, .section-responsibility p {
		width: 90%!important;
	}
	.homepage article.content.ipad, .homepage article.content.no-responsive {
		display: none!important;
	}
	    .responsibility .background-intro div span, .engagement .background-intro div span, .efficiency .background-intro div span {
        padding: 6em 0 0 10% !important;
    }  
	
	 .sus-report .governance .background-intro div span {
        padding: 8.5em 0 0 10%;
    }  
		  .sus-report .message-stakeholders .background-intro div span {
        padding: 8.5em 0 0 10%;
    }  
	
		 .sus-report .sustainability-strategy .background-intro div span {
        padding: 7.75em 0 0 10%;
    }  
	  .about .background-intro div span {
        padding: 8.5em 0 0 10%;
    }    
		 .sus-report  .our-goals .background-intro div span {
        padding: 7.5em 0 0 10%!important;
    }  
}
@media only screen and (min-width: 991px) and (max-width: 1024px)
{
	    .carousel-caption h3 {
	     
		  margin-top: -5%!important;
		
    }

	
	.responsibility .side-section h5 {
		margin-top: 150px;
	}
	
}

@media only screen and (min-width: 992px) 
{
	.homepage .section-efficiency .col-md-6, .homepage .section-responsibility .col-md-6 {
		padding-right: 0!important;
	}
	
}