@media screen and (max-width: 1770px) {
#services img{
  width: 40%;
}
#contactbox a {
	font-size: 18px;
}
#contactbox p {

         width: 100%;
         border-top: 1px black solid;
        float: right;
        margin: 3% 0% 0 0%;
        background: white;
        position: fixed;
        bottom: 0px;
        text-align: center;
        font-size: 18px;
}
}
@media screen and (max-width: 1620px) {

#contactbox p {

         width: 100%;
        float: right;
        margin: 3% 0% 0 0%;
        background: white;
        position: fixed;
        bottom: 0px;
}
#rightoption {
	width: 40%;
	margin: 0 3%;
}
}

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

#contactbox p {

        width: 100%;
        float: right;
        margin: 3% 0% 0 0%;
        background: white;
        position: fixed;
        bottom: 0px;
}

}

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


.button_cont a{
	margin: 10px 5%;
	float: left;
	width: 20%;
	font-size: 25px;
	
}
nav li {
	margin: 0 1%;
}
nav {
    width: 80%;
    float: left;
    margin-left: 20px;
}
img {
    width: 40%;
    margin: 1% 30%;
    
}
}

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

#contactbox p, #contactbox a {

 font-size: 18px;
}
nav {
    width: 80%;
    float: left;
    margin-left: 0px;
}
}
@media screen and (max-width: 1360px) {

#contactbox {
      width: 100%;
        float: right;
        margin: 3% 0% 0 0%;
        background: white;
        position: fixed;
        bottom: 0px;
}

}


@media screen and (max-width: 1260px) {
#contactbox p, #contactbox a {

 font-size: 16px;
}

#contactbox img{
	margin: 0;
}
#twoWideleft{
	width: 50%;
	margin: 5% 2%;

}
#twoWideright{
	width: 43%;
	margin: 5% 0%;
}
#orange, #orangejustify {
	font-size: 20px;
}
nav li {
	margin: 0 0%;
}

}

@media screen and (max-width: 1190px) {
#contactbox {
     width: 100%;
        float: right;
        margin: 3% 0% 0 0%;
        background: white;
        position: fixed;
        bottom: 5px;
}
#content{

  width: 80%;
  margin: 2% 10% 0 10%;
  float: left;

}
#biopic {
    width: 30%;
    margin: 9% 15% 0 0;
    float: left;
}
#contactbox p, #contactbox a {
text-align: center;
 font-size: 18px;
}

#contactbox img{
	margin: 0;
}
#products{
	width: 80%;
	margin: 3% 10%;
}
img {
	width: 60%;
	margin:0 20%;
}
#mainbuttons{
	width: 100%;
	margin: 0;
}
.example_d {
width: 41%;

}
#tablecontact {
	right: 50px;
	width:200px;
}
	
	#logoimg{
  width:150px;
  margin-left: 25px;
}

	nav ul li a {
		margin: 0;
	}
	nav ul {
		margin: 0 0 0px 0;
		padding: 40px 0 0px 0;
		
	}

	nav li {
		margin: 0;
	}
table {
		margin: 20px 20px 20px 30px;
		width: 70%;
	}
	td {
		padding: 20px;
	}
	#rightoption {
	width: 90%;
	margin: 2% 3%;
}
}



@media screen and (max-width: 1000px) {
#services img{
  width: 60%;
}
header{
	position: static;
	float: left;
	width: 100%;
	height:auto;
}
img {
	width: 90%;
	margin:15px 5%;
}	
	nav{
		width: 100%;
		text-align: center;
	}
	nav ul {
		margin: 0 0 0px 0;
		padding: 20px 0 0px 0;
		
	}
	#tablecontact a{
		display: none;
}
	
	#logoimg{
  width:20%;
  margin: 0 40%;

}

#logoText {
  
  float: none;
}
	
#mainTitle {
	font-size: 45px;
}
.button_cont a{
	margin: 20px 21%;
	width: 52%;

}

table{
	width: 90%;
	margin: 5%;
}#twoWideleft {
	width: 38%;
	margin: 15px 1% 1% 1%;
}
#twoWideright {
	width: 51%;
	margin: 15px 1% 1% 1%;
}

#orange, #orangejustify{
	font-size: 20px;
}

}
@media screen and (max-width: 1000px) {
#biopic {
    width: 40%;
    margin: 9% 30%;
    float: left;
}
#bio {
    width: 60%;
    margin: 2% 20%;
    float: right;
}
body{
	margin: 0;
}
header{
	position: static;	
	}

#mainpage {
    width: 80%;
    margin: 0px 10%;
}

}






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

#contactbox p, #contactbox a {

 font-size: 19px;
}


nav a {
	font-size: 25px;
}

	nav li {
		margin: 0 15px;
	}


	.button_cont a{
	margin: 20px 18%;
	width: 52%;

}
#services p,#services li {
	font-size: 20px;
}

#services {
	margin: 10px 5%;
	width: 90%;

}
#twoWideleft {
	width: 0%;
	margin: 0
}
#twoWideright {
	width: 80%;
	margin: 5% 10%;
}
#twoWideleft img {
  display: none;
}
#twoWideright img {
  display: inline-block;
}

#orange, #orangejustify{
	font-size: 17px;
}

#nicolemobile{
	display: inline;
	width: 100%;
	margin: 0 0 20px 0;
}

#orange {
	font-size: 22px;
}
#services img{
	width: 60%;
	margin: 5% 20%;
}
#biopic {
    width: 60%;
    margin: 9% 20%;
    float: left;
}
}

@media screen and (max-width: 540px) {
#logoimg{
  width:50%;
  margin: 0 25%;
}
#services img{
	width: 60%;
	margin: 5% 20%;
}
nav li {
	width: 86%;
}
nav ul li a {
	padding: 7px;
}
nav ul{
	padding: 0 0 10px 0;
}
#contactbox p, #contactbox a {
text-align: center;
 font-size: 19px;
}
}