html, body { 
        height: 100%; 
        width: 100%; 
        min-width: 100%;
        margin: 0px 0px 0px 0px;
        padding:0;
        font-family: Georgia, Times, 'Times New Roman', serif;
        font-size: 15px;
        background-color: #333333;
        background-image: url(pictures/dark_embroidery.png);
        min-width: 500px;
        
    }
    header {
        width:100%;
        height:auto;
        min-height: 50px;
        /*min-width: 1000px;*/
        background-color: #F5F5F5;
        
        top:0%;
        box-shadow: inset 0px 0px 10px 1px rgba(119, 119, 119, 0.65);
        -moz-box-shadow: inset 0px 0px 10px 1px rgba(119, 119, 119, 0.65);
        -webkit-box-shadow: inset 0px 0px 10px 1px rgba(119, 119, 119, 0.65);
    }
    ul.nav {
      position:relative; 
      text-align: center;

      margin: 0 auto;
      list-style-type: none;
      padding: 0;
      overflow: hidden;
      justify-content: space-around;
    }

    ul.nav li {
      list-style-type: none;
      display: inline-block;
      color: #000000;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
      transition: 0.3s;
      font-size: 20px;
    }

    ul.nav li a {
      list-style-type: none;
      display: inline-block;
      color: #000000;
      text-align: center;
      text-decoration: none;
      transition: 0.3s;
      font-size: 17px;
    }

    ul.nav li:hover:not(:first-child) {
        background-color: #E2DDD9;
        height:100%;
        box-shadow: inset 0px 0px 0px 1px rgba(119, 119, 119, 0.35);
        -moz-box-shadow: inset 0px 0px 10px 1px rgba(119, 119, 119, 0.35);
        -webkit-box-shadow: inset 0px 0px 10px 1px rgba(119, 119, 119, 0.35);
    }

    ul.nav li.icon {display: none;}


    section { 
        position: relative;
        width:70%;
        left:15%;
        text-align: center;
        padding-bottom: none;
    }
    footer{
        clear:both;
        height: auto;
        padding-top: 1%;
        padding-bottom:1%;
        background-color:#607D8B;
    }
    
    h1 {
        position: relative;
        left:0%;
        font-style:none;
        font-weight: bold;
        top:0%;
        font-size: 25px;
        font-family: 'Arvo', serif;
    }
    h2 {
        font-style: none;
        font-size: 45px;
        text-align: center;
        line-height: 90%;
        color: #bfbfbf;
        text-shadow: 2px 2px #000000;
        font-family: 'Mate', serif;
    }
    h3 {
        font-size: 25px;
        text-align: center;
        color: #bfbfbf;
        text-shadow: 2px 2px #000000;
        font-family: Georgia, Times, 'Times New Roman', serif;
    }
    h4 {
        font-size: 25px;
        text-align: center;
        color: #000000;
        text-shadow: 2px 2px #bfbfbf;
        font-family: 'Georgia';
        line-height: normal;
    }
    h5 {
        font-size: 25px;
        text-align: center;
        color: #000000;
        border: none;
        font-family: 'Georgia';
        line-height: normal;
    }
    p{
        padding-left:15px;
        padding-right:15px;
        padding-bottom:15px;
        font-family: Georgia, Times, 'Times New Roman', serif;
        font-size: 16px;
        line-height: 20px;
    }
    table {
        display: table;
        width:100%;
        border-collapse: separate;
        
    }
    #tabletext{
        padding-left: 40px;
        min-width: 400px;
        width:40%;
    }
#me {
        display: auto;
        position: relative;
        width:50%;
        min-width: 200px;
        height:auto;
        left:0%;
    }
#social{ 
    padding-left: 5px;
    padding-right: 5px;
}
#wrapper {
    padding-top: 10px;
    width: 100%;
    background-color: #F0E8D0;
    margin-left:auto;
    margin-right:auto;
}
#center {
    text-align: center;
    padding-top: 10px;
    /*min-width: 200px;*/
    float: left;
    width:30%;
}
#rightcol {
    
    text-align: center;
    padding-top: 10px;
    /*min-width: 200px;*/
    float: left;
    width: 30%;
}
#leftcol {
    text-align: center;
    padding-top: 10px;
    padding-left: 5%;
    /*min-width: 200px;*/
    float: left;
    width: 30%;
}
#onecol {
    text-align: center;
    padding-left: 25%;
    width: 50%;
    min-height: 300px;
}
#aboutme{
    border-radius: 150px;
    float: right; 
    margin-left: 5px;
}
#about{
    text-indent: 50px;
    text-align: left;
    font-size: 17px;
    line-height: 25px;
    padding: 0px;
    margin-bottom:5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

label {
    display:block;
    margin-top:20px;
    text-align: center;
}
form {
    margin:0 auto;
    width:459px;
}
input, textarea {
	width:430px;
	height:30px;
	background:#efefef;
	border:1px solid #dedede;
	padding:10px;
	margin-top:3px;
	font-size:0.9em;
	color:#3a3a3a;
}


input:focus, textarea:focus {
    border:1px solid #511114;
}
#link{
    font-size: 25px;
        text-align: left;
        font-style: none;
        color: #000000;
        border: none;
        font-family: 'Georgia';
        line-height: normal;
    
}
#tablePort{
        position: relative;
        top:0%;
        width:200px;
        padding: 5px;
        height:auto;
        left:0%;
    
    }


@media screen and (max-width:780px) {
  #me{
      display:none !important;
    }
    table tr > *{
        display: block;
    }
    table tr {
        display: table-cell;
    }
}
  
@media screen and (max-width:700px) {
  ul.nav li:not(:first-child) {display: none;}
  ul.nav li.icon {
    float: right;
    display: inline-block;
  }
    #tabletext{
        padding-left: 0px;
        min-width: 400px;
        width:30%;
    }
    #aboutme{
        border-radius: 150px;
        float: right; 
        margin-left: 5px;
        width: 50%;
        height: 50%;
    }
    
}

@media screen and (max-width:700px) {
  ul.nav.responsive {
      position: relative;
      height: auto;
      background-color: none;
    }
  ul.nav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
    background-color: none;
  }
    
    
  ul.nav.responsive li {
    float: none;
    display: block;
    background-color: none;
  }
  ul.nav.responsive li a {
    display: block;
    text-align: left;
    width: 100%;
    background-color: none;
  }
}
form{
    width:50%;
    text-align: center;
}
input[type=text], input[type=url], input[type=email],  textarea[type=text] {
  -webkit-appearance: none; -moz-appearance: none;
  display: block;
  margin: 0;
  width: 100%; height: 20px;
  line-height: 20px; font-size: 14px;
  border: 1px solid #bbb;
}
input[type=submit]{
    width: 100%; height: 40px;
}