/**
 * This file should get overwritten if Method 1 is used. If Method 2 is chosen,
 * remove this comment and start adding your styles to this file.
 */
body {
    color: #c8c8c8;
    background-color: #002D5B;
    background-color: #00468C;
    
}
.navbar {
	background-image: none;
	text-shadow: 0;
	border-radius: 0;
}
.navbar-btn {
	margin-top: 8px;
}
.well {
    background-color: #3a3f44;	
}
.page-header {
	border: none;
}
@media (min-width: 1200px) {
	.container,
	.navbar.container {
    max-width: 970px;
	}
	/*
	.view-directory .views-row a.thumbnail {
	    height: 148px;
	    width: 200px;
	}	
    .node-type-link .link-image-link {
        height: 240px;
        width: 320px;
    } 
    */  	
}

@media only screen and (max-width: 320px) {
    #block-views-directory-block-4 .views-row {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
	.view-directory .views-row a.thumbnail {
	   width: 100%;
	}
	.node-type-link .field-name-field-external-link, 
	.node-type-link .field-name-field-link-image, 
	.node-type-link .link-image-container .link-main-image {
       width: 100%;
	   max-width: 100%;	
    }
	.view-directory .views-row a.thumbnail img,
	.view-taxonomy-term-custom .views-row a.thumbnail img {
	    width: 100%;
	    height: auto;
	}	
	.view-directory .views-row h3 {
        width: 100%;
        clear: left;
	}
    .ais-hits--item {
        width: 100%;
        clear: both;
        margin-bottom: 2em;
        padding-right: 0;
    }    	
	#link-node-form #edit-field-role-link .form-item {
	    float: none;
	    margin-right: 0;
	}
    
}