/* FONT IMPORTS */

@font-face {
    font-family: 'C64';
    src: url('fonts/c64.eot');
    src: url('fonts/c64.eot?#iefix') format('embedded-opentype'),
         url('fonts/c64.woff2') format('woff2'),
         url('fonts/c64.woff') format('woff'),
         url('fonts/c64.ttf') format('truetype'),
         url('fonts/c64.svg#C64') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Christiana';
    src: url('fonts/christiana.eot');
    src: url('fonts/christiana.eot?#iefix') format('embedded-opentype'),
         url('fonts/christiana.woff2') format('woff2'),
         url('fonts/christiana.woff') format('woff'),
         url('fonts/christiana.ttf') format('truetype'),
         url('fonts/christiana.svg#Christiana') format('svg');
    font-weight: normal;
    font-style: normal;
}

p, a,  span, li, ul, div, table, div#introduction p.helloworld, div.modal-content p, div#local-modals .modal-header h4, div#projects-mobile h4 { font-family: 'Christiana' !important; letter-spacing: 1px;}
div#introduction p, div#introduction p span, p.top-return a, button p, h4, p.history, div#photographs .pics div p, div#photographs p.photogallery, div#photographs div.photo-category p, div#declaration p.ready a  {font-family: 'C64' !important; font-weight:normal; letter-spacing:-0.5px;}

.modal-backdrop { opacity:.6 !important; background:black !important;}
body.modal-open {padding:0 !important; margin:0 !important; overflow-y: scroll; }

body { background:#b4b7ff  !important;}

p, a, button, span, li, ul, div, table {
color:#b4b7ff ;
}

/* UNIVERSAL */


a, a:hover {text-decoration:none !important;}
img a:hover, :hover, a img:hover, img.affix, opacity, div { transition: all 0.2s ease 0.1s;}
button { transition: all 1s ease .5s;}
img a, a img {border:0; border:none; }

ul { list-style:none; padding:0;}
li {padding:0;}
sub {line-height:135%;}

.glyphicon  {padding:0 6px; font-size:.8em; color:#9a0000; font-family:"Glyphicons Halflings" !important;}
p.top-return  { text-align:center; font-size:1em; margin:0 auto;}
p.top-return a {color:#fa3200;padding:5px 12px;; border-radius:0; background:#eee;}
p.top-return a:hover { background:#fa3200; color:white; border-radius:0;}
.close {text-shadow: 0 1px 0 black !important;}
div.modal-content button.close {opacity:1.0; }
div.modal-content button.close span {font-size:36px;  color:red; font-family:"Glyphicons Halflings" !important;}


/* CONTAINER */

div#container {background:#2a4bf6; padding:0;}

@media(min-width:2000px) {
	div#container {width:95%; margin:0% 2.5%; }
}

@media(min-width:1600px) and (max-width:1999px){
div#container {width:90%; margin:0% 5%; }
}

@media(min-width:1200px) and (max-width:1599px){
div#container {width:90%; margin:-70px 5% 0 5%; }
body {padding-top:70px;}
}

@media(min-width:992px) and (max-width:1199px){
div#container {width:92%; margin:0 4%; }
}

@media(min-width:768px) and (max-width:991px){
div#container {width:93%; margin:0 3.5%; }
}

@media(min-width:481px) and (max-width:767px){
div#container {width:94%; margin:0 3%; }
}

@media (max-width:480px){
div#container {width:95%; margin:0 2.5%; }
}



/* PRIMARY, COMMODORE COLOR STRIPE AND PERSISTENT HEADER and FOOTER */
div#primary { ;width: 100%;}
div#top-frame { background:#b4b7ff; position:fixed;  text-align:center; z-index:100; margin: 0; padding-top: 0; }
div#top-frame p {color:white; }
div#top-frame.affix-top {}
div#top-frame.affix-top p, div#top-frame.affix-top p a {  display:none; }
div#top-frame.affix {display:inline-block;}
div#top-frame.affix p {margin-top:0; opacity:1;padding: 18px 0 0 0; line-height:190%;}
div#top-frame.affix p a {color:white; opacity:1; padding:0 4px;}
div#top-frame.affix p a:hover {color:white; background:red;}
div#bottom-frame { background:  #b4b7ff; bottom: 0;  position: fixed; z-index: 10;}

@media(min-width:2000px) {
div#primary {padding-top:0;margin-top:0;}
div#top-frame { height:70px; width:95%; }
div#top-frame.affix p { font-size:1.25em;}
div#bottom-frame {  height: 70px; margin-top: 200px;  width: 95%; }
}

@media(min-width:1600px) and (max-width:1999px){
div#primary {padding-top:0;}
div#top-frame { height:70px; width:90%; }
div#top-frame.affix p { font-size:1.15em;}
div#bottom-frame {  height: 70px; margin-top: 200px;  width: 90%; }

}

@media(min-width:1200px) and (max-width:1599px){
div#primary {}
div#top-frame { height:70px; width:90%; } 
div#top-frame.affix p { font-size:1em;}
div#bottom-frame {  height: 70px; margin-top: 200px;  width: 90%; }
}

@media(min-width:992px) and (max-width:1199px){
div#primary {}
div#top-frame { height:60px; width:92%; }
div#top-frame.affix p { font-size:.9em;}
div#bottom-frame {  height: 60px; margin-top: 200px;  width: 100%; }
}

@media(min-width:768px) and (max-width:991px){
div#primary {}
div#top-frame { height:50px; width:93%; }
div#top-frame.affix p { font-size:.75em;}
div#bottom-frame {  height: 50px; margin-top: 200px;  width: 100%; }
}

@media(min-width:481px) and (max-width:767px){
div#primary {}
div#top-frame { height:65px; width:94%; }
div#top-frame.affix p { font-size:.75em;}
div#bottom-frame {  height: 35px; margin-top: 200px;  width: 100%; }
}

@media (max-width:480px){
	div#top-frame p.history {font-size:.8em; letter-spacing:0.1px; position:relative; padding-top:80px;}
	div#top-frame { height:25px; width:95%; }
	div#top-frame.affix p { display:none;}
	div#bottom-frame {  height: 25px; margin-top: 200px;  width: 100%; }
}


/* INTRODUCTION */
div#introduction {min-height:500px;}

div#introduction p {text-align:center; font-family: 'C64' !important; font-size:1.5em;}
div#introduction p#birdy, div#introduction p.helloworld {width:50%; margin:24px 0 16px; font-size:1.05em; line-height:190%;}
div#introduction p#birdy { float:left;}
div#introduction p.helloworld {text-align:left !important; margin:30px 0 0 50%; color:white; padding: 1% 2% 1% 1%; }

div#introduction p.projectgallery {text-align:center; background:white;color:#003aff; }
div#introduction p.helloworld span {color:#ffe94d; font-family: 'Christiana' !important; letter-spacing:1px;}
div#introduction p span {font-family: 'C64'}
div#introduction p span#ram {}
div#introduction img.cursor {}

div#introduction div#commodore-colors { }
div#introduction div#commodore-colors div#declaration {}
div#introduction div#commodore-colors div#declaration p.ready {background:#2a4bf6; }
div#introduction div#commodore-colors div#declaration p.ready a {color:white; }
div#introduction div#commodore-colors div.spectrum {height:20px; margin:0; padding:0; }
div#introduction div#commodore-colors div.spectrum.left {float:left;}
div#introduction div#commodore-colors div.spectrum.right{float:right;}

div#introduction div#commodore-colors div#toews {background:black;}
div#introduction div#commodore-colors div#kane {background:white;}
div#introduction div#commodore-colors div#hossa {background:#fa3200;}
div#introduction div#commodore-colors div#sharp {background:#1de0ff;}

div#introduction div#commodore-colors div#saad {background:#aa4bd0;}
div#introduction div#commodore-colors div#vermette {background:#68bc4f;}
div#introduction div#commodore-colors div#versteeg {background:#545eec;}
div#introduction div#commodore-colors div#bickell {background:#ffe853;}

div#introduction div#commodore-colors div#kruger {background:#c3c3c3;}
div#introduction div#commodore-colors div#shaw {background:#b4b7ff;}
div#introduction div#commodore-colors div#teuvo {background:#b3ff97;}
div#introduction div#commodore-colors div#nordstrom {background:#8f8f8f;}

div#introduction div#commodore-colors div#carcillo {background:#606060;}
div#introduction div#commodore-colors div#richards {background:#ff7143;}
div#introduction div#commodore-colors div#desjardins {background:#c53b00;}
div#introduction div#commodore-colors div#hartman {background:#ff5d00;}

@media(min-width:2000px) {
div#introduction { padding-top:110px;}
div#introduction p#birdy {float:left; margin:0 0; }

div#introduction p.projectgallery {text-align:center; background:white;color:#003aff; font-size:1.75em; margin: 180px 35% 20px;padding:0;line-height:100%;}

div#introduction p {text-align:center; font-size:1.5em;}
div#introduction p#birdy, div#introduction p.helloworld {width:50%; margin:24px 0 16px; font-size:1.05em; line-height:185%;}
div#introduction p span {}
div#introduction p span#ram {padding-right:34px; }
div#introduction p#birdy {}
div#introduction p.helloworld {text-align:left; margin:30px 0 0 50%; color:white; padding: 1% 2% 1% 1%; }

div#introduction div#commodore-colors {margin-top:115px; }	
div#introduction div#commodore-colors div#declaration {width:20%; float:left; padding:0; margin:0;}
div#introduction div#commodore-colors div#declaration p.ready {margin-top:-5px; padding:0;}
div#introduction div#commodore-colors div.spectrum {height:20px;width:5%; margin:0; padding:0; }
}

@media(min-width:1600px) and (max-width:1999px){
div#introduction { padding-top:100px;}
div#introduction p#birdy {float:left; margin:0 0; }
div#introduction p.helloworld {text-align:left; margin:30px 0 0 50%; color:white; padding: 1% 2% 1% 1%; }

div#introduction p.projectgallery {text-align:center; background:white;color:#003aff; font-size:1.75em; margin: 180px 30% 20px;padding:0;line-height:100%;}
div#introduction p.helloworld span {color:#ffe94d; letter-spacing:1px;}
div#introduction p span {}
div#introduction p span#ram {padding-right:34px; }
div#introduction img.cursor {margin-top: -5px; padding-left: 4px;}

div#introduction div#commodore-colors {margin-top:115px; }
div#introduction div#commodore-colors div#declaration {width:30%; float:left; padding:0; margin:0;}
div#introduction div#commodore-colors div#declaration p.ready {margin-top:-5px; padding:0;}
div#introduction div#commodore-colors div.spectrum {height:20px;width:4.375%; margin:0; padding:0; }
}

@media(min-width:1200px) and (max-width:1599px){
div#introduction { padding-top:100px;}
div#introduction p#birdy {float:left; margin:0 0; }

div#introduction p { font-size:1.5em; text-align:center !important;}
div#introduction p#birdy, div#introduction p.helloworld {width:50%; margin:24px 0 16px; font-size:1.05em; line-height:190%; }
div#introduction p#birdy {}
div#introduction p.helloworld {text-align:left; margin:30px 0 0 50%; color:white; padding: 1% 2% 1% 1%; }

div#introduction p.projectgallery {text-align:center; background:white;color:#003aff; font-size:1.75em; margin: 180px 25% 20px;padding:0;line-height:100%;}
div#introduction p.helloworld span {color:#ffe94d; letter-spacing:1px;}
div#introduction p span {}
div#introduction p span#ram {padding-right:34px; }
div#introduction img.cursor {margin-top: -5px; padding-left: 4px;}

div#introduction div#commodore-colors {margin-top:95px; }
div#introduction div#commodore-colors div#declaration {width:30%; float:left; padding:0; margin:0;}
div#introduction div#commodore-colors div#declaration p.ready {margin-top:-5px; padding:0;}
div#introduction div#commodore-colors div.spectrum {height:20px;width:4.375%; margin:0; padding:0; }
}

@media(min-width:992px) and (max-width:1199px){
div#introduction { padding-top:100px;}

div#introduction p {text-align:center; font-size:1.35em;}
div#introduction p#birdy, div#introduction p.helloworld {width:50%; margin:24px 0 16px; font-size:1.05em; line-height:185%;}
div#introduction p#birdy {}
div#introduction p#birdy img { width:40%; height:auto;}
div#introduction p.helloworld {text-align:left; margin:30px 0 0 50%; color:white; padding: 1% 2% 1% 1%; }
	

div#introduction p.projectgallery {text-align:center; background:white;color:#003aff; font-size:1.75em; margin: 180px 25% 20px;padding:0;line-height:100%;}
div#introduction p.helloworld span { letter-spacing:1px;}
div#introduction p span {}
div#introduction p span#ram {padding-right:30px; }
div#introduction img.cursor {margin-top: -5px; padding-left: 4px;}

div#introduction div#commodore-colors {margin-top:65px; }
div#introduction div#commodore-colors div#declaration {width:30%; float:left; padding:0; margin:0;}
div#introduction div#commodore-colors div#declaration p.ready {margin-top:-5px; padding:0;}
div#introduction div#commodore-colors div.spectrum {height:20px;width:4.375%; margin:0; padding:0; }


}

@media(min-width:768px) and (max-width:991px){
div#introduction { padding-top:80px;}

div#introduction p {text-align:center;  font-size:1.1em;}
div#introduction p#birdy, div#introduction p.helloworld {width:50%; margin:24px 0 16px; font-size:.8em; line-height:185%;}
div#introduction p#birdy {}
div#introduction p#birdy img { width:40%; height:auto;}
div#introduction p.helloworld {text-align:left; margin:30px 0 0 50%; color:white; padding: 1% 2% 1% 1%; }
	

div#introduction p.projectgallery {text-align:center; background:white;color:#003aff; font-size:1.4em; margin: 120px 22.5% 20px;padding:0;line-height:100%;}
div#introduction p.helloworld span {  letter-spacing:1px;}
div#introduction p span {}
div#introduction p span#ram {padding-right:20px; }
div#introduction img.cursor {margin-top: 0; padding-left: 4px;}

div#introduction div#commodore-colors {margin-top:35px; }
div#introduction div#commodore-colors div#declaration {width:35%; float:left; padding:0; margin:0;}
div#introduction div#commodore-colors div#declaration p.ready {margin-top:-5px; padding:0;}
div#introduction div#commodore-colors div.spectrum {height:20px;width:4%; margin:0; padding:0; }
}
@media(min-width:481px) and (max-width:767px){
	
	div#introduction { padding-top:75px;}
	
	div#introduction div#commodore-colors div#declaration {width:35%; float:left; padding:0; margin:0;}
div#introduction div#commodore-colors div#declaration p.ready {margin-top:-5px; padding:0;}
div#introduction div#commodore-colors div.spectrum {height:20px;width:4%; margin:0; padding:0; }

div#introduction p {text-align:center;  font-size:1.1em; width:94%; margin:0 2.5%;}
div#introduction p#birdy, div#introduction p.helloworld {width:50%; margin:24px 0 16px; font-size:.85em; line-height:185%;}
div#introduction p#birdy { width:100%;}
div#introduction p#birdy img { width:40%; height:auto;}
div#introduction p.helloworld {text-align:left; margin:30px 5% 0 5%; color:white; padding: 1% 2% 1% 1%; width:90%;}
	

div#introduction p.projectgallery {text-align:center; background:white;color:#003aff; font-size:1.3em; margin: 160px 3% 20px;padding:0;line-height:100%;}
div#introduction p.helloworld span { letter-spacing:1px;}
div#introduction p span {}
div#introduction p span#ram {padding-right:20px; }
div#introduction img.cursor {margin-top: -5px; padding-left: 4px;}

div#introduction div#commodore-colors {margin-top:70px; }
div#introduction div#commodore-colors div#declaration {width:43%; float:left; padding:0; margin:0;}
div#introduction div#commodore-colors div#declaration p.ready {margin-top:0; padding:0;}
div#introduction div#commodore-colors div.spectrum {height:20px;width:3.5%; margin:0; padding:0; }

}
@media (max-width:480px){
	div#introduction {padding-top:50px;}
	div#introduction p {text-align:center;  font-size:1.1em;}
div#introduction p#birdy, div#introduction p.helloworld {width:50%; margin:24px 0 16px; font-size:.85em; line-height:185%;}
div#introduction p#birdy { width:100%;}
div#introduction p#birdy img { width:46%; height:auto;}
div#introduction p.helloworld {text-align:left; margin:30px 5% 0 5%; color:white; padding: 1% 2% 1% 1%; width:90%;}
	

div#introduction p.projectgallery {text-align:center; background:white;color:#003aff; font-size:1.1em; margin: 180px 0% 20px;padding:0;line-height:100%;}
div#introduction p.helloworld span {  letter-spacing:1px;}
div#introduction p span {}
div#introduction p span#ram {padding-right:20px; }
div#introduction img.cursor {margin-top: -3px; padding-left: 4px; width:17px; height:auto;}

div#introduction div#commodore-colors {margin-top:70px; }
div#introduction div#commodore-colors div#declaration {width:60%; float:left; padding:0; margin:0;}
div#introduction div#commodore-colors div#declaration p.ready {margin-top:-5px; padding:0;}
div#introduction div#commodore-colors div.spectrum {height:20px;width:2.5%; margin:0; padding:0; }
	
}

/* PROJECTS */
div#projects {width:100%;padding: 0%; margin: 30px 0; }
div#projects p.gallery {text-align:center; padding:0 0; margin-bottom:20px; }
div#projects .btn-primary.btn-lg {width:21.625%; margin:0% 4% 6% 0%; padding:0%; border-radius:0; box-shadow:0 0 0 white; text-shadow:none; height:120px; border:3px solid white; float:left; background:#b4b7ff;}
div#projects .btn-primary.btn-lg p {color:white;text-transform:uppercase; font-size:.9em; line-height:115%;  text-shadow:0 2px 2px black}
div#projects .btn-primary.btn-lg:hover {opacity:.9; box-shadow:0 0 9px white;}
div#projects .btn-primary.btn-lg.right-col {margin-right:2%;}
div#projects .btn-primary.btn-lg.left-col { margin-left:2%;}


div#projects button#b01 {background:url(../img/thumbs/deacon.gif); background-position:top center;}
div#projects button#b01:hover {background:url(../img/thumbs/deacon.gif); background-position:bottom center;}

div#projects button#b02 {background:url(../img/thumbs/kavi.gif); background-position:top center;}
div#projects button#b02:hover {background:url(../img/thumbs/kavi.gif); background-position:bottom center;}

div#projects button#b03 {background:url(../img/thumbs/sbre.gif); background-position:top center; }
div#projects button#b03:hover {background:url(../img/thumbs/sbre.gif); background-position:bottom center;}

div#projects button#b04 {background:url(../img/thumbs/confluence.gif); background-position:top center;}
div#projects button#b04:hover {background:url(../img/thumbs/confluence.gif); background-position:bottom center;}

div#projects button#b05 {background:url(../img/thumbs/qc.gif); background-position:top center;}
div#projects button#b05:hover {background:url(../img/thumbs/qc.gif); background-position:bottom center;}

div#projects button#b06 {background:url(../img/thumbs/mhco.gif); background-position:top center;}
div#projects button#b06:hover {background:url(../img/thumbs/mhco.gif); background-position:bottom center;}

div#projects button#b07 {background:url(../img/thumbs/antitheft.gif); background-position:top center;}
div#projects button#b07:hover {background:url(../img/thumbs/antitheft.gif); background-position:bottom center;}

div#projects button#b08 {background:url(../img/thumbs/bukers.gif); background-position:top center;}
div#projects button#b08:hover {background:url(../img/thumbs/bukers.gif); background-position:bottom center;}

div#projects button#b09 {background:url(../img/thumbs/fairway.gif); background-position:top center;}
div#projects button#b09:hover {background:url(../img/thumbs/fairway.gif); background-position:bottom center;}

div#projects button#b10 {background:url(../img/thumbs/commonwealth.gif); background-position:top center;}
div#projects button#b10:hover {background:url(../img/thumbs/commonwealth.gif); background-position:bottom center;}

div#projects button#b11 {background:url(../img/thumbs/jobgrowers.gif); background-position:top center;}
div#projects button#b11:hover {background:url(../img/thumbs/jobgrowers.gif); background-position:bottom center;}

div#projects button#b12 {background:url(../img/thumbs/westbearing.gif); background-position:top center;}
div#projects button#b12:hover {background:url(../img/thumbs/westbearing.gif); background-position:bottom center;}

div#projects-mobile {text-align:center;}
div#projects-mobile p {margin:12px 0 24px 0; color: #999;  font-size: 0.65em; line-height: 180%;  margin: 12px 0 24px;padding: 0 4%;}
div#projects-mobile h4 {margin:0 0 16px 0; color:#aaa; padding:6px; background:#666; line-height:190%; font-size:.7em; }
div#projects-mobile img {width:100%; height:auto; border:1px solid #ccc;}


@media(min-width:1200px){
div#projects p.gallery img {}
div#projects .btn-primary.btn-lg {margin:2%; width:21%; }
div#projects-mobile {display:none;} 
}
@media(min-width:992px) and (max-width:1199px){
div#projects p.gallery img {width:400px; height:auto;}
div#projects .btn-primary.btn-lg {margin:0% 3% 6% 0%; width:21.625%;  }
div#projects-mobile {display:none;} 
}
@media(min-width:768px) and (max-width:991px){
div#projects p.gallery img {width:360px; height:auto;}
div#projects .btn-primary.btn-lg {margin:0% 3% 6% 0%; width:21.625%;  }
div#projects-mobile {display:none;} 
}
@media(min-width:481px) and (max-width:767px){
	div#projects {background:black;}
div#projects p.gallery img {width:320px; height:auto;}
div#projects div#modal-buttons {display:none;}
}
@media (max-width:480px){
	div#projects {background:black;}
	div#projects p.gallery img {width:270px; height:auto;}
	div#projects div#modal-buttons {display:none;}
}

/* MODALS */

div#local-modals .modal-dialog { margin: 36px 16%;width: 68%; border-radius:0; }
div#local-modals .modal-dialog img { width:100%; height:auto; padding:12px;margin:0 auto;}
div#local-modals .modal-content {border-radius:0;}
div#local-modals .modal-body {padding:0;}
div#local-modals .modal-header {background:black; padding: 8px 16px 10px;}
div#local-modals .modal-header p {font-size: 0.65em; line-height: 190%; margin: 3px 0 0 0; padding-left: 8px; color:#aaa; letter-spacing:0.25px; width: 95%;}
div#local-modals .modal-header h4 { color: #666; font-size: .75em; letter-spacing:1px; line-height: 190%; padding: 3px 4px 0 8px; 
   width: 95%;}
   
 @media(min-width:2000px) {
	div#local-modals .modal-dialog { margin: 40px 24%;width: 52% }
}

@media(min-width:1600px) and (max-width:1999px){
div#local-modals .modal-dialog { margin: 40px 20%;width: 60% }
}

@media(min-width:1200px) and (max-width:1599px){
div#local-modals .modal-dialog { margin: 36px 16%;width: 68% }
}
@media(min-width:992px) and (max-width:1199px){
div#local-modals .modal-dialog { margin: 32px 13%;width: 74% }
}
@media(min-width:768px) and (max-width:991px){
div#local-modals .modal-dialog { margin: 30px 10%;width: 80% }
}
@media(min-width:481px) and (max-width:767px){
/* div#local-modals .modal-dialog { margin: 24px 7%;width: 86% } */
}
@media (max-width:480px){
/* div#local-modals .modal-dialog { margin: 24px 7%;width: 86% } */
}


/* PHOTOGRAPHY */

div#photographs {width:80%; margin:20px auto; text-align:center;}
div#photographs  div.photo-category p.social {width:100%; margin:0;}
div#photographs  div.photo-category p.social img {width:50px; height:auto; margin:12px; border:4px solid white;}
div#photographs  div.photo-category p.social img:hover {border:4px solid black; box-shadow:0 8px 12px white;}
div#photographs div.photo-category {height:400px;}
div#photographs div.photo-category:hover { box-shadow:0 0 9px white;}
div#photographs div.photo-category:hover p.social img { display:inline-block;}
div#photographs div.photo-category p { color: white; font-size: 2.5em; line-height: 115%; text-shadow: 0 2px 2px black; text-transform: uppercase; margin-top:35%;}
	
div#photographs div#creative  {background:url(../img/thumbs/creative.jpg); background-position:top center;}
div#photographs div#creative:hover {background:url(../img/thumbs/creative.jpg); background-position:bottom center;}

div#photographs div#editorial  {background:url(../img/thumbs/editorial.jpg); background-position:top center;}
div#photographs div#editorial:hover {background:url(../img/thumbs/editorial.jpg); background-position:bottom center;}

div#photographs div#portland  {background:url(../img/thumbs/portland.jpg); background-position:top center;}
div#photographs div#portland:hover {background:url(../img/thumbs/portland.jpg); background-position:bottom center;}

div#photographs div#models  {background:url(../img/thumbs/models.jpg); background-position:top center;}
div#photographs div#models:hover {background:url(../img/thumbs/models.jpg); background-position:bottom center;}




@media(min-width:2000px) {
div#photographs p.photogallery {text-align:center; background:white;color:#003aff; font-size:1.75em; margin: 20px 30% 20px;padding:0;line-height:100%; width:40%;}
div#photographs div.photo-category {width:20%;height:400px; overflow:hidden; text-align:center; border:3px solid white; float:left; margin:2.5%;}
div#photographs div.photo-category p {  margin-top:15%;}
div#photographs  div.photo-category p.social img {display:none;}
}

@media(min-width:1600px) and (max-width:1999px){
	div#photographs p.photogallery {text-align:center; background:white;color:#003aff; font-size:1.75em; margin: 20px 25% 20px;padding:0;line-height:100%; width:50%;}
div#photographs div.photo-category {width:45%;height:400px; overflow:hidden; text-align:center; border:3px solid white; float:left; margin:2.5%;}
div#photographs div.photo-category p {  margin-top:25%;}
div#photographs  div.photo-category p.social img {display:none;}

}

@media(min-width:1200px) and (max-width:1599px){

div#photographs p.photogallery {text-align:center; background:white;color:#003aff; font-size:1.75em; margin: 20px 20% 20px;padding:0;line-height:100%; width:60%;}
div#photographs div.photo-category {width:45%;height:400px; overflow:hidden; text-align:center; border:3px solid white; float:left; margin:2.5%;}
div#photographs div.photo-category p {  margin-top:35%;}
div#photographs  div.photo-category p.social img {display:none;}
}
@media(min-width:992px) and (max-width:1199px){

div#photographs p.photogallery {text-align:center; background:white;color:#003aff; font-size:1.75em; margin: 20px 20% 20px;padding:0;line-height:100%; width:60%;}
div#photographs div.photo-category {width:45%;height:400px; overflow:hidden; text-align:center; border:3px solid white; float:left; margin:2.5%;}
div#photographs div.photo-category p {  margin-top:35%;}

div#photographs  div.photo-category p.social img {display:none;}
	

}

@media(min-width:768px) and (max-width:991px){

div#photographs p.photogallery {text-align:center; background:white;color:#003aff; font-size:1.4em; margin: 20px 20% 20px;padding:0;line-height:100%; width:60%;}
div#photographs div.photo-category {width:45%;height:400px; overflow:hidden; text-align:center; border:3px solid white; float:left; margin:2.5%;}
div#photographs div.photo-category p {  margin-top:35%; font-size:2em;}
	

}

@media(min-width:481px) and (max-width:767px){
div#photographs p.photogallery {text-align:center; background:white;color:#003aff; font-size:1.3em; margin: 20px 20% 20px;padding:0;line-height:100%; width:60%;}
div#photographs div.photo-category {width:100%;height:400px; overflow:hidden; text-align:center; border:3px solid white; float:left; margin:2.5% 0;}
div#photographs div.photo-category p {  margin-top:25%; font-size:2.25em;}





}
@media (max-width:480px){
	
div#photographs p.photogallery {text-align:center; background:white;color:#003aff; font-size:1.1em; margin: 20px 14% 20px;padding:0;line-height:100%; width:72%;}
div#photographs div.photo-category {width:100%;height:400px; overflow:hidden; text-align:center; border:3px solid white; float:left; margin:2.5% 0 4%;}
div#photographs div.photo-category p {  margin-top:25%; font-size:2em;}

div#photography div.photo-tout img {width:30%; margin:0 0 15px 15px; float:right;}
div#photography div.photo-tout h3 { font-size:1.2em;}
}


/* CONTACT */

div#contact {; padding: 40px 0 20px; text-align: center;width: 100%;}
div#contact p {color:white;line-height: 190%; margin:20px 0;}
div#contact p a {color:white;padding:0 6px; }
div#contact p a:hover {color:white;background:red;}


@media(min-width:2000px) {
	
}

@media(min-width:1600px) and (max-width:1999px){

}

@media(min-width:1200px) and (max-width:1599px){

}

@media(min-width:992px) and (max-width:1199px){

}

@media(min-width:768px) and (max-width:991px){

}

@media(min-width:481px) and (max-width:767px){
}

@media (max-width:480px){
	div#contact p {font-size:.8em;}
}

/* SOCIAL */
div#social {width:100%;}
div#social iframe#twitter-widget-0  {width:47% !important; height:600px !important;}
div#social iframe#bookface {width:47%; float:right; height:600px;}

div#icons {padding-bottom:70px;}
div#icons p img { height:auto; margin:0 10px 10px; }
div#icons p img:hover {box-shadow:0 0 9px white;}
div#icons p.copyright {font-size:.75em; line-height:190%; }
div#icons p.signoff {font-size:.65em; line-height:190%; width:80%; margin:auto;}
div#icons p.signoff a {color: #ffe94d;}

@media(min-width:1200px){
div#icons {padding-bottom:70px;}
div#icons p img {width:50px; margin:0 10px 10px; }
}
@media(min-width:992px) and (max-width:1199px){
div#icons {padding-bottom:70px;}
div#icons p img {width:45px; margin:0 10px 10px; }
}
@media(min-width:768px) and (max-width:991px){
div#icons {padding-bottom:70px;}
div#icons p img {width:40px; margin:0 10px 10px;  }
}
@media(min-width:481px) and (max-width:767px){
div#icons {padding-bottom:70px;}
div#icons p img {width:35px; margin:0 10px 10px; }
}
@media (max-width:480px){
div#icons {padding-bottom:70px;}
div#icons p img {width:30px;  margin:0 6px 10px; }
}