#main img,
#sub_widgets img {
	max-width: 100%;
	height: auto;
}

.print_header,
.print_footer,
.print {
	display: none;
}

/* x-small */

#site_container {
position: relative;
width: 100%;
overflow: hidden;
}

#site {
position: relative;
top: 0;
left: 0;
}

.grey {
background-color: #f2f5f8;	
}

.light_teal {
background-color: #4f86a0;
/* orig background-color: #4389a2;*/	
}

.dark_teal {
background-color: #005e85;
/* orig background-color: #184251;*/	
}

.dark {
background-color: #221f28;	
}

.ccm-ui .light_teal,
.ccm-ui .light_teal a,
.ccm-ui .light_teal li ,
.ccm-ui .light_teal h1,
.ccm-ui .light_teal h2,
.ccm-ui .light_teal h2,
.ccm-ui .light_teal h4,
.ccm-ui .light_teal p,
.ccm-ui .dark_teal a,
.ccm-ui .dark_teal li ,
.ccm-ui .dark_teal h1,
.ccm-ui .dark_teal h2,
.ccm-ui .dark_teal h2,
.ccm-ui .dark_teal h4,
.ccm-ui .dark_teal p
.ccm-ui .dark li ,
.ccm-ui .dark h1,
.ccm-ui .dark h2,
.ccm-ui .dark h2,
.ccm-ui .dark h4,
.ccm-ui .dark p {
color: #fff;
}

.row {
position: relative;
padding: 5% 0;
}

.row.no_pad {
padding: 0;
}

.clear:after {
	content: '';
	clear: both;
	display:block;
}

#top {
width: 100%;
z-index: 1000;
background: #fff;
-webkit-box-shadow: 0 -5px 25px 0 #000000;
box-shadow: 0 -5px 25px 0 #000000;
position: relative;
}

#top .logged_in {
	padding: 0.75rem 0;
}

#logo_top {
display: none;
}

#mobile_logo_top {
display:block;
background-image: url(../img/logo.gif);
position:absolute;
left: 15px;
width: 100px;
padding-top: 30px;
bottom: 3px;
}

#main #sidebar {
display: none;
}

#main {
position: relative;
}

#sub_widgets .col-sm-4 {
	padding-top: 15px;
	padding-bottom: 15px;
}

#footer_logo {
display: block;
height: 0;
overflow: hidden;
width: 15%;
padding-top: 10%;
background-image: url(../img/logo_footer_3.png);
}

#footer_4 .container p {
	font-weight: 300;
	font-size: 15px;
	line-height: 17px;
	padding: 15px 0;
	margin: 0;
	color: #b9b9b9;
}

#footer_4 {
	padding: 10px 0 15px 0;
}

.credit {
	display: inline-block;
	background-image: url(../img/korkoladesign@2x.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	height: 0;
	overflow: hidden;
	padding-top: 20.6px;
	width: 200px;
}

.credit:hover {
	background-position: bottom center;
}

/* Jobs */

.job_info {
	margin-bottom: 1em;
	padding-bottom: 1em;
    border-bottom: 1px solid #1e988a;
	font-weight: 300;
}

.job_info strong {
	font-weight: 600;
}

/* end jobs */

.flood_message {
	border: 1px solid #ccc;
	background-color: #EDEDED;
	padding: 1em 1em 0 1em;
	margin-bottom: 1em;
}

img.flood_status {
	margin: 1em 0;
}

.tutorial li img {
	width: 75%;
	padding: 0.5em 0 1.5em 0;
}

.ccm-ui .tutorial table tr:nth-child(even) {
    background-color: transparent;
}



/* end x-small */
/* small */ 

@media only screen and (max-width : 767px) {

.tutorial td:last-of-type {
	width: 100%;
}

.tutorial td:first-of-type,
#footer_1 {
	display: none;
}

}

@media only screen and (min-width : 768px) {

#top {
padding-top: 7%;
}

#logo_top {
display:block;
background-image: url(../img/logo_3.png);
position:absolute;
left: 15px;
width: 40%;
padding-top: 12%;
bottom: 50px;
}

#top .logged_in {
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
    font-size: 0.75rem;
	text-align: right;
}

#mobile_logo_top {
display: none;
width: 133px;
padding-top: 40px;
bottom: 6px;
}

.page-template-home #main .row,
#widgets .row .header {
text-align: center;
width: 80%;
margin: 0 auto;
float: none;
}

.ccm-ui .page-template-home #main .row h1:after,
.ccm-ui .page-template-home #main .row h2:after,
#widgets .row .header h2:after {
margin-left: auto;
margin-right: auto;
}

#main {
	padding-bottom: 4em;
}

.page-template-home #main {
	padding-bottom: 0;
}

#main #sidebar {
display: block;
}

#sub_widgets .col-sm-4 {
	padding-top: 0;
	padding-bottom: 0;
}

#footer_logo,
#footer_nav {
float: left;
}

#footer_nav {
width: 85%;
}

#footer_4 .container {
	text-align:center;
}

.tutorial td:first-of-type {
	width: 30%;
}

.tutorial td:last-of-type {
	width: 70%;
}


} /* end small */

/* medium */
@media only screen and (min-width : 992px) {

#logo_top {
width: 450px;
padding-top: 140px;
bottom: 55px;
}

#top .logged_in {
    font-size: 0.85rem;
}

.page-template-home #main .row,
#widgets .row .header {
width: 70%;
}

.page-template-left-sidebar #sidebar,
.page-template-left-sidebar #sidebar_clone {
padding-right:50px;
}

.tutorial td:first-of-type {
	width: 25%;
}

.tutorial td:last-of-type {
	width: 75%;
}

} /* end medium */

/* large */
@media only screen and (min-width : 1200px) {

#top {
    padding-top: 5%;
}

.page-template-home #main .row,
#widgets .row .header {
width: 80%;
}

.page-template-left-sidebar #sidebar,
.page-template-left-sidebar #sidebar_clone {
padding-right:75px;
}
	
#top .container,
#footer_3 .container {
width: 100%;
max-width: 1500px;
padding-left: 30px;
padding-right: 30px;
}

.tutorial td:first-of-type {
	width: 20%;
}

.tutorial td:last-of-type {
	width: 80%;
}

} /* end large */