@charset "UTF-8";
/* CSS Document */

/*****************************************************************/
/******** Custom Header Styles changed from headroom.js **********/
/*****************************************************************/

/* Small Mobile Layout: 340px and below. */
#formdiv{ width:96%; padding:2%;}
#content{ width:96%; padding:2%;}
#submitbutton{ display:block; margin-top:20px; width:150px; height:25px;}
.textholder{display:block; margin-top:7px; margin-bottom:-4px;}
.fieldholder{ width:96%;}
input { height:20px; font-size:13px;}
textarea {font-size:13px;}
.thumbnail{ width:150px; height:120px; float:left; margin-right:2%; margin-bottom:0px;}
.error{ color:#C00;}

/***********************************************************************/
/* Mobile Layout: 340px to 480px. Inherits style from smaller screen */
@media only screen and (min-width: 340px) {


}

/***********************************************************************/
/* Tablet Layout: 481px to 800px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {


}

/**************************************************************************/
/* Desktop Layout: 800px to 840px. Inherits styles from: Previous Layout. */
@media only screen and (min-width: 800px) {
#formdiv{ width:46%; padding:2%; float:left; }
#content{ width:46%; padding:2%; float:left; }
.fieldholder{ width:90%;}
::-webkit-input-placeholder { font-size:13px; color:#888;}
:-moz-placeholder { /* Firefox 18- */  font-size:13px; color:#888; }
::-moz-placeholder {  /* Firefox 19+ */  font-size:13px; color:#888; }
:-ms-input-placeholder {    font-size:13px; color:#888; }
}