@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
@import url(https://fonts.googleapis.com/css?family=Comfortaa:400,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Muli:400,300);


*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 }

html, body, p, h1, h2, h3, h4, h5, ul, ol, li, form, input, img, a, hr, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, iframe

{
margin:0;
padding:0;
border:none;
outline:none;
vertical-align:baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
display: block;
}


body {

	font-size:14px;
	color:rgba(72,72,72,1);
	font-family:"Montserrat", Arial, Helvetica, sans-serif;
	font-weight:400;
	background:url(http://highline.edu/bas/respiratorycare/images/pagebg3.gif);
}

img {	
max-width:100%;	
}

p {
	
margin-bottom:16px;
line-height:24px;
color:rgba(72,72,72,1);
}


h2 {
	font-size:30px;
	font-weight:400;
    letter-spacing:1px;
	margin-bottom:28px;
	color:#0F9034;
	text-transform:uppercase;
	border-bottom:1px dashed #5EE082;
}



h3 {
	font-size:20px;
	font-weight:400;
	margin-bottom:10px;
	color:#525252;
	
}


h4 {
	
 	font-size:16px;
	font-weight:400;
	margin-bottom:10px;
	
}



ul {

margin-left:12px;

}

li {

margin-bottom:8px;

}



a {
	
color:rgba(3,144,61,1);
text-decoration:none;	
	
}

a:hover {
	
color:#195C8F;
}

.animate {
	
-webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;			
}


img {

margin-bottom:10px;	
	
}



.nomb {
	
margin-bottom:0;	
}




/* NAV */


#topnav {
	

	position:fixed;
	width:100%;
	top:0;
	z-index:99;
	background:rgba(34,96,142,0.9);
	box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.2);
}


#topnav ul {
	
    list-style:none;
	/* max-width:1200px; */
	margin:0 auto 0 auto;
	font-size:16px;
	font-weight:400;
	letter-spacing:1px;
	text-transform:uppercase;
	text-shadow: 0 1px 0 #154E7A;
	text-align:center;
	
	
}


#topnav li {

display:inline-block;
border-right:1px solid rgba(255,255,255,0.2);
}

#topnav li.first {
border-left:1px solid rgba(255,255,255,0.2);
}



#topnav a {
	
	display:block;
	padding:16px 18px 16px 18px;
	text-decoration:none;
	color:#fff;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;		
}


#topnav a:hover {
	
	background-color:rgba(23,83,130,1);
	
}


#masthead {
	
box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.26);
border-top:12px solid #1A8623;
}


#header_inside {
	
max-width:704px;
margin:0 auto 0 auto;
padding:140px 0 0 0;	
	
}


#header_inside h1 strong {
	
	display:inline-block;
	text-indent:-9999px;
}


#header_inside h2 {
	
color:#fff;
font-size:24px;
text-transform:uppercase;
text-align:center;
margin:0 auto 0 auto;	
padding:8px 0 8px 0;
border-top:1px dashed #167C2E;
border-bottom:1px dashed #167C2E;
max-width:640px;
text-shadow: 0 1px 0 #000;
letter-spacing:0.5px;
}



section {
	
max-width:1320px;
margin:0 auto 0 auto;
padding:60px;
padding-bottom:20px;
}


section:after { 
 
 content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;	
  }
  
  
  
.section_wrap {

 /* if needed */	
}




table {
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 20px;
    width: 100%;
	font-size:15px;
}


table td {
	
padding:8px;	
	
}


.odd {
	
background:rgba(31,87,130,0.1);
}




/* COLUMNS */

.onehalf {
	 
	width:47%;
	float:left;
	margin-right:6%;
	margin-bottom:12px;
 }
 
 
 .twothird {
	 
	 width:65%;
	 float:left;
	 margin-right:5%;
	 margin-bottom:12px;
 }
 
 
 .onethird {
	 
	width:30%;
	float:left;
	margin-right:5%;
	margin-bottom:12px;
	
 }
 
  .lastcolumn {
	margin-right:0!important; 
 }



.ds {
	
   -webkit-box-shadow:  0px 4px 10px 0px rgba(0, 0, 0, 0.4);
   box-shadow:  0px 4px 10px 0px rgba(0, 0, 0, 0.4);	
}

.border_white {
    border: 8px solid #fff;
}


.right {

float:right;
margin:0 0 8px 20px;	
	
}

.left {

float:left;
margin:0 20px 0 0;

}


.tilt_right {
    margin: 12px 0 20px 30px;
    transform: rotate(3deg);
}


footer {
background:#119244;
background:#1A8623;

}


.footer-inside {
    margin: 0 auto;
    max-width: 1320px;
	padding:30px 60px 30px 60px;
}


footer p {	
margin-top:18px;
color:#fff;

}


footer img {
    float: left;
    margin-right: 40px;
}


footer a {
color:#cecece;

	
}

footer a:hover {
	color:#fff;
	
}



.button {
    background: #3e88af;
    border-radius: 18px;
    color: #fff;
    display:inline-block;
    margin-bottom: 12px;
    padding: 8px 14px;
    position: relative;
    text-decoration: none;
	font-size:18px;
	cursor:pointer;
}


.button:hover {
	
	background:#1C9D39;
	color:#fff;
	
}





/* Flex experiment */


.downloads {

display:flex;
flex-flow: row wrap;
flex-wrap: wrap;
flex-wrap:nowrap;
justify-content: space-around;
}


.downloads a {

padding:6px;
text-align:center;
display: block;
}

.downloads a * {

display:block;

}





/* hacking ie10+ as needed
 @media screen
 and (-ms-high-contrast: active),
 (-ms-high-contrast: none) {  
 
 
 #masthead {
box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.6);
}
 
 #topnav {
box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.08);
	   }
 }

 */
 
 
 
 
  @media only screen
and (max-width:1280px)
 
 {
	 
	 #topnav ul {
	font-size:15px;
	
}
	 
	#topnav a {
	padding:14px 14px 14px 14px;	
} 


#topnav li {
border-right:0;
}

#topnav li.first {
border-left:0;
}
	 
	 
 }
 
 
 
  @media only screen
and (max-width:1030px)
 
 { 
	 
	 
#topnav ul {
	font-size:14px;
	
}
	 
	#topnav a {
	padding:12px;	
} 
	 
	 
 }
 
 
  @media only screen
and (max-width:800px)
 
 { 
 
 section {
padding:20px;
}


.onehalf {	 
	width:100%;
	float:none;
	margin-right:0%;
	margin-bottom:20px;
 }
 
 
 }
 
 
 @media only screen
and (max-width:600px)
 
 { 
 
 footer img {
 
display:none;
 
 }

.left {
 float:none;
 }
 
 }