.main-container-image-espn {
    	background-image: /* labels refer reading images left to right */
			url('../_img/bgd/espn-2015-redesign-devices-wh.jpg');
    	background-position: /*left top; 	/* this positions the 1st image */
			calc(50% + 20px) calc(50% + 0px);
    		-webkit-transition: background-position 1.5s ease-out;
    		-moz-transition: background-position 1.5s ease-out;
    		-o-transition: background-position 1.5s ease-out;
   		transition: background-position 1.5s ease-out;
   		background-repeat: no-repeat;
    	background-size: 950px;

    	/* min-height: 102vh; */
		width: 100%;
    	float: left;
		height: 520px;
    	border-top: 0px solid #223;
    	border: 0px solid #090;
    	margin: 24px 0 0px 0;
	}
	

	#dtopmenu-at a{
	color: #FC2C2C;
	border-bottom: 3px solid;
	padding-bottom: 6px;
}
#dtopmenu a {
	font-family: 'MADEOkineSans-Regular', Arial, sans-serif;
	color: #333;
	font-size: 16px;
	text-decoration: none;
}

.fixed #dtopmenu a {
	font-family: 'MADEOkineSans-Regular', Arial, sans-serif;
	color: #ccc;
	font-size: 16px;
	text-decoration: none;
}

/* solutions area needs a black hamburger *******/
#nav span {
display: block;
width: 76px;
height: 58px;
background: url(../../_resources/img/nav-toggle-666.webp) center center no-repeat;
background-size: 22px 22px;
margin: 16px 0 0 0;

}
/* solutions area needs a black hamburger *******/

/* new css to get an at state *********/
#dtopmenu .dtop-menu-at {
	color: #FB4E4E;
	border-bottom: 3px solid;
	padding-bottom: 6px;
}

/*
#dtopmenu .dtop-menu-at a{
	color: #FB4E4E;
	border-bottom: 3px solid;
	padding-bottom: 6px;
}
*/
/*
#dtopmenu a {
	/*
	font-family: 'MADEOkineSans-Regular', Arial, sans-serif;
	
	font-size: 16px;
	text-decoration: none; */
	color: #999;
}

.fixed #dtopmenu a {
	color: #ddd;
}

.fixed #dtopmenu .dtop-menu-at {
	color: #FB4E4E;
}


.a-icon-01 {
	fill: #A1F7E7;
	z-index: 900;
	height: 32px;
	width: 32px;
	position: absolute;
	top: 270px;
	left: calc(62vw + 2vw);
	-webkit-transition: left  1.5s ease-out;
			-moz-transition: left  1.5s ease-out;
			-o-transition: left  1.5s ease-out;
			transition: left 1.5s ease-out;
			-webkit-transition: top  1.5s ease-out;
			-moz-transition: top  1.5s ease-out;
			-o-transition: top  1.5s ease-out;
			transition: top 1.5s ease-out;
}
.a-icon-01:hover {
	fill: #fff;
	z-index: 900;
	cursor: pointer;
}


.a-icon-02 {
	fill: #A1F7E7;
	height: 15px;
	width: 15px;
	position: absolute;
	top: 3px;
	left: calc(-22px + 0vw);
}
.a-icon-02:hover {
	fill: #eee;
	height: 15px;
	width: 15px;
	cursor: pointer;
	border-bottom: 0px solid #f00;
}

.page3 {
	position: relative;
	width: 100%;
	max-width: 994px;
	margin: 0 auto;
	background: #fff;
	border-top: 0px solid #c3d7d8;
}



body {
	background: #fff;
	margin: 0;
	padding: 0;
	background: linear-gradient(180deg, #f3f3f3 0%, #ffffff 35%);
}

.blog-byline-container {
	width: 100%;
	padding: 12px 0 24px 0;
	background: rgb(102, 102,102, .025);
	float: left;
	border-bottom: 0px solid #d00;
	position: absolute;
	bottom: 0;
}
.blog-center-col {
	margin: 0 auto;
	max-width: 994px;
}
/*
.navlinks {
	position: absolute;
	top: -1px;
	left: 40vw;
	display: inline;
	border-right: 0px solid #eee;
	border: 0px solid #fcc;
	padding-right: 12px;
}

.navlinks a{
	font-size: 14px;
  	font-size: 1.4rem;
  	line-height: 1.375em;
  	font-family: 'MADEOkineSans-Regular', Arial, sans-serif;
}

.navlinks a:hover{
	font-size: 14px;
  	font-size: 1.4rem;
  	line-height: 1.375em;
  	font-family: 'MADEOkineSans-Regular', Arial, sans-serif;
  	border-bottom: 3px solid #f62;
  	padding-bottom: 4px;
}
*/
.mission{
	font-size: 12px;
	color: #888;
  	line-height: 1.375em;
  	font-family: 'MADEOkineSans-Medium', Arial, sans-serif;
  	border: 0px solid #f62;
  	padding-bottom: 4px;
  	letter-spacing: .09em;
  	float: left;
  	width: 98%;
  	margin: 0;
  	padding: 0 0 12px 0;
}

.page4b {
	overflow: hidden;
	border-top: 0px solid #650;
	background: #9E0A66;
}



.blog-hero {
	overflow: hidden;
	border-top: 0px solid #650;
	background: ;
	position: relative;
	background: #fff;
}
       
.blog-home-hero-bg-image {
    border-bottom: 0px solid #f00;
	padding: 0 0 0px 0;
    z-index: 2;
    overflow: visible;
    border: 0px solid #f00;

    		 
    background-image: 
    	/* labels refer reading images left to right */
   		url('../_img/bgd/sumo-desktop-02-03.webp');



  	background-position:
    	/*left top; */
    	calc(70% - 19vw) calc(0% - 230px);
    	
			-webkit-transition: background-position 1.5s ease-out;
  			-moz-transition: background-position 1.5s ease-out;
  			-o-transition: background-position 1.5s ease-out;
 			transition: background-position 1.5s ease-out;
  	background-repeat:
    	no-repeat; /* this applies to all images */

    background-size: 1600px;
   
    
    /*height: 540px; */
    min-height: 74vh;
    	  	
}


.blog-hero-bg-image {
    border-bottom: 0px solid #f00;
	padding: 0 0 0px 0;
    z-index: 2;
    overflow: visible;
    border: 0px solid #f00;

    		 
    background-image: 
    	/* labels refer reading images left to right */
   		url('../_img/bgd/sumo-desktop-02-03.webp');



  	background-position:
    	/*left top; 	/* this positions the 1st image */
    	calc(0% + 0vw) calc(0% + 0px);
    	calc(70% - 23vw) calc(0% - 190px);
    	
			-webkit-transition: background-position 1.5s ease-out;
  			-moz-transition: background-position 1.5s ease-out;
  			-o-transition: background-position 1.5s ease-out;
 			transition: background-position 1.5s ease-out;
  	background-repeat:
    	no-repeat; /* this applies to all images */
    background-size: 1600px;
    background-size: 2260px;

   
    
    /*height: 540px; */
    min-height: 550px;
    	  	
}


        
.animateHero {
    /***first value is transition time, 2nd is delay before animation **/
    animation: heroAnimationLoad 1s 0s forwards;
    animation-name: heroAnimationLoad;
    animation-duration: 3s;
    /** css animation *****/ 
}

@keyframes heroAnimationLoad {
  	from {
    	margin: 150px 0 0 0px;
    	opacity: .01;
  		}
  	to {
    	margin: 0px 0 100px 0px;
    	opacity: 1;
  		}
}
        
.darkbackgr {
	background: rgb(67,70,80);
	background: linear-gradient(344deg, rgba(67,70,80,1) 3%, rgba(18,18,19,1) 100%);
	padding: 0 0 0 48px;
	height: 100vh;
}

.light-gradient {
	background: rgb(144,144,144);/* */
	background: linear-gradient(180deg, #f3f3f3 0%, #ffffff 35%);
	padding: 0 0 0 48px;
	/*height: 100vh; */
}


.makefullheight {
	height: 100vh;
	width: 100%;
}

.page4-inner span {
	margin: 0px 00px 0px 0px;
	border: 0px solid #f00;
	float: right;
}
.mind {
	border: 0px solid #d00;
	margin-top: 100px;
}

.mind h1{
	border: 0px solid #eef;
	font-family: 'MADEOkineSans-Medium', 'RobotoLight', Arial, sans-serif;
	font-size: 110px;
	line-height: .9em;
	margin: 0 0 6px 18px;
	padding: 0;
	background: -webkit-linear-gradient(90deg, rgba(133,197,166,0.082) 4%, rgba(133,197,189,1) 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	
	
}

.mind-brand {
	float: left;
	font-family: 'MADEOkineSans-Light', 'RobotoLight', Arial, sans-serif;
	color: #ccc;
	font-size: 14px;
	line-height: 1.2em;
	letter-spacing: .64px;
	margin: 324px 0 0 24px;
	width: 70%;
}
.mind-brand h4{
	display: inline; 
	float: ;
	font-family: 'MADEOkineSans-Medium', Arial, sans-serif;
	color: #ccc;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.2em;
	letter-spacing: .54px;
	margin: 324px 0 0 0px;
	width: 70%;
}


.headline-wrapper {
    -webkit-animation: headline-wrapper 1.4s ease-out forwards;
    animation-delay: 1.1s ease-out;
}



.headline-wrapper {
	position: absolute;
	bottom: 174px;
	border-bottom: 0px solid #0f0;
	max-width: 994px;
	width: 100%;
}


 
@-webkit-keyframes headline-wrapper {
    from { 
    	bottom: 27vh; 
    	opacity: 0.0;
    }
    
    to { 
    	bottom: 32vh;
    	bottom: calc(21vh + 15%);
    	opacity: 1;
    } 
}

@media screen and (max-height: 840px) {
/*

	@-webkit-keyframes headline-wrapper {
    	from { 
    		bottom: 27vh; 
    		opacity: 0.0;
    	}
    
    	to { 
    		bottom: 34vh;
    		opacity: 1;
    	} 
	}*/
}



.mindhdr{
	border: 0px solid #eef;
	font-family: 'MADEOkineSans-Medium', 'Roboto', Arial, sans-serif;
	font-size: 70px;
	font-weight: normal;
	line-height: 71px;
	margin: 180px 0 6px 18px;
	padding: 0;
	color: #fff;
	width: 72.5%;
}

.mindhdr-blog-home{
	border-bottom: 0px solid #eef;
	font-family: 'MADEOkineSans-Medium', 'Roboto', Arial, sans-serif;
	font-size: 148px;
	font-weight: normal;
	line-height: .9em;
	letter-spacing: 8px;
	border-bottom: 0px solid #090;
	margin: 60px 0 6px 18px;
	padding: 0;
	color: #60FFEC;
	width: 100%;
	
	background: linear-gradient(180deg, #22F7EB 34.59%, rgba(67, 198, 253, 0.09) 105.03%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;	
}

.mindcaption {
	float: left;
	font-family: 'MADEOkineSans-Light', 'RobotoLight', Arial, sans-serif;
	color: #eee;
	font-size: 14px;
	line-height: 1.2em;
	letter-spacing: .64px;
	margin-left: 24px;
	width: 70%;
}
.emphasis {
	font-family: 'MADEOkineSans-Regular', 'RobotoLight',Arial, sans-serif;
	color: #eee;
	font-size: 14px;
	letter-spacing: .64px;
	float: left;
	display: inline;
	padding: 0 6px 0 0;
}

.blog-rule {
	background: rgb(251,182,212);
	background: linear-gradient(270deg, rgba(251,182,212,0.37886) 15%, rgba(244,192,222,0.636) 88%);
	float: left;
	width: 95.2%;
	height: 1px;
	margin: 12px 12px 0 24px;
}
.blog-copyline {
	font-family: 'MADEOkineSans-Regular', 'RobotoLight',Arial, sans-serif;
	color: #99A1BD;
	font-size: 14px;
	margin: 12px 0 14px 24px;
	margin: 12px 0 0px 24px;
	float: left;
	width: 95.2%;
	padding: 20 0 20px 0;
	border: 0px solid #f00;
	width: 100%;
}
.pub-date {
	float: left;
	width: 30%;
}
.blog-copyline-right {
	font-family: 'MADEOkineSans-Regular', 'RobotoLight',Arial, sans-serif;
	color: #99A1BD;
	font-size: 14px;
	margin: 0px 48px 0 0px;
	position: relative;
	/*top: 36%;
	right: 0px; */
	max-width: 300px;
  	float: right;
    display: flex;
	text-align: right;
	border: 0px solid #eee;
}
.blog-copyline-right a {
	color: #99A1BD;
	border-bottom: 1px solid #99A1BD;
	padding: 0px 0 3px  0px;
	text-decoration: none;
}

.blog-copyline-right a:hover {

	color: #FB4E4E;
	font-size: 14px;
	padding: 0px 0 3px  0px;
	border-bottom: 1px solid #FB4E4E;
}






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

}

@media screen and (min-width: 1900px) {
	.blog-hero-bg-image {
		/*background-size: 2300px; */
		background-image: 
   		url('../_img/bgd/sumo-desktop-02-03.webp');

  		background-position:
    	calc(70% - 23vw) calc(0% - 190px);
    	opacity: 1;
	}
} 
@media screen and (min-width: 2400px) {
	.blog-hero-bg-image {
		background-size: 2200px; /**/
		background-image: 
   		url('../_img/bgd/sumo-desktop-02-03.webp');

  		background-position:
    	calc(11% - 2vw) calc(0% - 40px);
    	calc(70% - 23vw) calc(0% - 190px);
    	opacity: 1;
	}
} 
@media screen and (max-width: 1400px) {

}

@media screen and (max-width: 900px) {
	.a-icon-01 {
		fill: #A1F7E7;
		z-index: 9999;
		height: 32px;
		width: 32px;
		position: absolute;
		top: 240px;
		left: calc(78vw + 5vw);
		border-bottom: 0px solid #cc3;
			-webkit-transition: left  1.5s ease-out;
			-moz-transition: left  1.5s ease-out;
			-o-transition: left  1.5s ease-out;
			transition: left 1.5s ease-out;
			-webkit-transition: top  1.5s ease-out;
			-moz-transition: top  1.5s ease-out;
			-o-transition: top  1.5s ease-out;
			transition: top 1.5s ease-out;
	}
	.blog-home-hero-bg-image {
		border-bottom: 0px solid #f00;
		padding: 0 0 0px 0;
		z-index: 2;
		overflow: visible;
		border: 0px solid #f00;
		background-image: 
			url('../_img/bgd/sumo-desktop-02-03.webp');
		background-position: 
			calc(55% - 21vw) calc(0% - 220px);
			/*left top; */	
			-webkit-transition: background-position 1.5s ease-out;
			-moz-transition: background-position 1.5s ease-out;
			-o-transition: background-position 1.5s ease-out;
			transition: background-position 1.5s ease-out;
		background-repeat: no-repeat;
		background-size: 1550px;

	}
	
	
	.mindhdr{
		margin: 180px 0 6px 18px;
	}
	


	
	.blog-copyline-right {
    	font-family: 'MADEOkineSans-Regular', 'RobotoLight',Arial, sans-serif;
    	color: #99A1BD;
    	font-size: 14px;
    	margin: 0px 0 0 83%px;
    	position: relative;
    	max-width: 97%;
    	/*float: left; */
    	display: flex;
    	text-align: right;
    	border-bottom: 0px solid #006;
	}


}
@media screen and (max-width: 800px) {

	.a-icon-01 {
		fill: #A1F7E7;
		z-index: 9999;
		height: 32px;
		width: 32px;
		position: absolute;
		top: 210px;
		left: calc(84vw + 5vw);
		border-bottom: 0px solid #f00;
		-webkit-transition: left  1.5s ease-out;
			-moz-transition: left  1.5s ease-out;
			-o-transition: left  1.5s ease-out;
			transition: left 1.5s ease-out;
			-webkit-transition: top  1.5s ease-out;
			-moz-transition: top  1.5s ease-out;
			-o-transition: top  1.5s ease-out;
			transition: top 1.5s ease-out;
	}
	.blog-home-hero-bg-image {
		border-bottom: 0px solid #f00;
		padding: 0 0 0px 0;
		z-index: 2;
		overflow: visible;
		border: 0px solid #f00;
		background-image: 
			url('../_img/bgd/sumo-desktop-02-03.webp');
		background-position: 
			calc(64% - 21vw) calc(0% - 220px);
			/*left top; */	
			-webkit-transition: background-position 1.5s ease-out;
			-moz-transition: background-position 1.5s ease-out;
			-o-transition: background-position 1.5s ease-out;
			transition: background-position 1.5s ease-out;
		background-repeat: no-repeat;
		background-size: 1550px;

	}
	
	.mindhdr{
		margin: 180px 0 6px 18px;
	}
	
	.blog-home-col1 {
		padding: 4px 0 0 0;
		width: 98%;
		margin: 0 24px 64px 0;
		float: left;
		clear: ;
}
	.column:first-child {
    	flex: 0 0 33%;
	}

	.column:last-child {
    	flex: 0 0 66%;
    	display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
	.mindhdr-blog-home{
		border-bottom: 0px solid #eef;
		font-family: 'MADEOkineSans-Medium', 'Roboto', Arial, sans-serif;
		font-size: 88px;
		font-weight: normal;
		line-height: .9em;
		letter-spacing: 8px;
		border-bottom: 0px solid #222;
		margin: 60px 0 6px 18px;
		padding: 0;
		color: #60FFEC;
		width: 100%;

	
		background: linear-gradient(180deg, #22F7EB 34.59%, rgba(67, 198, 253, 0.09) 105.03%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	
	}
	.main-container-image-espn {
    	background-image: /* labels refer reading images left to right */
			url('../_img/bgd/espn-2015-redesign-devices-wh.jpg');
    	background-position: /*left top; 	/* this positions the 1st image */
			calc(50% + 20px) calc(50% + 0px);
    		-webkit-transition: background-position 1.5s ease-out;
    		-moz-transition: background-position 1.5s ease-out;
    		-o-transition: background-position 1.5s ease-out;
   		transition: background-position 1.5s ease-out;
   		background-repeat: no-repeat;
    	background-size: 750px;

    	/* min-height: 102vh; */
		width: 100%;
    	float: left;
		height: 520px;
    	border-top: 0px solid #223;
    	border: 0px solid #090;
    	margin: 24px 0 -4px 0;
	}
	
}
@media screen and (max-width: 728px) {
	.center-column {
		max-width: 100%;
		margin: 0 auto;
		background: #333;
		padding: 18px 0px 0 0px;
		margin-top: 0px;
		border-top: 2px solid #f00;
	}
}


@media screen and (max-width: 680px) {
	.main-container-image-espn {
    	background-image: /* labels refer reading images left to right */
			url('../_img/bgd/espn-2015-redesign-devices-wh.jpg');
    	background-position: /*left top; 	/* this positions the 1st image */
			calc(50% + 20px) calc(50% + 0px);
    		-webkit-transition: background-position 1.5s ease-out;
    		-moz-transition: background-position 1.5s ease-out;
    		-o-transition: background-position 1.5s ease-out;
   		transition: background-position 1.5s ease-out;
   		background-repeat: no-repeat;
    	background-size: 600px;

    	/* min-height: 102vh; */
		width: 100%;
    	float: left;
		height: 520px;
    	border-top: 0px solid #223;
    	border: 0px solid #090;
    	margin: 24px 0 -4px 0;
	}
.a-icon-01 {
		fill: #A1F7E7;
		z-index: 9999;
		height: 24px;
		width: 24px;
		position: absolute;
		top: 160px;
		left: calc(84vw + 5vw);
		border-bottom: 0px solid #f00;
		-webkit-transition: left  1.5s ease-out;
			-moz-transition: left  1.5s ease-out;
			-o-transition: left  1.5s ease-out;
			transition: left 1.5s ease-out;
			-webkit-transition: top  1.5s ease-out;
			-moz-transition: top  1.5s ease-out;
			-o-transition: top  1.5s ease-out;
			transition: top 1.5s ease-out;
	}
.blog-hero-bg-image {
		/*background-size: 2300px; */
		background-image: 
   		url('../_img/bgd/sumo-desktop-02-03.webp');

  		background-position:
    	calc(32% + 26vw) calc(0% + 110px);
    	calc(70% - 23vw) calc(0% - 190px);
    	opacity: 1;
	}
	
	.mindhdr{
		margin: 160px 0 6px 18px;
		
	}
	
	.mindhdr-blog-home{
		border-bottom: 0px solid #eef;
		font-family: 'MADEOkineSans-Medium', 'Roboto', Arial, sans-serif;
		font-size: 68px;
		font-weight: normal;
		line-height: .9em;
		letter-spacing: 6px;
		border-bottom: 0px solid #090;
		margin: 60px 0 6px 18px;
		padding: 0;
		color: #60FFEC;
		width: 76%;
	
		background: linear-gradient(180deg, #22F7EB 34.59%, rgba(67, 198, 253, 0.09) 105.03%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;	
		}

}

@media screen and (max-width: 480px) {
	.main-container-image-espn {
    	background-image: /* labels refer reading images left to right */
			url('../_img/bgd/espn-2015-redesign-devices-wh.jpg');
    	background-position: /*left top; 	/* this positions the 1st image */
			calc(50% + 20px) calc(50% + 0px);
    		-webkit-transition: background-position 1.5s ease-out;
    		-moz-transition: background-position 1.5s ease-out;
    		-o-transition: background-position 1.5s ease-out;
   		transition: background-position 1.5s ease-out;
   		background-repeat: no-repeat;
    	background-size: 470px;

    	/* min-height: 102vh; */
		width: 100%;
    	float: left;
		height: 300px;
    	border-top: 0px solid #223;
    	border: 0px solid #090;
    	margin: 24px 0 -4px 0;
	}
 .mindhdr-blog-home{
	border-bottom: 0px solid #eef;
	font-family: 'MADEOkineSans-Medium', 'Roboto', Arial, sans-serif;
	font-size: 64px;
	font-weight: normal;
	line-height: .9em;
	letter-spacing: 8px;
	border-bottom: 0px solid #339;
	margin: 60px 0 6px 18px;
	padding: 0;
	color: #60FFEC;
	width: 100%;

	
	background: linear-gradient(180deg, #22F7EB 34.59%, rgba(67, 198, 253, 0.09) 105.03%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

	
}

@media screen and (max-width: 480px) {
	.main-container-image-espn {
    	background-image: /* labels refer reading images left to right */
			url('../_img/bgd/espn-2015-redesign-devices-wh.jpg');
    	background-position: /*left top; 	/* this positions the 1st image */
			calc(50% + 10px) calc(50% + 0px);
    		-webkit-transition: background-position 1.5s ease-out;
    		-moz-transition: background-position 1.5s ease-out;
    		-o-transition: background-position 1.5s ease-out;
   		transition: background-position 1.5s ease-out;
   		background-repeat: no-repeat;
    	background-size: 470px;

    	/* min-height: 102vh; */
		width: 100%;
    	float: left;
		height: 300px;
    	border-top: 0px solid #223;
    	border: 0px solid #090;
    	margin: 24px 0 -4px 0;
	}
 .mindhdr-blog-home{
	border-bottom: 0px solid #eef;
	font-family: 'MADEOkineSans-Medium', 'Roboto', Arial, sans-serif;
	font-size: 78px;
	font-weight: normal;
	line-height: .9em;
	letter-spacing: 2px;
	border-bottom: 0px solid #339;
	margin: 60px 0 6px 18px;
	padding: 0;
	color: #60FFEC;
	width: 94%;

	
	background: linear-gradient(180deg, #22F7EB 34.59%, rgba(67, 198, 253, 0.09) 105.03%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.mind-brand {
    float: left;
    font-family: 'MADEOkineSans-Light', 'RobotoLight', Arial, sans-serif;
    color: #ccc;
    font-size: 14px;
    line-height: 1.2em;
    letter-spacing: .64px;
    margin: 260px 0 0 24px;
    width: 70%;
}

	@-webkit-keyframes headline-wrapper {
    from { 
    	bottom: 27vh; 
    	opacity: 0.0;
    }
    
    to { 
    	bottom: 42vh;
    	bottom: calc(21vh + 22%);
    	opacity: 1;
    } 
}
	
}
@media screen and (max-width: 360px) {
.main-container-image-espn {
    	background-image: /* labels refer reading images left to right */
			url('../_img/bgd/espn-2015-redesign-devices-wh.jpg');
    	background-position: /*left top; 	/* this positions the 1st image */
			calc(55% + 0px) calc(50% + 0px);
    		-webkit-transition: background-position 1.5s ease-out;
    		-moz-transition: background-position 1.5s ease-out;
    		-o-transition: background-position 1.5s ease-out;
   		transition: background-position 1.5s ease-out;
   		background-repeat: no-repeat;
    	background-size: 360px;

    	/* min-height: 102vh; */
		width: 100%;
    	float: left;
		height: 240px;
    	border-top: 0px solid #223;
    	border: 0px solid #090;
    	margin: 24px 0 -4px 0;
	}
 	.mindhdr-blog-home{
		border-bottom: 0px solid #eef;
		font-family: 'MADEOkineSans-Medium', 'Roboto', Arial, sans-serif;
		font-size: 60px;
		font-weight: normal;
		line-height: .9em;
		letter-spacing: 4px;
		border-bottom: 0px solid #339;
		margin: 60px 0 6px 18px;
		padding: 0;
		color: #60FFEC;
		width: 100%;
	
		background: linear-gradient(180deg, #22F7EB 34.59%, rgba(67, 198, 253, 0.09) 105.03%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.pub-date {
		float: left;
		width: 30%;
		display: none;
	}

	
}