/*.borderimg { 
    -webkit-border-image: url(_img/icons/border.png) 30 round; /* Safari 3.1-5 
    -o-border-image: url(_img/icons/border.png) 30 round; /* Opera 11-12.1 
    border-image: url(_img/icons/border.png) 30 round;

Pink = #e7a794 RGB= 231,167,149
green= #607264 RGB= 97,114,100
Grey = #484a49 RGB= 72,74,74

Kepler Std
Proxima Nova Extra Condensed 

}*/


/*------------------------------------*\
    Mobile 
\*------------------------------------*/
body{
    background:rgba(249,245,232,0.4);
    color:#484a49;
    font-family:"proxima-nova-alt",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.6em;   
}



/*---------Fresno State class utility nav----------*/

.fresnoClasses ul {display: block; position: relative; right: 0px;background: #484a49;}

.fresnoClasses li { height: 50px;
    width: 75px; 
    background: #484a49;
    margin: 5px;
    font-size: .8em;
    font-family: "proxima-nova-alt-ext-cond",sans-serif;
    font-style: normal;
    font-weight: 100;
    display:inline-flex;
    align-items: center;
    justify-content: center;  
}

.fresnoClasses a{
    text-decoration: none;
    color: #e7a794;
    } 


/*-------Mobile Nav---------*/
.sb-hide{
display: block;
}
.sb-toggle-right{
    width:28px;
    height: 40px;    
    background: url(../_img/MobileNav.png) no-repeat right top;
    position: fixed;
    top:20px;
    right:25px;
    z-index: 1500
}

nav#test {display: none;} /*-------hides full browser nav--------*/

/*-style for mobile nav-*/
.sb-slidebar nav ul {margin-left: 25%;
    background-color: rgba( 72, 74, 74, .8);
    border-radius: 8px;
}
.sb-slidebar nav ul li {
    padding: 10px;
    list-style: none;
}
.sb-slidebar nav ul li a{
    text-decoration: none;
    color: #e7a794;
    margin: 25px;
    } 


.flex-container {
   display: -webkit-flex;
   display: flex;
    flex-direction: column;
    padding: 10px;
}
.flex-item {}

#teachstate, #teachex, #studentwork, #researchint, #designstate, #mywork, #photoex, #photowork 
{display: none; margin-top: 100px;}

.acc{
    text-decoration:none;
}
a:link h3, a:hover h3, a:visited h3 {
    color: #e7a794;
     background-color: rgba( 72, 74, 74, 1);
    border-bottom: 1px solid #e7a794;
    font-weight: 100;
    display: block;
    margin: 0px auto;
    padding: 15px;
    text-align: center;
}

a:hover h3{
     background-color: rgba( 72, 74, 74, .7);
}

figure{margin: 0px;}

article p{
    margin: 10px;
    width: 90%;
    max-width: 700px;    
    margin:10px auto;
    font-family: "kepler-std-display",serif;
    font-style: normal;
    font-weight: 400;
    } 
article h3{
    color:#607264;
    text-transform: uppercase;
    font-weight: 500;
    margin-left: 25px;
}
article h4{
    margin-left: 25px;
}
article hr{
    color:#607264;
    width: 75%;
    margin-top: -30px;
    margin-right: 0px;
    margin-bottom: 25px;
    margin-left: 275px;
    margin: -30px, 0px, 20px, 275px; 
}

#studentwork img, #mywork img{
    width: 400px;
}

.imghold{
    display: -webkit-inline-flex; /* Safari */
    display: inline-flex;
     -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap:         wrap;
    -webkit-justify-content: center; /* Safari */
    justify-content:         center;
      -webkit-align-items: center; /* Safari */
    align-items:         center;
    border: .5px solid #484a49;
    }

aside p{
    width: 85%;
    margin: auto;
    color: rgba(97,114,100, .8);
    font-family: "kepler-std-display",serif;
    font-style:normal;
    font-weight: 500;
    line-height: 1.2em;
    font-size: 1.2em;  
}
.qoute h2{
    font-family: "hill-house",sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 2em;
    text-align: center;
    margin-right: 10%;
    hanging-punctuation: first;
    }
    
.qoute h4 {
    width: 85%;
    text-align: right;
    margin-right: 10%;
    color: rgba(97,114,100, .8);
    font-family: "kepler-std-display",serif;
    font-style:normal;
    font-weight: 300;
    line-height: 1.2em;
    font-size: 1em; 
    }

footer{
    background: rgba(97,114,100, .8);
    padding: 25px 15px 15px 15px;
    letter-spacing: .03em;
}
footer p {
    text-align:  center;
    font-family: "hill-house",sans-serif;
}
footer li{
    list-style: none;
    text-align: right;
}
footer a {
    color: #e7a794;
}


@media only screen and (min-width:320px) {}
@media only screen and (min-width:480px) {}
@media only screen and (min-width:769px) {
   
 header img{
    display: flex;
    margin: auto;
}
    
    /*-------mobile to reg nav------*/  
.sb-hide{
    display:none;
    } 
    
nav#test{display: flex;} /*---Show main browser nav---*/   
    
nav ul{
    margin: 15px auto 55px auto;
}    
nav ul li{
    height: 150px;
    width: 150px; 
    background: #484a49;
    margin: 10px;
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	border-radius: 75px;
    font-size: 1.7em;
    font-family: "proxima-nova-alt-ext-cond",sans-serif;
    font-style: normal;
    font-weight: 100;
    display:inline-flex;
    align-items: center;
    justify-content: center;
}  
nav ul li a{
    text-decoration: none;
    color: #e7a794;
    }    

.flex-container {
   display: -webkit-flex;
   display: flex;
    flex-direction: row;
    padding: 10px;
} 
#research .flex-container{
    display: -webkit-flex;
    display: flex;
    flex-direction: row-reverse;
    }    
  
aside{
    padding: 20px;
    width: -moz-calc(100% - 420px);/* Firefox */
    width: -webkit-calc(100% - 420px);/* WebKit */
    width: -o-calc(100% - 420px);/* Opera */
    width: calc(100% - 420px); /* Standard */
}
    
aside p{
    width: 70%;
    min-width: 480px;
    max-width: 620px;
    margin: auto;
    color: rgba(97,114,100, .8);
    font-family: "kepler-std-display",serif;
    font-style:normal;
    font-weight: 500;
    line-height: 1.2em;
    font-size: 2em;  
}
.qoute h2{
    font-family: "hill-house",sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 5em;
    text-align: center;
    margin-right: 10%;
    hanging-punctuation: first;
    }
    
.qoute h4 {
    width: 85%;
    min-width: 480px;
    text-align: right;
    margin-right: 10%;
    color: rgba(97,114,100, .8);
    font-family: "kepler-std-display",serif;
    font-style:normal;
    font-weight: 300;
    line-height: 1em;
    font-size: 1.8em; 
    }    
    
article{
    
    } 
    

    

} /*End of min-width 769px*/