/*tony.css*/

body {font-family:"Dosis", sans-serif; font-optical-sizing:auto; font-weight:400; font-style:normal; color:rgba(251, 251, 251, 1); /*background:rgba(249, 249, 249, 1);*/ background:rgba(140, 140, 140, 1);}

#hero {height:100%; width:100%; display:flex; flex-flow:column nowrap; align-content:center; align-items:center; justify-content:center; text-align:center; color:rgba(249, 249, 249, 1); background:rgba(124, 147, 56, 0);}

#name {/*position:relative; height:auto; width:auto; margin:0 auto 0 auto;*/ font-size:4em; font-weight:500; letter-spacing:3px; background:rgba(124, 147, 56, 0); cursor:pointer; z-index:2;}

#subtitle {/*position:relative; height:auto; width:650px; margin:0 auto 0 auto;*/ font-size:1.75em; font-weight:500; letter-spacing:3px; line-height:1.35; cursor:pointer; background:rgba(124, 147, 56, 0); z-index:2;}

#page {position:fixed; top:1%; left:1%; height:auto; width:auto; padding:5px; border-radius:5px; background:rgba(140, 140, 140, 1); /*background:rgba(218, 165, 32, 1);*/ font-size:1.5em; z-index:1;}
#a1,
#p1, 
#p2,
#p3,
#p4 {float:left; height:auto; width:auto; margin:0 auto 0 auto; background:rgba(240, 240, 240, 0); cursor:pointer;}

#burger {position:fixed; top:1%; right:1%; height:12px; width:16px; padding:5px; border-radius:5px; background:rgba(140, 140, 140, 1); /*background:rgba(218, 165, 32, 1);*/ cursor:pointer; z-index:1;}
.burger_row_1,
.burger_row_2,
.burger_row_3 {height:2px; width:100%; margin:0 auto 3px 0; background:rgba(251, 251, 251, 1);}
.burger_row_3 {margin:0 auto 0 0;}
.burger_row_4 {height:auto; width:100%; text-align:center;}
.burger_row_5 {height:auto; width:100%; text-align:center;}

#menu_wrapper {height:auto; width:auto; float:right; margin-top:-10px; margin-right:-12px; padding:5px 15px; background:rgba(140, 140, 140, 1); border:1px solid rgba(251, 251, 251, .1); border-radius:5px; cursor:pointer; z-index:2;}
.mx_ {padding-bottom:15px; text-align:right; font-size:1.25em; /*background:rgba(249, 249, 249, 1);*/ cursor:pointer;}
.m0_ {padding-bottom:15px; text-align:right; font-size:1.25em; /*background:rgba(249, 249, 249, 1);*/ cursor:pointer;}

#m0_5 {width:95px;}

#box_1,
#box_2 {position:absolute; height:100%; width:100%; top:0px; left:0px; overflow:hidden; cursor:pointer;}

#gallery {background:rgba(249, 249, 249, 0);}

.many {display:grid; padding:50px 1rem; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); grid-auto-rows:300px; grid-gap:1rem; /*grid-auto-rows:450px; grid-gap:60px; align-items:start; align-content:center; justify-content:center; place-items:center;*/}

.works_frame {position:relative; height:100%; width:100%; cursor:pointer;}
.works_image {position:relative; height:100%; width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;} 

.works_label {
position:absolute; bottom:1%; left:1%; height:auto; width:auto;
/*display:flex; align-content:center; align-items:center; justify-content:center; text-align:center;*/
padding:5px;
/*text-align:left;*/
font-size:1.25em;
color:rgba(249, 249, 249, 1);
background:rgba(140, 140, 140, .8); 
/*font-family:courier;
font-weight:bold;*/
z-index:0;
border-radius:5px;
}







.one {/*display:grid;*/ height:100%; width:auto; /*grid-template-columns:repeat(1, 1fr); justify-content:center;*/}
.work_frame {height:100%; width:100%; cursor:pointer; background:rgba(140, 140, 140, 0);}
.work_image {height:100%; width:100%; background-repeat:no-repeat; background-position:center center; background-size:contain;} 
.work_label {height:0%; width:100%; margin-top:10px; font-size:100%;}

.about {display:grid; height:90%; width:100%; grid-template-columns:300px; grid-auto-rows:200px auto; gap:20px; align-content:center; justify-content:center;}
.about_image {height:100%; width:100%; background-repeat:no-repeat; background-position:bottom center; background-size:100% auto; cursor:pointer;}
.about_text {height:auto; width:100%; line-height:1.35; font-size:1em; align-self:center;}

img {display:block;}

.lnx {position:fixed; bottom:1%; right:1%; display:inline-block; /*line-height:1; border-bottom:1px solid currentColor; transition:all .2s ease-in-out;*/ padding:5px; border-radius:5px; /*border:1px solid rgba(212, 212, 212, 1);*/ background:rgba(140, 140, 140, 1); /*background:rgba(218, 165, 32, 1);*/ cursor:pointer;}

.con {height:auto; width:auto; /*margin:0 2% 0 auto;*/ font-size:1em;}
.cone {height:auto; width:auto; /*margin:0 2% 0 auto;*/ font-size:100%;}
#footer_title_wrapper {position:fixed; height:auto; width:auto; bottom:1%; left:1%; /*margin:0 auto 0 2%;*/ padding:5px; border-radius:5px; /*background:rgba(218, 165, 32, 1);*/ cursor:pointer;}
.ftwc {background:rgba(140, 140, 140, 1);}
#footer_title_1 {height:auto; width:auto; margin:0 auto 0 auto; font-size:1.25em}
#footer_title_2 {height:auto; width:auto; margin:4px auto 0 auto; font-size:1em}

a {}
a {text-decoration:none;}
a.txt:link {color:rgba(251, 251, 251, 1);}
a.txt:visited {color:rgba(251, 251, 251, 1);}
a.txt:hover {color:rgba(251, 251, 251, .7);}