 <style>

.container{
}

body {
	background-color: grey;
	background-image:url('images/tweed2.png');
	
  }

.container {
background-color: white;
background-image:url('images/tweed1.png');
padding: 0px 30px 50px 30px;
height:99%;
}


h1 {
  font-size:28px;
  color:#333333;
}

h2 {
  font-size:14px;
  color:#333333;
}

h3 {
  font-size:20px;
  color:#333333;
  }


p {
  color:#333333;
}

a:link {color:#333333; text-decoration: none;}      /* unvisited link */
a:visited {color:#333333; text-decoration: none;}  /* visited link */
a:hover {color:grey; text-decoration: none;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
  }  /* mouse over link */

.header{
  margin-top:25px;
  background-color:;
  margin-left:0px;
  height:70px;
}

#logo {
  float:left;
}

#title {
  float:left;
  margin-top: 25px;
  margin-left: 30px;
  height:30px;
  width:250px;
  background-color:;
}

.nav ul 
{ display: block;
  margin-top: 20px;
  float:right;
  font-weight:600;
}

.nav ul li { 
  float:left; 
  display: inline-block; 
  padding: 5px 5px 5px 5px;
}

.nav ul li a {
  color: white;
  display:block; 
  text-decoration: none; 
  text-transform: uppercase; 
  background-color:#333333;
  font-size: 16px; 
  font-weight: 200px;
  border-radius: 10px;
  padding: 5px 10px 5px 10px;
}

.nav ul li a:hover {
  color: DarkGrey;
}

.slideshow a:link {color:white;}      /* unvisited jquery link */
.slides a:link {color:white;}

.top {
  margin-top:25px;
}

.text1 {
  height:80px;
  width:40;
  background-color:;
  float:left;
  margin-top:5px;
}

.text2 {
  float:left;
  width:500px;
  margin-left: 20px;

}

.slideshow {
  margin-top:25px;
  margin-left:0px;
  width:;
}

.work {
  margin-top:0px;
  width:100%;
  background-color:;

}

.slides {
  float:left;
}

.pic {float:left;}

.ind {
  margin-top:15px;
  height:500px;
  background-color:;
  float:left;
  width:940px;

}

.info {
  float:right;
  margin-top:-20px;
  width:170px;
}

.box {
  width:300px;
  background-color:;
  text-align: center;
  border-color:none;
  height:200px;
}


.small {
  width:750px;
  height:500px;
}
 
.datlink {
  float:left; 
  width: 80%;
  text-align: center;
}

.datlink h4 {
  color: white;
  font-size: 16px; 
  font-weight: 200px;
  border-radius: 10px;
  background-color:#DC0B0B;
  padding: 5px 10px 5px 10px;
}

.datlink h4 a:hover{ 
  color:#333333;
}
.datlink h4 a:visited{
  color: white;
}



.buttin {
  float:left;
}

.buttin a {
  color: white;
  background-color:#333333;
  font-size: 14px; 
  font-weight: 200px;
  border-radius: 10px;
  padding: 3px 7px 3px 7px;
}

.social {
  float:center;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
}

.contactb img{
  -webkit-filter: opacity(.3);
}


.contactb img:hover{
  -webkit-filter: brightness(1);
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

/* pad image; invert image, levels --,1.00,172,  */


#resume a:link {
font-style:italic;
}


.footer {
  display: none;
}


/* IPHONE ///////////////////////////////////////////////////////////////// */

@media (max-width: 768px), only screen and (max-device-width: 480px) {



.container {
  width: 100%;
  padding: 0px 0px 0px 0px;

}

.header {
  height:200px;
  background-color:;
}


#logo {
  float:center;
  text-align: center;
}

#title {
  float:center;
  text-align: center;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;

}


.nav ul 
{ display: block;
  text-align: center;
  float:center;
  margin-top: 10px;
  font-weight:600;
  background-color:;
  margin-top: 10px;
  width:100%;
  margin-left:0px;


}

.nav ul li { 
  display: inline-block; 
  text-align: center;
  float: center;
  background-color:#333333;
  border-radius: 10px;
  margin-right: 10px;

}

.nav ul li a:link {
  display:block; 
  text-decoration: none; 
  text-transform: uppercase; 
  color: white; 
  font-size: 16px; 
  font-weight: 100px;
}

.nav ul li a:hover {
  color: white;
}

.slideshow {
  display:none;
}

.work {
  margin-top: 20px;
}

.work ul 
{ display: block;
  margin-top: 10px;
  font-weight:600;
  text-align: center;
  float: center;
}

.work ul li { 
  display: inline-block; 
  text-align: center;
  float: center;

}

.work a:link span{ 
  font-weight:bold;
  float: left;
  display: none;
}

.ind {
  width: 100%;
  float:center;
  text-align: center;
}



.text1 {
  float: center;
  text-align: center;
  padding: 0px 5px 0px 5px;
  margin-left: none;
}

.text2 {
  margin-left: 0px;
  float: center;
  text-align: center;
  width:100%;
  padding: 0px 5px 0px 5px;

}


.slides {
  width: 100%;
  float:center;
  text-align:center;
}

.pic {
  display:none;
  }

.info {
  display: none;
}

.buttin {
  float:center;
  text-align: center;
}



}

</style>