html{
height:100%;
margin:0px;
padding:0px;
font-family: 'Khula', sans-serif;
}

body{
height: 100%;
margin:0px;
padding:0px;
font-family: 'Khula', sans-serif;
}

h1,h2,h3,h4,h5{
font-family: 'Khula', sans-serif;
}

/* Input PlaceHolder*/
::-webkit-input-placeholder {
font-family: 'Khula', sans-serif;
}
:-moz-placeholder { /* older Firefox*/
font-family: 'Khula', sans-serif;
}
::-moz-placeholder { /* Firefox 19+ */ 
font-family: 'Khula', sans-serif;
} 
:-ms-input-placeholder { 
font-family: 'Khula', sans-serif;
}


.logo-row{
min-height: 100%;
height: 100%;
}

.logo-content{
min-height: 100%;
height: 100%;
margin:0px;
padding:0px;
text-align:center;
background-color: rgba(0, 0, 0, 0.8);
}

.logo{
min-height: 100%;
display: inline-block;
height: 100%;
}

.logo img{
position: relative;
top: 50%;
transform: translateY(-50%);
cursor:pointer;
}

/* Admin */

.adminGutter{
min-height: 100%;
height: 100%;
background:#000000;
position: relative;
top: 50%;
transform: translateY(-50%);	
}

.message{
font-family: 'Khula', sans-serif;
}

.file-wrapper{
padding:0px;
border-bottom:1px solid #eee;
overflow:hidden;
}


.file img{
width:4em;
height:auto;
}

.file-delete{
text-align:right;
}

/* Contact Form */
.contact-form{
position:absolute;
padding:1em;
text-align:left;
display:none;
background-color: rgba(255, 255, 255, 0.5);
margin-bottom:150%;
}

.contact-form input,
.contact-form textarea{
margin-bottom:.5em;
font-family: 'Khula', sans-serif;
}

.contact-form h2{
color:#fff;
font-family: 'Khula', sans-serif;
}

input{

font-family: 'Khula', sans-serif;
}


#contact-name-error,
#contact-email-error,
#contact-message-error,
#verify-error
{
color:#fff;
font-family: 'Khula', sans-serif;
}

#captcha {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
padding:0em;
font-family: 'Khula', sans-serif;
}

#captcha p{
padding:0px;
margin:0px;
font-family: 'Khula', sans-serif;
}

#secimage{
font-size:1.6em;
}


#secimage p{
padding:0px; 
text-align:center; 
}

#verify{
width:100%;
}

#result{
    margin-top:.5em;
color:#eee;
font-family: 'Khula', sans-serif;
}

#refresh{
    margin:0px;
}

#send, #cancel, #refresh{
font-family: 'Khula', sans-serif;
}


.close{
float:right;
color:#fff;
cursor:pointer;
}


.complete{
display:none;
background-color: rgba(0, 0, 0, 0.8);
width:100%;
min-height: 100%;
height: 100%;
position: relative;
top: 50%;
transform: translateY(-50%);    
z-index:999;
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    	.adminGutter{
    		display:none;
    	}
    }


    /* iPad Landscape */
    @media only screen and (max-width : 1024px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    	.adminGutter{
    		display:none;
    	}

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }