/* IE STUFF */
@supports (-ms-ime-align:auto){

}

@media all and (-ms-high-contrast:none) and (max-width:768px){

}

@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
	.header-grid{
		display: -webkit-box;
    	display: -ms-flexbox;
        display:flex;
    }
    .header-grid > div:first-child{
        flex-basis:270px;
        width:270px;
    }
    .header-grid > div:last-child{
        flex-grow:1;
    }
    .sub-nav-grid > div{
        width:100%;
        padding:0 15px;
    }
}

@media only screen
and (min-device-width: 834px)
and (max-device-width: 834px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
	.header-grid{
		display: -webkit-box;
    	display: -ms-flexbox;
        display:flex;
    }
    .header-grid > div:first-child{
        flex-basis:270px;
        width:270px;
    }
    .header-grid > div:last-child{
        flex-grow:1;
    }
    .sub-nav-grid > div{
        width:100%;
        padding:0 15px;
    }
}

/* Safari Stuff */

@media (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {

	.header-grid{
		display: -webkit-box;
    	display: -ms-flexbox;
		display:flex;
	}
	.header-grid > div:first-child{
		flex-basis:270px;
		width:270px;
	}
	.header-grid > div:last-child{
		flex-grow:1;
	}
	.sub-nav-grid > div{
		width:100%;
		padding:0 15px;
	}
	.footer-grid{
		display:flex;
	}
	.footer-grid > div{
		width:25%;
		padding:0 10px;
	}

	.two-column-text-grid, .two-column-text-image-grid, .two-column-text-grid-75-25 {
		display:flex;
	}
	.two-column-text-grid > div.twitter-feed {
		padding: 0 70px;
	}
	.two-column-text-grid > div, .two-column-text-image-grid > div{
		width:50%;
		padding:0 10px;
	}
	.two-column-text-grid-75-25 > div:nth-child(1) {
		width: 75%;
		padding: 0 10px;
	}
	.two-column-text-grid-75-25 > div:nth-child(2) {
		width: 25%;
		padding: 0 10px;
	}
	.team-grid, .supporter-grid{
		display:flex;
		flex-wrap:wrap;
	}
	.team-grid > a, .supporter-grid > a {
		display:inline-block;
		width:25%;
		padding:0 10px 20px;
	}
	.team-grid > a > div, .supporter-grid > a > div {
		width:100%;
	}

	.eventAccordionDetails, .event_details_details, .event_details{
		display:flex;
	}
	.eventAccordionDetails > div, .event_details_details > div, .event_details > div{
	width:50%;
	}
	div.eventPreviewImage {
		padding-top:100%;
	}
	.logo-grid{
		display:flex;
		flex-wrap:wrap;
	}
	.logo-grid > div{
		width:25%;
		padding:10px;
	}
	.news-page-grid{
		display:flex;
		justify-content: center;
	}
	.news-page-grid > div:first-child{
		flex-basis: 66%;
		padding:0 15px 0 0;
	}
	/*.news-page-grid > div:last-child{
		flex-basis: 33%;
		padding:0 0 0 15px;
	}*/
	.news-grid{
		display:flex;
		flex-wrap: wrap;
		/*margin:0 -15px;*/
	}
	.news-grid > div{
		/*width:50%;*/
		flex-basis: 48%;
		/*padding:0 15px;*/
	}
	.password_form, .details_form{
		display:flex;
		flex-wrap:wrap;
	}
	.password_form div, .details_form div{
		width:50%;
		margin-bottom:20px;
	}
	.filter-bar {
		display: flex;
		grid-gap: 30px;
		padding-bottom: 30px;
	}
	.filter-bar .news-filter, .filter-bar .news-search {
		width: 50%;
	}
	.filter-bar .news-filter > div:first-child {
		border: 2px solid #00B398;
		-webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	    -khtml-border-radius: 10px;
		border-radius: 10px;
    	padding: 8px 15px;
	}
	.two-column-webinar-detail {
		display: flex;
		grid-gap: 30px;
	}
	.two-column-webinar-detail > div {
		width:50%;
	}
	.webinars-calendar-grid {
		display: flex;
		grid-gap: 30px;
	}
	.webinars-calendar-grid .webinars-listing {
		width: 30%;
	}
	.webinars-calendar-grid .event-calendar {
		width: 70%;
	}
	.two-column-event-block {
		display: flex;
		grid-gap: 30px;	
	}
	.two-column-event-block > div {
		width: 50%;
	}
	.home .how-we-work-item .img{
		max-height: 270px;
		height: 100%;
	}
	.logo-slider {
		display: flex;
		flex-wrap: wrap;
	}
	.logo-slider > div {
		display: inline-block;
		width: 11%;
	}
}
}


@media (min-resolution:.001dpcm) and (max-width:768px)
{ @supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {

	
	.header-grid > div:first-child{
		flex-basis:auto;
		width:auto;
	}

	.footer-grid{
		display:flex;
		flex-wrap:wrap;
		justify-content: center;
		align-self: center;
		text-align: center;
	}
	.footer-grid > div{
		width:auto;
		flex-basis:50%;
	}
	.two-column-text-grid, .two-column-text-image-grid, .two-column-text-grid-75-25 {
		display:inline-block;
	}
	.two-column-text-grid > div.twitter-feed {
		padding: 30px 0;
	}
	.two-column-text-grid > div, .two-column-text-image-grid > div, .two-column-text-grid-75-25 > div {
		width:100%;
		padding:10px 0;
	}
	.team-grid > a, .supporter-grid > a {
		width:33%;
		padding:0 10px 20px;
	}
	.eventAccordionDetails, .event_details_details, .event_details{
		display:inline-block;
	}
	.eventAccordionDetails > div, .event_details_details > div, .event_details > div{
		width:100%;
	}
	.eventAccordionDetails > div:last-child, .event_details > div:last-child{
		display:none;
	}
	.logo-grid > div{
		width:33%;
		padding:10px;
	}
	div.login-slider.slick-initialized.slick-slider{
		max-width:400px;
	}

	.news-page-grid{
		display:inline-block;
	}
	.news-page-grid > div:first-child{
		padding:0 0px 0 0;
	}
	/*.news-page-grid > div:last-child{
		padding:0 0 0 0px;
	}*/
	.filter-bar {
		display: block;
		padding-bottom: 30px;
	}
	.filter-bar .news-filter, .filter-bar .news-search {
		width: 100%;
		padding-bottom: 15px;
	}
	.two-column-webinar-detail {
		display: inline-block;
	}
	.two-column-webinar-detail > div {
		width:100%;
		padding-bottom: 30px;
	}
	.webinars-calendar-grid {
		display: inline-block;
		padding-bottom: 30px;
	}
	.webinars-calendar-grid .webinars-listing, .webinars-calendar-grid .event-calendar {
		width: 100%;
	}
	.two-column-event-block {
		display: inline-block;
	}
	.two-column-event-block > div {
		width: 100%;
		margin-top: 30px;
	}
	.home .how-we-work-item .img{
		max-height: none;
	}
	.logo-slider > div {
		width: 22%;
	}
	#ctf .ctf-author-avatar {
		width: 30px;
    	height: 30px;
	}
	#ctf .ctf-tweet-actions, #ctf .ctf-tweet-content {
		margin-left: 40px;
	}
	#ctf p.ctf-media-link, #ctf p.ctf-tweet-text {
		font-size: 0.7em;
	}
}
}



@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) and (max-width:768px)
{ 
@media{

}
}


@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) and (max-width:560px)
{ 
@media{



	.footer-grid{
		display:inline-block;
	}
	.footer-grid > div{
		width:100%;
	}
	.team-grid > a, .supporter-grid > a {
		width:50%;
		padding:0 10px 20px;
	}
	.logo-slider > div {
		width: 22%;
	}
	.logo-grid > div{
		width:50%;
		padding:10px;
	}
	.news-grid{
		display:inline-block;
		margin:0 0;
	}
	.news-grid > div{
		width:100%;
		padding:0 0px;
	}
}
}