@charset "utf-8";

html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth;background-color: #ffffff;}
#faq img {
     width: auto;
}
.copy a {
    color: #fff;margin: 0 0 0 5%;
}

p.info {
    width: auto;
    margin: 15px 0;
}

p.infolist {
    width: auto;
    margin: 0px 0;
}

.links .add1 .button-link, .links .add2 .button-link, .links .add3 .button-link {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: #fff;
}
.link {
    font-weight: bold;
}
.how-work-p div img {
    width: auto;
}
a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: #fff;
}
footer .footer-left .script {
    margin-top: 80px;
    font-size: 12px;
    margin-left: 5%;
}
footer .footer-right p {
    color: #CCE5F1;
}



body {
    background-color: #ffffff;
}
footer .footer-left p {
    color: #fff;
    margin-top: 100px;
}


b {
    font-weight: normal;
}

.salmon-cup2 {
    color: #FF7751;
    text-transform: uppercase;
    font-weight: 400;
}

.action-quote {
    width: auto;
   
   float: right;
text-align: center;
    

    padding: 20px 60px;
    background: url("../images/quote.png") no-repeat 0 0;
    background-size: 100%;
    text-shadow: #591717 1px 1px 1px;
    font: normal normal bold 18px arial;
    color: #ffffff;
    text-decoration: none;
        position: fixed;
    bottom: 20px;
    right: 20px; 
    z-index: 2;
 
}

.action-quote a {color: #fff;}
.action-quote:hover,
.action-quote:focus {
        background: url("../images/quote2.png") no-repeat 0 0;
    background-size: cover;
}
a {
    text-decoration: none;
     color: #FF7751;
}	
html {
  box-sizing: border-box;
  color:#0B4F71;
    font-family: 'Roboto', sans-serif;
    background-color: #ffffff;

    
}
p {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    color: #0B4F71;
   font-size: calc(14px + 0.3vw);
              line-height: calc(1.4em + 0.3vw);
    letter-spacing: 1px;
}
body {
    margin: 0;
    padding: 0;
}

#number2  li a {
    color: #FF7751;
    font-style: italic;

}

 .number {list-style: none;line-height: 1.8;margin:-18px 0 0 0;padding: 0 0 20px 16px;font-size: 14px}
    .number li:before { content: '✓'; display: inline-block;
            color: #FF7751;
  margin-left: -1.3em;
  width: 1.3em;}

.numbers {
     list-style: none;
    line-height: 2;
    margin-left: 10%;
}
.numbers li:before { content: '✓'; display: inline-block;
            color: #FF7751;
  margin-left: -1.2em;
  width: 1.3em;}
p a {
    color: #FF7751;
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 310px) {

    .h1 .homestar a {height: 500px;
}

.how-work-p p img {
    width: 100%;
    height: auto;
}


    .map    {
       width: 80%;
        background: url("../images/Aeroseal-duct-sealing-area.png") no-repeat 0 0;
        background-size: 100% auto;
        height: 200px;
        margin: 0px  10%
    }
    #projects p{ font-size: 14px;font-weight: 600;}
     #projects {
         width: 90%;
         margin: 0 5%;
        display: block;
        text-align: center;
        font-size: 18px;
        border-top: solid 1px  #FFA68D;
    }
    #projects > div {
        height: 300px;
      margin: 0 0;
    }
    .article #projects h4 {
    background: #FF7751;
    padding: 12px 0;
    text-transform: uppercase;
    color: #fff;height: 24px;
        float: left;
        width: 100%;
        margin: 0 0 0 0;
}
#pr1 {
    width: 100%;
    float: left;
        	background-image: url(../images/project1-a.png);
 
	background-repeat: no-repeat;
	background-position:  center 80px;
       background-size:auto;
        display: inline-block;
    }
    #pr2 { display: inline-block;
         width: 100%;
    float: left;
        background-image: url(../images/project2-a.png);
   background-size:auto;
	background-repeat: no-repeat;
	background-position:  center 80px;
    }
    footer .footer-right a {
    color: #fff;
}
    /*    QUOTE START*/
body {
    background-color: #ffffff;
}
#quote2 {
		border:none ;
float:left;        width: 80%;    
	height: auto;
	padding: 5px 0;
	margin:   0;
	background-color:white;
	}
   
#quote2 form #left {

float: left;
width: 100%;
	height:auto;
	padding: 5px 0;
margin: 0;}
#quote2 form #right {
    margin-top: 0;
float: left;
width: 100%;
	height: auto;
	padding: 0;
}

 #city #div1 ul,  #city #div2 ul {
	 list-style: none;}

#quote2 form #left ul, #quote2 form #right ul {
	margin: 0;
	 list-style: none;
	 font-size: 16px;
	 color: #1670ab;}

#quote2 form #left ul li, #quote2 form #right ul  li, ul .form1 .description, ul .form1 label {

width: auto;
	margin-bottom: 10px;
	display:block;}

ul .form1 #submit {
  background: #3498db;
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size:18px;
    padding: 8px 24px;
  text-decoration: none;
	height: 40px;
	margin: 0;
    width: auto;
}
ul .form1 #submit:hover {
  background: #3cb0fd;
    background-repeat: repeat-x;
  text-decoration: none;

}


	 
	 ul .form1 {
		padding: 8px;
}

.form1 span label {

width: auto;}




form li span
{
	
	float:left;
	margin:0 4px 0 0;
	padding:0 0 8px 0;
	color: #1670ab;
}

 #forma-holder h5 {
	width:auto;
	text-align:left;
	color: white;
	font-family: lato,  Helvetica, Arial, sans-serif;
	margin: 0;
	font-weight: 400;
	font-size: 18px;
	font-style: normal;
	background-color: #AD1619;
	padding: 0;
}ul .form1 input {
    width: 100%;
    border-radius: 5px;
    height:24px;
	padding: 8px;
	font-size: 16px
}
ul .form1 #message {
    border-radius: 5px;
    height: 76px;
      width: 100%;
}
#quote2 p { float: left;
    color: #0096b8;
    width: 95%;
        font-family: "mr-eaves-modern",sans-serif;
    font-size: 24px;
    margin: 0 0 36px 0;
}
/*    Quote finish*/
    button {
	border: none;
	background: #2aa9e0;
	color: #f2f2f2;
	padding: 10px;
	font-size: 11px;
	border-radius: 5px;
	position: relative;
	box-sizing: border-box;
	transition: all 10ms ease; 
	width:80%;
	height: auto;
	cursor: pointer;
	margin:0 10% 10px 10%;	font-weight: bold;
	z-index: 1000;
}
#homestars-link button:before {
	content:'';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 42px;
	background: rgba(255,255,255,0.3);
	border-radius: 5px;
	transition: all 2s ease;
} 
#homestars-link button:hover:before {
	width: 100%;
}
#homestars-link  img{ width: 30%;
}
.rew-1, .rew-2, .rew-3, .rew-4,  .rew-5, .rew-6, .rew-7, .rew-8, .rew-9, .rew-10, #rew-1-a , #rew-1-b , #rew-1-c , #rew-1-d  {
	float: left;width: 90%; height: auto;
	margin: 0 10%;
    border-bottom: solid 1px #ddd;
}
    #homestars-link img {
        width: 20%;
        margin: 12px 0 0 40%;
    
    }

    .residential {
        background: url("../images/Residential-duct-sealing-m.png") no-repeat center 80px;
        padding: 280px 0 0 0;
    }
    .article .text .hot { width: auto;
}
    .how-work-p {
         float: left;
    width: auto;
    margin: 0 0;
        padding: 0 10%;
    }
    .how-work-p p {
        margin: 0;
        padding: 12px;
    }
    .how-work-p ul {
        padding: 0 0;
    }
 .how-work-p  iframe {
    width: 100%;height: 200px;
    margin: 5% 0;
    float: left;

}
   
    #faq {
    float: left;
    width: auto;
    margin: 0 5% 0 10%;
        padding: 0;
}
    .toggle-box {
  display: none;
}

div  img {
    width: 55%;
}
.article .text img {
    width: 80%;
    margin: 0 10%;
}


.toggle-box + label {
  cursor: pointer;
  display: block;
 
  line-height: 21px;
  margin-bottom: 5px;
	height: auto;
	margin: 0;	border-bottom: solid 1px #FFA68D;padding: 15px;
	border-radius: 5px;
    font-size: 16px;
}

.toggle-box + label + div {
  display: none;
  margin-bottom: 10px;
}

.toggle-box:checked + label + div {
  display: block;
	margin: 0 0;
	border: none;padding: 15px;
	border-radius: 5px;
}

.toggle-box + label:before {
  background-color: #FFA68D;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #FFFFFF;
  content: "+";
  display: block;
  float: left;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin-right: 5px;
  text-align: center;
  width: 20px;
	margin-left:  -40px;
}

.toggle-box:checked + label:before {
  content: "\2212";
}

    .contact {
     width: auto;
        height: auto;
        background: url("../images/How-Aeroseal-Works-s-dr-m.png") no-repeat right 40px;
    padding: 40% 0 0 0;
    background-size: contain;
 
    }
    .contact h4 {
       border-bottom: solid 2px #0B4F71;
        border-top: solid 2px #0B4F71;
        margin: 0 10%;
    }
    .contact a {
        color:  #FF7751;
        font-size: 18px;
    }
      .contact a:hover {
        color: #55AAD4;
     
    }
    .city {
        line-height: 1.8;
          -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
        list-style: none;
        font-size: 16px;
       padding: 1% 5%;
        margin: 0 5%;
    }
     .commercial {
        background: url("../images/commercial-duct-sealing.png") no-repeat 50px 60px;
          width: auto;
       padding: 60% 0 0 0;
        margin: 0;
        	
        background-size: 40%;
	background-repeat: no-repeat;
	background-position:    center 70px;
        height: auto;
    }
    .bulders{
        background-image: url("../images/commercial-duct-sealing-b.png");
          width: auto;
       padding: 65% 0 0 0;
        margin: 0;
        	
        background-size: 70%;
	background-repeat: no-repeat;
	background-position:    center 70px;
        height: auto;
    }
.bulders p a {
    color: #FF7751;
}
    .pic-holder {
       display: block;
	
        height: auto;
        margin: 100px 0 80px 0;
        padding: 0 5%;
    }
    .pic-holder > div {
      margin: 50px 30px;
        width: auto;
        box-sizing: border-box;
        height: auto;
        padding: 420px 12px 36px 12px;
        box-shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
        text-align: center;
        font-weight: 800;
        font-size: 16px;
    }
    .pic1 {
        background: url("../images/2019.png") no-repeat  top center;

    }
     .pic2 {
        background: url("../images/2018.png") no-repeat  top center;
    
    }  .pic3 {
        background: url("../images/2017.png") no-repeat  top center;
    
    }
.awards-holder {
       display: block;
	width: 100%;
        height: auto;
        margin: 0 0 80px 0;
        padding: 0 5%;
    }
     .awards-holder > div {
         float: left;
        width: 90%;
        box-sizing: border-box;
        height: 200px;
        padding: 350px 10%  30px  10%;
         color: #FF7751;
         font-weight: 800;
         margin: 20px 0;
         font-size: 16px;
         text-align: center
    }
    .award1 {
        background: url("../images/THE-ONLY-DEALER-IN-CANADA-2019.png") no-repeat top center;
    }
    .award2 {
        background: url("../images/THE-ONLY-DEALER-IN-CANADA2.png") no-repeat top center;
    }
    .award3 {
        background: url( "../images/THE-ONLY-DEALER-IN-CANADA.png") no-repeat top center;
        
    }
.list-aware {
       display: block;
        height: auto;
        margin:  0 auto 80px auto;
        
    }
    .list-aware > div {
        float: left;
         width: 80%;
        box-sizing: border-box;
        margin: 60px 10% 0 10%;
        padding: 36px 5%;
       
    }
    .list-aware img {
        float: left;
        width: 40%;
        height: auto;
        margin: 0 16px 12px 0;
    }
    .list-aware p {
        font-size: 14px;
        padding: 0 0;
    }
    .list1, .list2, .list3, .list4 {
       box-shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
        
    }
.blue {
    color: #55AAD4;
    text-transform: uppercase;
    font-size: 16px;
    margin: 24px 0;
    font-weight: 800;
 
}
    p {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    color: #0B4F71;
   font-size: calc(14px + 0.3vw);
              line-height: calc(1.4em + 0.3vw);
    letter-spacing: 1px;
}

.header {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
    .logo {
        float: left;
        margin: 0;
        padding: 40px 0 24px 0;
        text-align: center;
        width: 100%;
        height: auto;
     
    }
    .logo img {
  max-width: 280px;
        
    }
    
.homestar {

    width: auto;
    width: 60%;
    margin: 0 20% 12px 20%;
    height:100px;float: left;
}
    .h1 .homestar a {
        display: block;
        
}
    .h1 .homestar img {
        height: 150px;
    }

.tel {
    float: left;
    background-color: #55AAD4;
    width: 100%;
    padding: 12px 0;
    text-align: center;
    font-size: 24px;
}
    .tel a{
        color: #FFF;
    }
        .tel a:hover{
            color: #FF7751;}
.header .h1 h1 {
    width: 90%;
    float: left;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    padding: 0 5% 12px 5%;
    font-family: raleway-v20-deprecated, sans-serif;
font-weight: normal;
font-style: 600;
    color: #000;
}
    h1 {
        font-size: 16px;
    }
     .social {
        width: auto;
 float: left;
    }
    .fa {
    float: left;
    font-size: 30px!important;
    color: #0B4F71;
        position: fixed; bottom: 20px; left: 12px;
        padding: 18px 18px 18px 0;
    }


.fa.fa-youtube-square {bottom: 200px;  
}
    
    .fa.fa-facebook-square {bottom: 150px;    
}
    .fa.fa-google-plus-official {bottom: 100px;   
}
.fa.fa-instagram {bottom: 50px;  
}
    .fa.fa-phone-square {bottom: 0px; 
}
    .banner {
        float: left;
        background: url("../images/How-Aeroseal-Work-t.png") no-repeat top center; 
        background-size: contain;
        width: 100%;
        height: auto;
        padding: 36% 0 0 0;
       
    }
    h2{
        background-color: #7CC1E4;
        padding: 12px 10%;
         font-size: calc(14px + 0.3vw);
              line-height: calc(1.4em + 0.3vw);
        color: #fff;
        
    }
    .banner ul {
   font-size: calc(12px + 0.3vw);
              line-height: calc(1.4em + 0.3vw);
    list-style: none;
    padding: 0 10%;
        float: left;
        margin: 0;
  
}
    .banner ul li {
        float: left;
        padding-bottom: 12px;
        width: 100%;
    }
        .banner ul  li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
            color: #FF7751;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
    .article {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    h3 {
        color: #fff;
        background-color: #FF7751;
        padding: 12px 5%;
        text-transform: uppercase;
        float: left;
        width: 90%;
        margin: 0 0 24px 0;
        text-align: center;
        letter-spacing: 0.07em;
         font-size: calc(16px + 0.3vw);
              line-height: calc(1.4em + 0.3vw);
    }
    .youtub {
        float: left;
        width: 80%;
        margin: 0 10% 24px 10%;
    }
.youtub iframe {max-width: 100%;
    width:auto;
    margin: 0 0 0 12px;box-shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
}
.article p {padding: 6px 5% 0 10%;
}
    .orange {
        color: #FF7751;
    }
    .links {
        width: auto;
        float: left;
        margin: 24px 10%;
    }
    .add1, .add2, .add3 {
        box-shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
        padding:  24px 36px 12px 36px;
        margin-bottom: 24px;
    }
    .add1 {
        background: url("../images/hot-cold-room-m.png") no-repeat 94% 16px;
    }
      .add2 {
        background: url("../images/Lower-your-energy-bills-m.png") no-repeat 94% 16px;
    }
      .add3 {
        background: url("../images/services-m.png") no-repeat 94% 16px;
          background-size: 17%;
           padding:  24px 8px 12px 36px;
    }
    .links h4 {
        margin: 12px 0 36px 0;font-size: 16px;text-transform: uppercase;color: #FF7751;letter-spacing: 0.03em;
    }
    #number2 {list-style: none;line-height: 1.8;margin:-18px 0 0 0;padding: 0 0 0 16px;font-size: 14px}
    #number2 li:before { content: '✓'; display: inline-block;
            color: #FF7751;
  margin-left: -1.3em;
  width: 1.3em;}
     .add1 p, .add2 p, .add3 ul li  {
     font-size: calc(14px + 0.3vw);
              line-height: calc(1.4em + 0.3vw);
    }
.add3 ul li  {
  font-size: calc(14px + 0.3vw);
              line-height: calc(2em + 0.3vw);
    }
    .button-link a{color: #fff!important;font-size: 14px;}
.button-link{vertical-align: bottom;
z-index: 1;
    text-align:center;
width: auto;
    margin: 24px 0;
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-size:14px;font-family:arial, helvetica, sans-serif; 
    padding: 10px 18px; 
    text-decoration:none; 
    display:inline-block;
    color: #0B4F71;
 background-color: #55AAD4;
    text-transform: uppercase;
}

.button-link:hover{
 
 background-color: #0B4F71;
}
    .parthners {
        background: url("../images/logos-for-Aeroseal-tech.jpg") no-repeat center;
        background-size: contain;
        height: 120px;
        float: left;width: 80%;
        padding: 0 10%;
        margin: 60px 0 0 0;
    }
    footer {
        float: left;
        background-color: #55AAD4;
        width: 100%;
        margin: 0;
        padding: 0 0 80px 0;
    }
    .footer-left {
        display: none;
    }
    .footer-right {
        float: left;
        margin: 24px 10%;
        
    }
    .footer-right  a,  .footer-right p {
        line-height: 2.2;
        color: #fff;
    }
    .follow {
        display: none;
    }
}

  .logo img {
        margin: 0 0;
        width:auto;
        height:auto;
           text-align: right;
    }
@media (min-width: 768px) { 
    
     .map    {
       width: 80%;
        background: url("../images/Aeroseal-duct-sealing-area.png") no-repeat 0 0;
        background-size: 100% auto;
        height: 200px;
        margin: 60px  10%
    }
    #projects {
         width: 100%;
         margin: 0 0;
        display: block!important;
        text-align: center;
        font-size: 18px;
        border-top: solid 1px  #FFA68D;
    }
    #projects > div {
        height: 350px;
      margin: 0 0;
    }
    .article #projects h4 {
    background: #FF7751;
    padding: 12px 0;
    text-transform: uppercase;
    color: #fff;height: 24px;
        float: left;
        width: 100%!important;
        margin: 0 0 0 0;
}
#pr1 {
    width: 40%;
    float: left;
        	background-image: url(../images/project1.png);
 
	background-repeat: no-repeat;
	background-position:  center 80px;
       background-size:50%;
        display: inline-block;
    }
    #pr2 { display: inline-block;
         width: 40%;
    float: left;
        background-image: url(../images/project2.png);
   background-size:60%;
	background-repeat: no-repeat;
	background-position:  center 80px;
    }
      footer {
        float: left;
        background-color: #0B4F71;
        width: 100%;
        margin: 0;
        padding: 0 0 20px 0;
          height: auto;
    }
    footer img{ max-width: 100px;}
    button {
	border: none;
	background: #2aa9e0;
	color: #f2f2f2;
	padding: 10px;
	font-size: 16px;
	border-radius: 5px;
	position: relative;
	box-sizing: border-box;
	transition: all 10ms ease; 
	width:80%;
	height: auto;
	cursor: pointer;
	margin:0 10% 10px 10%;	font-weight: bold;
	z-index: 1000;
}
#homestars-link button:before {
	content:'';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 42px;
	background: rgba(255,255,255,0.3);
	border-radius: 5px;
	transition: all 2s ease;
} 
#homestars-link button:hover:before {
	width: 100%;
}
#homestars-link  img{ width: 20%;
}
.rew-1, .rew-2, .rew-3, .rew-4,  .rew-5, .rew-6, .rew-7, .rew-8, .rew-9, .rew-10, #rew-1-a , #rew-1-b , #rew-1-c , #rew-1-d  {
	float: left;width: 90%; height: auto;
	margin: 0 10%;
    border-bottom: solid 1px #ddd;
}
     .residential {
        background: url("../images/Residential-duct-sealing.png") no-repeat 90% 80px;
        padding: 0 44% 0 0;
           background-size: 30%;
         margin: 0 0;
         height: 450px;
         
    }
    
    .residential p {
        padding: 12px 10%;
        margin: 0;
    }
    .how-work-p {
         float: left;
    width: 90%;
    margin: 0 5%;
        padding: 0 0;
    }
    .how-work-p p {
        margin: 0;
        padding: 12px;
    }
     .how-work-p div img {
    width:80%;
         height:auto;
        margin-right: 5%;
         margin-top: 24px;
}
    .how-work-p ul {
        padding: 0 0;
    }
 .how-work-p  iframe {
    width: 350px;height: 200px;
    margin: 0 0 36px 36px;
    float: right;

}
   
    .article .text .hot { width: 55%;
}

    #faq {
        margin: 0 0 60px 0;
        padding: 0 10%;
        width: 80%;
    }
    .toggle-box {
  display: none;
}

.toggle-box + label {
  cursor: pointer;
  display: block;
 
  line-height: 21px;
  margin-bottom: 5px;
	height: auto;
	margin: 20px;	border-bottom: solid 1px #FFA68D;padding: 15px;
	border-radius: 5px;
    font-size: 18px;
}

.toggle-box + label + div {
  display: none;
  margin-bottom: 10px;
}

.toggle-box:checked + label + div {
  display: block;
	margin: 0 40px;
	border: solid 1px #FFA68D;padding: 15px;
	border-radius: 5px;
}

.toggle-box + label:before {
  background-color: #FFA68D;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #FFFFFF;
  content: "+";
  display: block;
  float: left;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin-right: 5px;
  text-align: center;
  width: 20px;
	margin-left:  -40px;
}

.toggle-box:checked + label:before {
  content: "\2212";
}
    .contact {
     width: auto;
        height: auto;
        background: url("../images/How-Aeroseal-Works-s-dr-t.png") no-repeat right 0;
    padding: 0 0 0 0;
        margin: 0;
 
    }

    .contact h4 {
       border-bottom: solid 2px #0B4F71;
        border-top: solid 2px #0B4F71;
        margin: 0 5% 20px 5%;
    }
    .contact a {
        color:  #FF7751;
        font-size: 18px;
    }
      .contact a:hover {
        color: #55AAD4;
      
    }
    .city {
        line-height: 1.8;
          -webkit-column-count: 4;
     -moz-column-count: 4;
          column-count: 4;
        list-style: none;
        font-size: 16px;
       padding: 0 5%;
        margin: 0 2%;
    }
    .commercial {  width: auto;
       padding: 20px 50% 0 0;
        margin: 0 2%;
    background: url("../images/commercial-duct-sealing.png") no-repeat;
	background-position:    94% 70px;
        height: 400px;}
     #projects {
         width: 80%;
         margin: 0 10%;
        display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
          justify-content: space-between;
        align-self: center;
        align-content: center;
        text-align: center;
        font-size: 18px;
        border-top: solid 1px  #FFA68D;
    }
    #projects > div {
        -webkit-flex: 1; /* Safari 6.1+ */
  -ms-flex: 1; /* IE 10 */ 
  flex: 1;
        height: 500px;
      margin: 0 30px;
    }
    #projects p {
            
        font-size: 18px;
    }
    #pr1 {
        	background-image: url(../images/project1.png);
    background-size: auto;
	background-repeat: no-repeat;
	background-position:  center 80px;
        
    }
    #pr2 {
        background-image: url(../images/project2.png);
   background-size: auto;
	background-repeat: no-repeat;
	background-position:  center 80px;
    }
.article #projects h4 {
    background: #FF7751;
    padding: 12px;
    text-transform: uppercase;
    color: #fff;height: 24px;
}

    .bulders{
          width: auto;
       padding: 20px 50% 0 0;
        margin: 0 2%;
        	background-image: url("../images/commercial-duct-sealing-b.png");
        background-size: auto;
	background-repeat: no-repeat;
	background-position:    94% 70px;
        height: 400px;
    }
        body {
        margin: 0;
        padding: 0;
    }
     h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;

}
    .wrapper {
        width: 100%;
        padding: 0 0;
    }
    .header {
        width: 100%;
        min-height: 240px;
        margin: 0;
        padding: 0;
    }
    .logo {
        margin: 0;
        padding: 24px 0 0 5%;
        text-align:left;
        width: 50%;
        height: 80px;
        float: left;
     
    }
    .logo img {
        margin: 0 0;
        width:auto;
        height:auto;
           text-align: right;
    }
    .social {
        width:auto!important;
 float: left;
          margin: 18px 0 0 75%!important;
    height: auto;
    position: absolute
    }
.homestar {
    width: 215px;
    margin: -130px 0 40px 50%;
    height: 140px;
    position: absolute
    
   
    
}
        .fa {
  float: none;
    font-size: 2.5vw;
    padding: 34px 0.3vw;
    color: #0B4F71;
      }


.fa.fa-google-plus-official, .fa.fa-phone-square, .fa.fa-google-plus-official, .fa.fa-facebook-square, .fa.fa-youtube-square, .fa.fa-instagram   {position: relative; top: 0; right: 0;  float: left;
}

.tel {
    background-color: #fff;
    width:auto;
    padding: 12px 0;
    text-align: right!important;
margin: -110px 2% 0 0;
    float: right;
     font-size: 28px;
    
font-family: mr-eaves-modern, sans-serif;

font-weight: 400;

font-style: normal;
}
 .fa.fa-phone-square {
         color: #55AAD4!important;
     padding: 1% 16px 0 0;
     margin: 0;
    }
    .tel a{
        color: #55AAD4;
        text-decoration: none;
    }
        .tel a:hover{
            color: #FF7751;}
.header .h1 {
    float: left;
 
    text-align: left!important;
    text-transform: uppercase;
    margin: 50px 0 2% 0;
    padding: 0 0;
    width: 70%;
    font-style: italic;
}
    h1 {
    text-align: left!important;
    
}
    .minimal-menu {
        float: left;
        margin: -40px 0 0 0;
        padding: 0 5%;
        width:90%;
    }
    .minimal-menu ul li a {
				
				padding: 12px 10px;
				font-size: 12px;
				line-height: 1.4;

     
			}
    .minimal-menu.clr-white > ul > li > a {
		color: #fff;
     
	}
    .social{
        float: right;
        margin: 0;
        width:auto!important;
        text-align: right!important;
    }
    
       .banner {
        float: left;
        background: url("../images/How-Aeroseal-Work.png") no-repeat top left; 
        background-size: cover;
        width: 100%;
        height: auto;
        padding: 0 0 0 0;
           margin: 0 0 0 0;
           border-top: solid #A7D8F0 1px;
       
    }
    h2{
        background-color: transparent;
        padding: 12px 5% 0 5%;
         font-size: calc(14px + 0.3vw);
              line-height: calc(1.4em + 0.3vw);
        color: #FF7751;
        
    }
    .banner ul {
   font-size: calc(14px + 0.3vw);
              line-height: calc(1.4em + 0.3vw);
    list-style: none;
    padding: 0 10%;
        float: left;
        margin: 0 0 5% -24px;
  
}
    .banner ul li {
        float: left;
        padding-bottom: 12px;
        width: 100%;
    }
        .banner ul  li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
            color: #FF7751;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
     h3 {
        color: #fff;
        background-color: #FF7751;
        padding: 12px 5%;
        text-transform: uppercase;
        float: left;
        width: 90%;
        margin: 0 0 24px 0;
         text-align: left;
    }
   .youtub {
        float: right;
        width:auto;
        margin: 0 5% 60px 5%;
    }
.youtub iframe {
   
    display: block;
}
.article p {padding: 6px 5%;
}
    .links {
        margin: 0 5%;
        padding: 0;
    }
 .add1, .add2 {
     float: left;
        box-shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
        padding: 36px;
     width: 80%;
     margin: 0 0 24px 0;
     height: auto;
    }
    .add3 {
     float: left;
        box-shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
        padding: 36px;
        width: 80%;
     margin: 0 0 24px 0;
     height: auto;
    }

}

@media (min-width: 901px){
     .map    {
       width: 90%;
        background: url("../images/Aeroseal-duct-sealing-area-l.png") no-repeat 0 0;
        background-size: cover;
        height: 400px;
        margin: 0 5%;
    }
  #projects {
         width: 100%;
         margin: 0 0;
        display: block;
        text-align: center;
        font-size: 18px;
        border-top: solid 1px  #FFA68D;
    }
    #projects > div {
        height: 450px;
      margin: 0 0;
    }
    .article #projects h4 {
    background: #FF7751;
    padding: 12px 0;
    text-transform: uppercase;
    color: #fff;height: 24px;
        float: left;
        width: 100%!important;
        margin: 0 0 0 0;
}
#pr1 {
    width: 50%;
    float: left;
        	background-image: url(../images/project1.png);
 
	background-repeat: no-repeat;
	background-position:  center 80px;
       background-size:50%;
        display: inline-block;
    }
    #pr2 { display: inline-block;
         width: 50%;
    float: left;
        background-image: url(../images/project2.png);
   background-size:70%;
	background-repeat: no-repeat;
	background-position:  center 80px;
    }
#quote2 {
		border:none ;
float:left;        width: 90%;    
	height: auto;
	padding: 5px 0;
	margin:   0 5% 80px 5%;
	background-color:white;
	}
#quote2 form #left {

float: left;
width: 45%;
	height:auto;
	padding: 5px;
margin: 40px 0 0 40px;}
#quote2 form #right {
    margin-top: 40px;
float: left;
width: 45%;
	height: auto;
	padding: 0;
}

 #city #div1 ul,  #city #div2 ul {
	 list-style: none;}

#quote2 form #left ul, #quote2 form #right ul {
	margin: 0;
	 list-style: none;
	 font-size: 16px;
	 color: #1670ab;}

#quote2 form #left ul li, #quote2 form #right ul  li, ul .form1 .description, ul .form1 label {

width: 90%;
	margin-bottom: 15px;
	display:block;}

ul .form1 #submit {
  background: #3498db;
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size:18px;
    padding: 8px 24px;
  text-decoration: none;
	height: 40px;
	margin: 0;
    width: auto;
}
ul .form1 #submit:hover {
  background: #3cb0fd;
    background-repeat: repeat-x;
  text-decoration: none;

}


	 
	 ul .form1 {
		padding: 8px;
}

.form1 span label {
width: auto;}




form li span
{
	
	float:left;
	margin:0 4px 0 0;
	padding: 8px ;
	color: #1670ab;
}

 #forma-holder h5 {
	width:auto;
	text-align:left;
	color: white;
	font-family: lato,  Helvetica, Arial, sans-serif;
	margin: 0;
	font-weight: 400;
	font-size: 18px;
	font-style: normal;
	background-color: #AD1619;
	padding: 0;
}ul .form1 input {
    width: 100%;
    border-radius: 5px;
    height:24px;
	padding: 8px;
	font-size: 16px
}
ul .form1 #message { width: 80%;
    border-radius: 5px;
    height: 76px;
      width: 100%;
}
#quote2 p { float: left;
    color: #0096b8;
    width: 95%;
        font-family: "mr-eaves-modern",sans-serif;
    font-size: 24px;
    margin: 0;
    padding: 0 2%;
}
/*    Quote finish*/
    .how-work-p {
         float: left;
    width: 90%;
    margin: 0 5%;
        padding: 0 0;
    }
    .how-work-p p {
        margin: 0;
        padding: 12px;
    }
    .how-work-p div img {
    width: 80%;
         height:auto;
        margin-right: 5%;
         margin-top: 24px;
}
    .how-work-p ul {
        padding: 0 0;
    }
 .how-work-p  iframe {
    width: 350px;height: 200px;
    margin: 0 0 36px 36px;
    float: right;

}
    .how-work-p div img {
    width: 40%;
        margin-right: 5%;
}
   
     .text a{ 
         color:  #0B4F71;}
    .article .text img {
    display: block;
    width: 40%;
    height: auto;
    margin: 10px 0 50px 50px;
        float: right;
}
    .numbers {
        padding: 0;
        font-size: 18px;
    }
     .contact {
     width: auto;
        height: auto;
        background: url("../images/How-Aeroseal-Works-s-dr-t.png") no-repeat right 0;
    padding: 0 0 0 0;

        margin: 0;
 
    }
    .contact h4 {
      border-bottom: solid 2px #0B4F71;
        border-top: solid 2px #0B4F71;
        margin: 0 5% 20px 5%;
    }
    .contact a {
        color:  #FF7751;
        font-size: 18px;
    }
      .contact a:hover {
        color: #55AAD4;
        
    }
    .city {
        line-height: 1.8;
          -webkit-column-count: 4;
     -moz-column-count: 4;
          column-count: 4;
        list-style: none;
        font-size: 16px;
       padding: 0 5%;
        margin: 0 2%;
    }
    .bulders, .commercial { 
    margin: 0 5%;
    background-position: right 80px;
    height: 360px;
        padding-right: 35%;
    }
    
    .bulders{
          width: auto;
       padding: 20px 45% 0 0;
        margin: 0 2%;
        	background-image: url("../images/commercial-duct-sealing-b.png");
        background-size: auto;
	background-repeat: no-repeat;
	background-position:    94% 70px;
        height: 400px;
    }
    body {
        margin: 0;
        padding: 0;
    }
    .awards {
        width: 90%;
        padding: 0;
        margin: 0 5%;
        
    }
    .pic-holder {
       display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
     -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
        height: auto;
        margin: 0 0 0 0;
        padding: 0 0 50px 5%;
    }
    .pic-holder > div {
        width: 30%;
        box-sizing: border-box;
        height: auto;
        padding: 420px 12px 36px 12px;
        box-shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
        text-align: center;
        font-weight: 800;
        font-size: 18px;
        margin: 0;
    }
    .pic1 {
        background: url("../images/2019.png") no-repeat  top center;

    }
     .pic2 {
        background: url("../images/2018.png") no-repeat  top center;
    
    }  .pic3 {
        background: url("../images/2017.png") no-repeat  top center;
    
    }
    .awards-holder {
        width: 95%;
       display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
         -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
        height: auto;
        margin: 0 0 100px 0;
    }
     .awards-holder > div {
        width: 30%;
        box-sizing: border-box;
        height: 400px;
        padding: 360px 5% 0  5%;
         color: #FF7751;
         font-weight: 800;
         font-size: 16px;
         text-align: center
    }
    .award1 {
        background: url("../images/THE-ONLY-DEALER-IN-CANADA-2019.png") no-repeat top center;
    }
    .award2 {
        background: url("../images/THE-ONLY-DEALER-IN-CANADA2.png") no-repeat top center;
    }
    .award3 {
        background: url( "../images/THE-ONLY-DEALER-IN-CANADA.png") no-repeat top center;
        
    }
    .list-aware {
       display: block;
        height: auto;
        margin: 0 auto;
        
    }
    .list-aware > div {
        float: left;
         width: 100%;
        box-sizing: border-box;
        margin: 60px 5% 0 0;
        padding: 36px;
       
    }
    .list-aware img {
        float: left;
        margin: 24px 30px 12px 0;
        width: 25%;
    }
    .list-aware p {
        font-size: 16px;
    }
    .list1, .list2, .list3, .list4 {
       box-shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
        
    }
    .homestar {
    width: 215px;
    margin: -130px 0 0 60%;
    height: auto;
    position: absolute
    
   
    
}
     .social{
        float: right;
        margin: 16px 0 0 84%!important;
        width:auto!important;
        text-align: right!important;
    }
    .add1, .add2, .add3 {
        float: left;
        width: 39%;
    }
    
     .minimal-menu ul li a {
				
				padding: 16px 12px;
				font-size: 1.32vw;
				line-height: 1.4;

     
			}
    .minimal-menu.clr-white > ul > li > a {
		color: #fff;
     
	}
    .footer-left {
        display: block;
         float: left;
        margin: 24px 20% 0 0;
    }
    .footer-left ul {
        list-style: none;
        line-height: 3;
        text-transform: uppercase;
    }
    .follow {
        width: 100%;
       padding: 40px 0;
        float: left;
        display: block;
        text-align: left;
             display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
     -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
    }
.footer-right p {
        float: left;
        clear: both;
  
    }
.follow .fa.fa-google-plus-official, .follow .fa.fa-facebook-square, .follow .fa.fa-youtube-square, .follow .fa.fa-instagram   {color: #CCE5F1;
     width: 30%;
        box-sizing: border-box; align-items: baseline;top:-40px;left: 10px;
}
.follow a .fa.fa-facebook-square {color: #CCE5F1;
}
.follow a .fa.fa-youtube-square {color: #CCE5F1;
}
.follow a .fa.fa-instagram {color: #CCE5F1;
}
.footer-left ul  li a{
    color: #fff!important;
    
}
    .footer-left ul  li a:hover {
    color: #ddd!important;
    
}
    h1 {
        font-size:18px;
    }
 .links {
      display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    margin: 40px 0 0 0;

    justify-content: center;
    flex-direction: row;
        line-height: 1.8;
width: 90%;
    height: auto;
    padding: 0 5%;
    }
 .add1, .add2, .add3 {
     float: left;
        box-shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
        padding: 36px 36px 100px 36px;
line-height: 2;
     margin: 0 2% 24px 0;
     height: auto;
     -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  width: 20%;               /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
      height: auto;
    margin: 36px 1%;
    align-content: center;
     background-size: 20%;position:relative; 
    }
    .add1 p, .add2 p, .add3 ul li  {
      font-size: calc(14px + 0.3vw);
              line-height: calc(1.3em + 0.3vw);
    }
.add3 ul li  {
    font-size: calc(14px + 0.3vw);
              line-height: calc(1.8em + 0.3vw);
    }
      .button-link{
           position:absolute;                  
                bottom:40px;                          
                left:0; 
          right: 0;
    z-index: 1;
    margin: 0 10%;}
    .links h4 {
        font-size: 15px;
    }
    .footer-left {
    margin: 24px 5%;
    width: 35%;}
    .parthners {
        margin: 50px 0;
    }
  
    
}

@media (min-width: 1200px){

    #projects {   width: 90%;
         margin: 0 5%;
        display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
          justify-content: space-between;
        align-self: center;
        align-content: center;
        text-align: center;
        font-size: 18px;
        border-top: solid 1px  #FFA68D;
    }
    #projects > div {
        -webkit-flex: 1; /* Safari 6.1+ */
  -ms-flex: 1; /* IE 10 */ 
  flex: 1;
        height: 500px;
      margin: 0 20px;
        width: 33%;
    }

    #pr1 {
        	background-image: url(../images/project1.png);
	background-repeat: no-repeat;
	background-position: center 90px;
        background-size: auto;
        
    }
    #pr2 {
        background-image: url(../images/project2.png);
	background-repeat: no-repeat;
	background-position: center 90px;
                background-size: 90%;
    }
.article #projects h4 {
    background: #FF7751;
    padding: 12px 0;
    text-transform: uppercase;
    color: #fff;height: auto;
    width: 20%!important;
}
    #projects p {
            
        font-size: 16px;
    }

    .article p {padding: 6px 10%;
}
    .residential {
        background: url("../images/Residential-duct-sealing.png") no-repeat right 180px;
        padding: 0 34% 0 0;
           background-size: auto;
         margin: 0 0;
        height: 600px;
    }
    
    .residential p {
        padding: 12px 12%;
        margin: 0;
    }
    .how-work-p {
         float: left;
    width: auto;
    margin: 0 0;
        padding: 0 10%;
    }
    .how-work-p p {
        margin: 0;
        padding: 12px 24px;
    }
    .how-work-p ul {
        padding: 0 0;
    }
    .how-work-p div img {
    width: auto;
         height:auto;
        margin-right: 5%;
         margin-top: 24px;
}
 .how-work-p  iframe {
    width: 450px;height: 250px;
    margin: 0 0 36px 36px;
    float: right;

}
   
     .contact {     
        background: url("../images/How-Aeroseal-Works-s-dr-t.png") no-repeat right 10%;
         background-size: auto;
    padding: 0 0;
         height: auto;
 
    }
 .map    {
       width: 91%;
        background: url("../images/Aeroseal-duct-sealing-area-l.png") no-repeat 0 0;
        background-size: cover;
        height: 660px;
        margin: 0 10%;
     border-top: solid 2px #0B4F71;
    }
    .contact h4 {
       border-bottom: solid 4px #0B4F71;
        border-top: solid 4px #0B4F71;
        margin: 0 0 30px 10%;
        width: 90%;
        padding: 6px;
    }
 .city {
        line-height: 1.8;
          -webkit-column-count: 6;
     -moz-column-count: 6;
          column-count: 6;
        list-style: none;
        font-size: 16px;
       padding: 0 6%;
        margin: 0 5%;

    }
      .bulders, .commercial{ 
    margin: 0 5%;
    background-position: 97% 120px;
    height: 500px;
    padding: 0 36% 0 0;}
.awards {
        width: auto;
        padding: 0 5%;
        margin: 0 0;
        
    }
    .pic-holder {
       display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
     -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
        height: auto;
        margin: 0 5%;
        padding: 0 0 50px 0;
        
        width: 100%;
    }
    
    .awards-holder {
        width: 100%;
       
    }
     .awards-holder > div {
        width: auto;
        box-sizing: border-box;
        height: 400px;
        padding: 360px 5% 0  5%;
         color: #FF7751;
         font-weight: 800;
         font-size: 16px;
         text-align: center;
         margin: 0 5% 0 5%;
    }
    .award1 {
        background: url("../images/THE-ONLY-DEALER-IN-CANADA-2019.png") no-repeat top center;
    }
    .award2 {
        background: url("../images/THE-ONLY-DEALER-IN-CANADA2.png") no-repeat top center;
    }
    .award3 {
        background: url( "../images/THE-ONLY-DEALER-IN-CANADA.png") no-repeat top center;
        
    }
    .list-aware {
       display: block;
        height: auto;
        margin: 0 0;
        width: 100%;
        padding: 0 5%;
        
    }
    .list-aware > div {
        float: left;
         width: 48%;
        box-sizing: border-box;
        margin: 0 2% 2% 0;
        padding: 36px;
       
    }
    .list-aware img {
        float: left;
        margin: 24px 30px 12px 0;

    }
    .list-aware p {
        font-size: 16px;
    }
    .list1, .list2, .list3, .list4 {
       box-shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
        
    }
    .header {
        width: auto;
        padding: 0 36px;
    }

      .minimal-menu ul li a {
				
				padding: 16px 16px;
				font-size: 16px;
				line-height: 1.3;     
			}
 
   .social {
        width:auto!important;
 float: left;
          margin: 18px 0 0 80%!important;
    height: auto;
    position: absolute
    }
.homestar {
    width: 215px;
    margin: -130px 0 0 65%;
    height: auto;
    position: absolute;
    
   
    
}
    .homestar img {
        height: 100px;
    }
        .fa {
  float: none;
    font-size: 36px!important;
    padding: 34px 0.3vw;
    color: #0B4F71;
      }


.fa.fa-google-plus-official, .fa.fa-phone-square, .fa.fa-google-plus-official, .fa.fa-facebook-square, .fa.fa-youtube-square, .fa.fa-instagram   {position: relative; top: 0; right: 0;  float: left;
}

.tel {
    background-color: #fff;
    width:auto;
    padding: 12px 0;
    text-align: right!important;
margin: -120px 8% 0 0;
    float: right;
     font-size: 38px;
    
font-family: mr-eaves-modern, sans-serif;

font-weight: 400;

font-style: normal;
}
 .fa.fa-phone-square {
         color: #55AAD4!important;
     padding: 1% 18px 0 0;
     margin: 0;
    }
    .tel a{
        color: #55AAD4;
        text-decoration: none;
    }
        .tel a:hover {
            color: #FF7751;}
     .links {
           display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    margin: 40px 0 0 0;

    justify-content: center;
    flex-direction: row;
        line-height: 1.8;
width: 90%;
    height: auto;
    padding: 0 5%;
         
    }
 .add1, .add2, .add3 {
     float: left;
        box-shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
        padding: 36px 24px 100px 20px;
line-height: 2;
     height: auto;
     -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  width: 20%;               /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
      height: auto;
    margin: 26px 1%;
    align-content: center;
     background-size: 20%;position:relative; 
     
    }
    .add1 p, .add2 p, .add3 ul li  {
      font-size: calc(14px + 0.3vw);
              line-height: calc(1.8em + 0.3vw);
        padding: 5%;
    }
.add3 ul li  {
    font-size: calc(14px + 0.3vw);
              line-height: calc(1em + 0.3vw);
    }
      .button-link{
           position:absolute;                  
                bottom:60px;                          
                left:0; 
          right: 0;
    z-index: 1;
    width: 200px;
    margin: 0 auto;}
    .links h4 {
        font-size: 20px;
        margin: 5%;
    }
      .article {
          float: left;
        width: 90%;
        margin: 0 0;
          padding: 0 0;
    }
     h3 {
        color:  #FF7751;
        background-color: transparent;
        padding: 12px 5% 12px 2%;
        text-transform: uppercase;
        float: left;
        width: 95%;
        margin: 24px 0 48px 5%;
         font-size: 28px;
         border-bottom: solid  #FF7751 2px;
    }
      .youtub {
        float: right;
        width: 30%;
        margin: 0 0 200px 5%;
    }
.youtub iframe {max-width: 100%;
    width:400px;
    height: 220px;
    margin: 0 0 0 12px;box-shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
}
    h2{
        background-color: transparent;
        padding: 12px 5% 0 6%;
         font-size: calc(24px + 0.3vw);
              line-height: calc(1.4em + 0.3vw);
        color: #FF7751;
        
    }
    .banner ul {
   font-size: calc(18px + 0.3vw);
              line-height: calc(1.4em + 0.3vw);
    list-style: none;
    padding: 0 12%;
        float: left;
        margin: 0 0 2% -24px;
  
}
    .banner ul li {
        float: left;
        padding-bottom: 16px;
        width: 100%;
        font-size: 105%;
    }
        .banner ul  li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
            color: #FF7751;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
    #number2 {list-style: none;line-height: 1.8;margin:-18px 0 0 12px;padding: 16px;}
    
}
/* Large desktop */

@media (min-width: 1200px) { ... }

/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) { ... }

/* Landscape phone to portrait tablet */

@media (max-width: 767px) { ... }

/* Landscape phones and down */

@media (max-width: 480px) { ... }
@media screen and (min-width: 1900px) and (min-width: 2900px) {
   
    .header {
        max-width: 1800px;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }
    .logo {
        width: 30%;
        margin: 0;
    }
    .homestar {
       width: 215px;
    margin: -130px 0 0 28%;
    height: auto;
    position: absolute;
        
    }
     .social {
        width:auto!important;
 float: left;
          margin: 18px 0 0 40%!important;
    height: auto;
    position: absolute
    }
    
.tel {
    background-color: #fff;
    max-width: 1800px;
        margin: 0 auto;
    padding: 12px 0;
    text-align: right!important;
margin: -110px auto 0 70%;
    float: left;
     font-size: 38px;
    
font-family: mr-eaves-modern, sans-serif;

font-weight: 400;

font-style: normal;
}
    .minimal-menu {
        float: left;
        margin: -40px 0 0 0;
        padding: 0 28%;
        width: 44%;
    }
    
    .minimal-menu ul li a {
				
				padding: 10px 20px;
				font-size: 20px;
				line-height: 1.4;

     
			}
    .minimal-menu.clr-white > ul > li > a {
		color: #fff;
     
	}
    
     .banner {
        float: left;
        background: url("../images/How-Aeroseal-Work.png") no-repeat top center; 
        background-size: cover!important;
        width:56%;
    
        height: auto;
        padding: 0 22%;
       
    }
    .article {
        width:64%;
    
        height: auto;
        margin: 0 0 0 22%;
    }
   
    .add1, .add2, .add3 {
     float: left;
        box-shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
        padding: 36px 36px 100px 36px;
line-height: 2;
     height: auto;
     -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  width: 20%;               /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
      height: auto;
    margin: 36px 1%;
    align-content: center;
     background-size: 20%;position:relative; 
     
    }
    .add1 p, .add2 p, .add3 ul li  {
      font-size: calc(14px + 0.3vw);
              line-height: calc(1.8em + 0.3vw);
        padding: 5%;
    }
.add3 ul li  {
    font-size: calc(14px + 0.3vw);
              line-height: calc(1em + 0.3vw);
    }
      .button-link{
           position:absolute;                  
                bottom:60px;                          
                left:0; 
          right: 0;
    z-index: 1;
    width: 200px;
    margin: 0 auto;}
  .links {
           display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    margin: 40px 20% 0 20%;

    justify-content: center;
    flex-direction: row;
        line-height: 1.8;
width: auto;
    height: auto;
    padding: 0 5%;
         
    }
 .add1, .add2, .add3 {
     float: left;
        box-shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
        padding: 36px 36px 100px 36px;
line-height: 2;
     height: auto;
     -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  width: 20%;               /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
      height: auto;
    margin: 36px 1%;
    align-content: center;
     background-size: 20%;position:relative; 
     
    }
    .add1 p, .add2 p, .add3 ul li  {
      font-size: calc(14px + 0.3vw);
              line-height: calc(1.8em + 0.3vw);
        padding: 5%;
    }
.add3 ul li  {
    font-size: calc(14px + 0.3vw);
              line-height: calc(1em + 0.3vw);
    }
      .button-link{
           position:absolute;                  
                bottom:60px;                          
                left:0; 
          right: 0;
    z-index: 1;
    width: 200px;
    margin: 0 auto;}

    footer {
        padding: 36px 30%;
        width: 40%;
    }
    .numbers {width: 100%;
    float: left;}
    h4 {width: 100%;
    float: left;
        
    }
   
}