/* CSS Document */

* {
  box-sizing: border-box;
}

img, ul, li
{
background-position:center;
background-image: center;

}


a {
text-decoration:none;
}

.home_bg{
background-color:#fff;
top:0px;
padding:0px;
width:100% !important;
height:auto;
}

.header
{ 
  float:left;
  position:relative;
  width:100% !important;
  height:auto;
  margin:0px;
  display: block;
  padding:0px 7px 7px 0px;
  border-top:#1f9ea4 solid 3px;
  border-bottom:#ffffff solid 3px;
  background:url(images/untitled.png) no-repeat left bottom #e8e8e8;
  font-size:15px;


}

.bottom
{
display:block;
position:relative;
float:left;
width:60%;
padding:30px 0px 20px 0px;
text-align:right;
background-color:#ffffff;}


@media screen and (max-width: 740px) {
.bottom
{
display:block;
position:relative;
float:left;
width:60%;
padding:60px 0px 20px 0px;
text-align:right;
background-color:#ffffff;}

}
.cr
{
text-align:center;
font-size:12px;
color:#CCCCCC;
width:60%;
display:block;
position:relative;
float:left;
white-space:nowrap;

}

@media screen and (max-width: 740px) {
.cr
{
text-align:center;
font-size:12px;
color:#CCCCCC;
width:60%;
display:block;
position:relative;
float:left;
white-space:nowrap;

}}

.counter
{
display:block;
position:relative;
float:right;
width:20px;

display:block;
padding:0px;
height: auto;
font-size:30px;
line-height:40px;
color:#FFFFFF;
}

@media screen and (max-width: 740px) {
.header
{ 
  float:left;
  position:relative;
  width:100% !important;
  margin:0px;
  display: inline;
  padding:0px;
  border-bottom:#ffffff solid 2px;
  font-size:15px;
    background-color:#FFFFFF;
	background-image:none;


}}

.logo_text{
width:61%;
height:auto;
  padding:25px 40px 3px 30px;
  margin-top:0px;
  color: #666666;
  text-align:justify;
  display:block;
  float:right;
  position:relative;
}
@media screen and (max-width: 740px) {
.logo_text{
width:100% !important;
height:auto;
  padding:300px 20px 20px 20px;
  margin-top:-88px !important;
  color: #666666;
  text-align:justify;
  display:block;
  float:left;
  position:relative;
  background-color:#FFFFFF;
    background-image:url(images/drywall_m.jpg);
  background-position: center top ;
  background-repeat:no-repeat;
background-size: cover !important;
background-size: contain !important;
 

}}

.logo_text2{
width:61%;
height:auto;
  padding:25px 40px 3px 30px;
  margin-top:0px;
  color: #666666;
  text-align:justify;
  display:block;
  float:right;
  position:relative;
}
@media screen and (max-width: 740px) {
.logo_text2{
width:100% !important;
height:auto;
  padding:300px 20px 20px 20px;
  margin-top:-88px !important;
  color: #666666;
  text-align:justify;
  display:block;
  float:left;
  position:relative;
  background-color:#FFFFFF;
    background-image:url(images/drywall2_m.jpg);
  background-position: center top ;
  background-repeat:no-repeat;
background-size: cover !important;
background-size: contain !important;
 

}}


.logo_text_gallery{
width:61%;
height:auto;
  padding:25px 40px 3px 30px;
  margin-top:0px;
  color: #666666;
  text-align:justify;
  display:block;
  float:right;
  position:relative;
}
@media screen and (max-width: 740px) {
.logo_text_gallery{
  display: none;
}}


.logo_wrap
{
width: 38%;
height:auto;
float:left;
position: relative;
display:block;
margin:0px;
padding:0px;
left:0px;
top:0px;
font-size:44px !important;

}

@media screen and (max-width: 740px) {
.logo_wrap
{
width: 100% !important;
height:auto;
float:left;
position: relative;
display:block;
margin:0px;
padding:0px;
left:0px;
top:0px;
font-size:44px !important;
z-index:100 !important;

}
}

.logo
{
width: 100% !important;
height:auto;
background:url(images/Label.png) no-repeat  ;
background-size: cover !important;
background-size: contain !important;
background-size:98% !important;
background-position:left top ;
background-repeat:no-repeat;
margin:0px;
padding:10px 100px 72px 30px;
display:block;
position: absolute;
left:0px;
top:0px;
font-size:3.2vw !important;
font-weight: bold;
color: #FF9900;
text-transform:uppercase;
white-space:nowrap;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 740px) {
.logo
{
width: 100%;
height:auto;
background:url(images/Label.png) ;
background-size:98% !important;
background-position:left top ;
background-repeat:no-repeat;
margin:0px;
padding:20px 20px 40px 20px;
display:block;
position: relative;
float:left;
left:0px;
top:0px;
font-weight: bold;
font-size:8vw !important;
color: #FF9900;
text-transform:uppercase;
white-space:nowrap;

}
}

.logo font
{
color:#ffffff;
}

.phone
{
width: 61%;
height:auto;
float:right;
position: relative;
display:block;
margin:0px;
font-size:30px;
font-weight: bold;
color: #999999 ;
text-transform:uppercase;
text-align:justify;
  padding:3px 0px 10px 30px;
}

@media screen and (max-width: 740px) {
.phone
{
width: 100%;
height:auto;
float:left;
position: relative;
display:block;
margin:0px;
font-size:30px;
font-weight: bold;
color: #999999 ;
text-transform:uppercase;
text-align: center;
  padding:3px 3px 0px 3px;
}}


.phone a{
color:#999999;
cursor:default;}

.phone font
{
font-size:20px;
font-weight:normal;
}

@media screen and (max-width: 740px) {

.phone font
{
width: 100%;

font-size:20px;
font-weight:normal;
float:left;
position: relative;
display:block;
text-align: center;


}
}

.email
{

display:none;

}

@media screen and (max-width: 740px) {
.email a, .email
{
background:#FFFFFF;
width: 100%;
height:auto;
float:left;
position: relative;
display: block !important;
margin:0px;
font-size:20px;
font-weight: bold;
color: #999999 !important ;
text-transform: lowercase;
text-align: center;
  padding:0px 3px 17px 3px;
}}

@media screen and (max-width: 740px) {

.email a:hover
{color:#999999;
cursor:default;}
}
.menu {
  float: right;
  position:relative;
  margin:34px 0px 0px 30px;
  width:360px  !important;
  display:block;
  z-index:2000;
  
}
.menuitem a{
  padding:10px 20px 10px 20px;
  margin:2px;
  float:left;
  position:relative;
  text-transform: uppercase;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  letter-spacing:1px;
text-decoration:none;
  color:#666666;	
    background-color:#fff;
	border-top:2px #e7e7e7 solid;
	border-bottom:5px #e7e7e7 solid;

}


.menuitem a:hover{
text-decoration:none;
  color: #fff;
  background-color:#007982;
}






.main h2{
margin-right:40px;
margin-top:240px;
float:right;
position:relative;
display:block;
font-size:70px;
font-weight: bold;
color:#FFFFFF ;
opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
	text-align:right;

  text-transform: uppercase;
}

.main_wrap
 {
  float:left;
  background-color: transparent;
  position:relative;
  width: 100%;
  padding:0px;
  border:0px;
  height:auto;
  margin-top:0px;
}


@media screen and (max-width: 740px) {
.main {
  float:left;
  position:relative;
  background-color: transparent;
  min-width:100% !important;
  padding:0px;
  border:0px;
  height:100%;
  margin-top:0px;

}
}
.main {
  float:left;
  position:relative;
  background-color: transparent;
  max-width:23% !important;
  padding:0px;
  border:0px;
  height:100%;
  margin-top:0px;

}

<!--ddstarts-->
.dropbtn {

}

.dropdown {
    position: relative;
    display: inline-block;
	    width: 100%;

}

.dropdown-content {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 1;
		background-color:#FFFFFF;

}

.dropdown-content span {
    position: relative;
float:left;
display:block;
height:auto;
width:99%;
color:#fff;
border-left: #cccccc solid 30px;
 background-color: #999999;
text-align:left;
padding:10px;
margin:2px 7px 2px 0px;
font-size:18px;
text-transform:uppercase;


}

.dropdown-content span:hover {background-color: #007982;}

.dropdown:hover .dropdown-content {
    display: block;
}


.big_menu {}

<!--ddends-->

.main_gallery
{
  float:left;
  position:relative;
  background-color: #ffffff;
  width:100% !important;
  padding:0px;
  border-bottom:3px solid #FFFFFF;
  height:100%;
  margin-top:0px;

}

.mk_gallery_wrap
{
  float:left;
  position:relative;
  background-color: transparent;
  width:100% !important;
  padding:0px;
  border-bottom:3px solid #FFFFFF;
  height:100%;
  margin-top:10px;

}

.mk_gif {
width:77%; 
height:auto;
  float:right;
  padding:0px;
  margin:0px 0px 40px 0px;
  background-color: transparent;
}

@media screen and (max-width: 740px) {
.mk_gif {
width: 99% !important;
height:auto;
  float:left;
  padding:0px;
  margin-top:0px;
  background-color: transparent;
}
}

.mk_gif img{
width:100%;
height:auto;
  float:left !important;
  left:0px !important;
  padding:0px;
  margin-top:0px;
  border-bottom:3px solid #FFFFFF;
    border-top:2px solid #FFFFFF;


}

.mk_contact {
width:75%; 
height:auto;
  float:right;
  padding:60px 100px;
  margin:0px;
  background-color: #ffffff;
}
@media screen and (max-width: 740px) {
.mk_contact {
display:none;}}

header h2, h2
{
display:none; !important
}






.big_menu_orange
{
position: relative;
float:left;
display:block;
height:auto;
width: 100%;
}

.big_menu_orange_gallery
{
position: relative;
float:left;
display:block;
height:auto;
width: 15%;
}

@media screen and (max-width: 740px) {

.big_menu_orange_gallery
{
  float:left;
  position:relative;
  background-color: #ffffff;
  width:100% !important;
  padding:0px;
  border-bottom:3px solid #FFFFFF;
  height:100%;
  margin-top:0px;

}}


@media screen and (max-width: 740px) {

.big_menu_orange_gallery a
{
position: relative;
float:left;
display:block;
height:auto;
width:99%;
color:#fff;
border-left: #cccccc solid 30px;
 background-color: #FF9933;
text-align:left;
padding:10px;
margin:2px 7px 2px 0px;
font-size:18px;
text-transform:uppercase;


}}


.big_menu_orange_gallery a
{
position: relative;
float:left;
display:block;
height:auto;
width:100%;
color:#fff;
border-right: #ffffff solid 1px;
 background-color: #FF9933;
text-align: center;
padding:10px;
margin:0px;
font-size:18px;
text-transform:uppercase;

}

.big_menu_orange_gallery a:hover
{
width:100%;
color:#fff;
 background-color: #007982;

}



.big_menu_orange a
{
position: relative;
float:left;
display:block;
height:auto;
width:99%;
color:#fff;
border-left: #cccccc solid 30px;
 background-color: #FF9933;
text-align:left;
padding:10px;
margin:2px 7px 2px 0px;
font-size:18px;
text-transform:uppercase;

}

.big_menu_orange a:hover
{opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	width:100%;
	background-color:#007982;


}




<!--.big_menu
{
position: relative;
float:left;
display:block;
height:auto;
width: 100%;
}


.big_menu a, .big_menu span, span.big_menu
{
position: relative;
float:left;
display:block;
height:auto;
width:99%;
color:#fff;
border-left: #cccccc solid 30px;
 background-color: #999999;
text-align:left;
padding:10px;
margin:2px 7px 2px 0px;
font-size:18px;
text-transform:uppercase;
opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */

}

.big_menu a:hover
{opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	width:100%;
	background-color:#007982;


}


-->	

#inst{
width: inherit !important;
height: inherit;
display:block !important;
position:relative;
top:50%;
left:30%;
margin-top:10px !important;
margin-bottom: 10px !important;
}

.wsib{
width:100%;
height:87px;
display:block;
float:left;
background:url(images/WSIB.png) no-repeat center;
}