/*Mobile Version*/

.privacypolicy a{
font-size:2em;
color:#ffffff;
}

.privacypolicy {
position:absolute;
z-index:0;
display:block;
bottom:117px;
background-color:transparent;
}

#pagecontent {
padding:40px;
}

h1 {
font-size:5em;
}

h2 {
font-size:3em;
}

p {
font-size:1.5em;
}

#encompassingdiv {
overflow:scroll;
}

#about-wrapper{
/*padding-bottom: 1em;*/
height:100%;
}

.about-section{
width:initial;
min-height:10px;
padding:0;
}
div#aboutdrawer{
height:100%;
}
div#blurb{
padding-bottom: 1em;
    flex: inherit;
    min-height:43%;
}
#blurb p {
    width: initial;
    padding-bottom: inherit;
}
div#education {
    width: initial;
    flex: none;
    padding-bottom: 100px;
    min-height: 43%;
}
div#resume {
min-height: 15%;
}
.paragraph {
font-size: 3em;
margin: .2em auto;
}

#me {
width: 25em;
height: initial;
}

#front-buttons {
display:none;
}

#front-buttons-mobile {
    padding-top: 13px;
    transition: display 0.5s;
    margin: auto;
    text-align: center;
}

.front-button:hover {
   /* box-shadow: 0px 0px 0px #292727;*/
}

#mobile-nav {
    display: block;
    bottom: -1px;
    z-index: 1000;
    position: fixed;
    width: 100%;
    background-color: #ffffff /*#cda34f*/;
}

#topbutton {
    /*background-color: #292727;*/
}

#botbutton {
    /*background-color: #292727;*/
}

#front-buttons-mobile .front-button{
height:initial;
width:32%;
}

div#list-of-inner-drawers {
    bottom: 93px;
    width: 100%;
    transition: 0.5s;
    position: fixed;
    overflow-wrap: normal;
    z-index: 9999;
    font-size: 2em;
    top:initial;
}

.sortby {
    float: left;
    padding: 10px;
    font-size: 1.5em;
}

.cards-container2 {
    margin-bottom: 400px;
}

label {
font-size:2em;
}

#emailsend {
    font-size: 2em;
}

.card-container, .front, .back {
    width: 100%;
    margin: 0 auto 55px;
    height: 600px;
}

.card {
    width: 100%;
    height: 600px;
}

.front p {
    margin-top: 25%;
    font-size: 3em;
    background-color: #fff;
    padding-top: 35px;
    padding-bottom: 24px;
    font-weight: bold;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
/*
span.name {
    background-color: #111111;
    padding: 12px 22px;
    font-size: 2em;
    color: #ffee5b;
    font-family: arial;
    text-shadow: none;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    width: 250px;
    left: 0;
    right: 0;
}
*/

#subtitle {
    position: inherit;
    width: 70%;
    padding: .5em;
    font-size: 3em;
}
div#resume{min-height:initial;}

#resume-link {
    margin-top: 4%;
    margin-bottom: 4%;
}

p.card-desc-text {
    text-align: left;
    padding: 15px;
    font-size: 2em;
    line-height: 1.75;
}

.card-main-body {
    margin-top:10%;
    background-color:initial;
}
.card-top-bar {
    height: 20%;
}

p.card-date {
    font-size: 1.75em;
    text-align: left;
    width: 20%;
}
    
p.card-associated {
    font-size: 1.25em;
    text-align: left;
    width: 59%;
    margin-top: 1%;
}
    
.card-link {
    background-color: #ffffff;
    width: 15%;
    height: initial;
    margin-top: 2%;
    float: right;
    color: #373F27;
    right: 0;
    text-align: center;
    margin-right: 10px;
    border-radius: 10px;
    line-height: 2.5;
    position: absolute;
    transition: .6s;
    font-size: 2em;
}

#encompassingdiv{
    background-position-x: 8%;
    background-position-y: bottom;
    background-size: cover;
}
.name{
    font-size: 7em;
}
div#inner-page-content{
    top: 10%;
    transform: initial;
}
#squarehome {
    display:none;
}
#squareportfolio{
    display:none;
}
.drawer{
    margin-right: initial !important;
}
.topnav{
    margin-top: initial;
}
.about-section p{
    font-size: 2em;
}
.about-section h2{
    font-size: 5em;
}
div#education{
    padding-bottom: 150px !important;
    min-height: unset !important;
    right: 0;
    text-align: right;
}
#squareabout{
    background-color: #E9CABB;
    top: unset;
    bottom: 0;
    width: 100%;
    height: 150px;
}
#squareabout h2{
    font-size:3em;
}
div#squareabout br {
    display: none;
}
#squarecontact{
    top: unset;
    bottom: 0;
    width: 100%;
    height: 150px;
}
#squarecontact {
    font-size:3em;
}
.bottomleftnav{
    bottom: 30px;
}
.bottomrightnav{
    bottom: 30px;
}
label {
    font-size: 4em !important;
    text-align: center;
    margin-top: 60px;
}
textarea.emailform {
    font: 50px Arial;
    width: 100%;
    height: 250px;
}
.form-group{
    display: grid;
}
input{
    right: 0;
    width: 100%;
    font-size: 50px;
    min-height:2em;
}
#contactdrawer .centerable {
    top: 43%;
}
#form-messages {
    width: 72%;
    font-size: 2.75em;
    line-height: 1;
}
#surroundskills{
    display:none;
}
.card-container, .front, .back{
    width: 100%;
    margin: 0 auto;
    height: unset;
}
.card {
    width: 90%;
    margin: auto;
    height: unset;
}
.cards-container2 {
    margin-bottom: 50px;
    margin-left: unset;
    width: 100%;
}
.front p {
    margin-top: 5%;
    font-size: 3em;
    background-color: unset;
    padding-top: 35px;
    padding-bottom: 24px;
    font-weight: bold;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
p.card-date {
    font-size: 2em;
    text-align: left;
    width: 45%;
    display: inline-block;
}
p.card-associated {
    font-size: 2em;
    text-align: left;
    width: 45%;
    margin-top: unset;
    display: inline-block;
}
p.card-desc-text {
    text-align: left;
    padding: 0 15px 15px 15px;
    font-size: 2em;
    line-height: 1.75;
}
.card-main-body {
    margin-top: unset;
}
#notfoundbutton {
    padding: 50px;
}