.wordstyle{
font-size: 110%;
text-align: left;
line-height: 150%;
font-family: calibril;
font-weight: 200;
}


.wordstyleh{
text-align: left;
line-height: 150%;
font-family: calibril;
font-weight: 300;
}


.aboutfloat{
	
width: 35%;
float: left; 
margin-top: 22px;
margin-bottom: 5px; 
margin-right: 10px;	
	
}

.aboutfloat img{
width: 100%; 
height: auto;

}


#productback{
width: 100%;
margin-top: 0%;
float:left;
background-image: url(productback2.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
padding-top: 60px;
padding-bottom: 60px;
text-align: center;
}

.producttext{
font-family: calibril;
font-weight: 200;
font-size: 280%;
display: inline-block;
padding-top: 15px;
padding-bottom: 15px;
width: 100%;
background: rgba(255,255,255,0.4);
text-align: center;
line-height: 15px;
color: darkslategray;
}

.producttext h3{
font-weight: 300;	
font-size: 130%;
	
}

.lefta{
float: left;
margin-top: -2%;
margin-right: 2%;
}


#contentholdnew{
width: 100%;
display: inline-block;	
vertical-align: top;
text-align: center;
	
}

#contentholdnew img{
	
width: 50%;
display: inline-block;
vertical-align: top;

	
}

#contentboxfloat{
float: left;
width: 70%;
margin-left: 15%;
margin-right: 15%;
margin-top: 1%;
}

.righta{
float: right;
margin-top: 0%;
margin-left: 2%;
}

.wordstyle2{
font-family:candara;
font-size: 12pt;
font-weight: bold;
text-align: justify;
}


#contentholdc{
text-align: center;
margin-left: 15%;
margin-right: 18%;
}

#contentholdf{
float: left;
width: 55%;
margin-left: 2%;
margin-right: 2%;
}


#contentholdg{
margin-top: 1%;
margin-bottom: 0%;
float: left;
width: 26%;
margin-left: 1%;
margin-right: 13%
}

#contentholdj{
margin-top: -1%;
float: left;
width: 75%;
margin-left: 10%;
}


.largewording{
font-family: candara, sans-serif;
font-size: 180%;
line-height: 170%;
Color: #737373;
text-align: center;

}


#headb{
background: white;
padding:0%;
margin-left: 15%;
margin-right: 15%;
float: left;
font-family: arial;
font-size: 80%;
colour: rgba(0,0,0, 0.5);
}








@media (max-width: 950px) {

#contentholdc{
text-align: center;
margin-left: 5%;
margin-right: 5%;
}






}


@media (max-width: 950px) and (min-width: 450px) {

.producttext{
font-size: 180%;
}


}


@media (max-width: 449px){

.producttext{
font-size: 150%;
line-height: 30px;
}


}


@media (max-width: 950px) {
	
#productback{
margin-top: 0%;
background-image: url(productback2sc.png);
background-attachment: scroll;
}	

	
}


@media (max-width: 800px) and (min-width: 651px){

#contentboxfloat{
float: left;
width: 90%;
margin-left: 5%;
margin-right: 5%;
margin-top: 1%;
}
}

@media (max-width: 650px) and (min-width: 300px) {

#contentboxfloat{
float: left;
width: 88%;
margin-left: 6%;
margin-right: 6%;
margin-top: 1%;
}


#contentholdf{
float: left;
width: 90%;
margin-left: 5%;
}

#headb{
background: white;
padding:0%;
margin-left: 6%;
margin-right: 6%;
float: left;
font-family: arial;
font-size: 80%;
colour: rgba(0,0,0, 0.5);
}

.largewording{
font-family: candara, sans-serif;
font-size: 135%;
line-height: 170%;
Color: #737373;
text-align: center;

}
}

@media (max-width: 299px) {
#headb{
background: white;
padding:0%;
margin-left: 4%;
margin-right: 4%;
float: left;
font-family: arial;
font-size: 80%;
colour: rgba(0,0,0, 0.5);
}

.largewording{
font-family: candara, sans-serif;
font-size: 120%;
line-height: 170%;
Color: #737373;
text-align: center;

}

#contentholdf{
float: left;
width: 90%;
margin-left: 5%;
}

#contentboxfloat{
float: left;
width: 92%;
margin-left: 4%;
margin-right: 4%;
margin-top: 1%;
}

.wordstyle{
font-size: 95%;
text-align: left;
line-height: 150%;
font-family: arial;
}


}

@media (max-width: 1024px) and (min-width: 990px) and (orientation: Landscape) { 

.info4{
margin-top: 0.5%;
width: 35%;
float: left;
margin-left: 3%;
display: block;
}


}	


@media (max-width: 989px) and (min-width: 940px) and (orientation: Landscape) { 

.info4{
margin-top: 0.5%;
width: 30%;
float: left;
margin-left: 3%;
display: block;
}

#blocks{

background: white;
margin-left: 3%;
margin-right: 3%;
margin-top: 5%;
width: 300px;
height: 430px;
float: left;
font-family: arial;
font-size: 120%;
colour: rgba(0,0,0, 0.5);
text-align: center;	
}


}	


@media (max-width: 570px) {
	
#contentholdnew img{
	
width: 70%;

	
}	
	
}

