* { margin:0; padding:0; 
    
    
    -moz-scroll-behavior: smooth;
    scroll-behavior: smooth;
   
    }
	
	html {
    -webkit-font-smoothing: antialiased;
	}
	
	body {
        -webkit-font-smoothing: antialiased;
		font-size: 21px;
		font-family: 'Roboto', sans-serif;
		color: #727474;
		line-height: 40px;
        font-weight: 400;
		
	
	}
	#navbar {
		width: 100%;
		height: 100px;
		background:#000000;
		padding: 0px;
		position: fixed;
		top: 0px;
		z-index: 800;
	}
	nav {
		float: right;
		padding-top: 35px;
		font-family: 'Abel', sans-serif;
		font-size: 18px;
		color: #EF598D;
	}
	
	#navcontainer {
		max-width: 1000px;
		margin: 0 auto;
		
	}
	
	nav a {
		padding-left: 30px;
		text-decoration: none;
	}
	
	nav a:link {
		color: #EF598D;
		
	}
	
	nav ul {
		display:inline-block;
	}
	
	nav li {
		padding-left: 30px;
	}
    nav a:active{
		color: #ffffff;
	}
	
    nav a:visited {
		color: inherit;
	}
	nav a:hover{
		color: #ffffff;
	}
   
	
	
	
	
	.logo {
		
		width: 70px;
   		display: inline-block;
		float: left;
		padding-top: 10px;
		
		
	}
	header { 
		
		width: 100%;
		height: 865px;
		background-image:url("images/headerimg_nycbuilding.jpg");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
        padding-top: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
	}	

    .headerlogo {
    animation-delay: 600ms; border: 2px solid #ffffff; padding: 70px 100px 70px 100px; width:600px;
    }
	
	#overview {
		
		width: 100%;
		background: #ffffff;
		
		
	}
	
	#overview-container {
		width: 1000px;
		padding: 100px;
		padding-top: 150px;
		margin: 0 auto;
        animation-delay: 350ms;
		
		
	}
	
	#services {
		width: 100%;
		height: auto;
		background: #000000;
		background: url("images/servicesbg.jpg")no-repeat top center;
   		background-size:cover;
		
	}
	
	#servicescontainer {
		width: 1000px;
		padding: 100px;
		padding-top: 150px;
		margin: 0 auto;
		
		
	}
	
	.bulb {
		width: 225px;
		scale:(1);
		transition: transform .5s ease-out;
        margin-bottom: 50px;
        animation-delay: 350ms;
        
	}
	.bulb:hover{transform: scale(1.2); transition: transform 300ms ease-in-out; }
	
	
	#bulbcontainer {
		margin: 0 auto;
		width: 1000px;
        display:-ms-grid;
		display: grid;
        -ms-grid-template-columns: 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 60px;
		
	}
	#bulbcontainer2 {
		
		width: 1000px;
        display:-ms-grid;
		display: grid;
        -ms-grid-template-columns:1fr 1fr 1fr 1fr;
		grid-template-columns:1fr 1fr 1fr 1fr;
		grid-column-gap: 100px;
        align-items: center;
	}
	#bulb-socialmedia {
      
		 
	}
	#ourteam {
		width: 100%;
		height: auto;
		background:#ffffff;
        font-size: 16px;
	}
	
	#ourteam-header {
		
		width: 100%;
		height: 300px;
		background-image:url("images/desk.jpg");
		background-size:cover;
		margin: 0 auto;
        padding-top: 100px;
        box-sizing: border-box;
        background-position: center;
        
		
	}
	#ourteam-header-overlay {
		
		width: 100%;
		height: 300px;
		background:rgba(239,89,141,67%);
		
	}
    
    .daribio, .mariabio {
        width: 850px;
        margin: 0 auto;
        display:-ms-grid;
        display: grid;
        -ms-grid-template-columns: 1fr 3fr;
        grid-template-columns: 1fr 3fr;
        grid-column-gap: 60px;
        padding-top: 100px;
        padding-bottom: 100px;
        border-bottom: 2px solid rgba(197, 197, 197, 50%);
        -ms-border-bottom: 2px solid rgba(197, 197, 197, 50%);
        -webkit-border-bottom: 2px solid rgba(197, 197, 197, 50%);
        -o-border-bottom: 2px solid rgba(197, 197, 197, 50%);
        
        
        
    }
    
    .daribiopic, .mariabiopic {
        width: 300px;
        border: 1px solid #EF598D;
        box-sizing:border-box;
        
        
        
    }
    
    .teambio{
       
       
    }
    
	#news {
		width: 100%;
		background:#EF598D;
        background-image: url("images/deskwithlaptop.jpg");
        background-size: cover;
        background-position: center;
		padding-top: 100px;
        padding-bottom: 200px;
        
    
	}
    
    .newsmaincontainer {
        width: 1300px;
        
        margin: 0 auto;
       
    }
	
	#clients {
		width: 100%;
		height: auto;
		background:#000000;
       
		}
	#clientscontent {
		width: 1100px;
        margin: 0 auto;
		padding-top: 100px;
       
       
		
	}
	
	
	
	
	
	
	#contact {
		width: 100%;
		height: 762px;
		background:#212121;
		background-image:url("images/bulbboard.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
		margin: 0 auto;
		
		
	}
	
	#contactcontent {
		
		width: 1000px;
		margin: 0 auto;
		
	}
	
	footer {
		width:100%;
		height:140px;
		background: #000000;
		
	}
	
	#footercontainer {
		
		width: 1000px;
		margin: 0 auto;
		padding-top: 40px;
		font-family: abel, 'sans serif';
		font-size: 16px;
		color: #ffffff;
	}
	
	#footericoncontainer 
	{
		float: right;
	
	}
	
	
	#linkedin {
        width: 40px; height: 40px;
        background: url("images/linkedin_icons.png") no-repeat left top;
		background-size: 80px;
    }
    #linkedin:hover { background-position: -40px 0px; transition: background 0.3s ease-out }
	
	
	#instagram {
        width: 40px; height: 40px;
        background: url("images/instagram_icons.png") no-repeat left top;
		background-size: 80px;
    }
    #instagram:hover { background-position: -40px 0px; transition: background 0.3s ease-out }
	
	ul li {
    display:inline-block;
	}
	
	h1 {
		text-align: center;
		font-size: 46px;
		font-family: 'Roboto Black 900', sans-serif;
        font-weight: 800;
		color: #000000;
		border: 2px solid #EF598D;
        padding: 25px 40px 25px 40px;
		letter-spacing: 2px;
		margin: 0 auto;
		margin-bottom: 100px;
        width: 300px;
	}
	
    .servicestitle, .ourteamtitle, .contacttitle , .newstitle {
        color: #fff;
    }
    
    .newstitle{
        width: 400px;
    }
    .ourteamtitle {
        border: 2px solid #FFFFFF;
        
    }
	
	h2 {
		
		font-size: 18px;
		font-family: 'open sans', sans serif;
		font-weight: 500;
		letter-spacing: 1px;
		
		
	}
	
    h3 {
        font-size: 21px;
        font-weight: 600;
        padding-bottom: 5px;
        border-bottom: 2px solid #EF598D;
        text-transform: uppercase;
        width: 200px;
        letter-spacing: 0.02px;
        color: #EF598D;
        margin-bottom: 10px;
       
        
    }
    
  
	
	p {
		margin-bottom: 30px;
	}
	
	.overview-icons {
    display:-ms-grid;
  	display: grid;
    -ms-grid-template-columns:1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	align-self: center;
	text-align: center;
	}
	
	.overview-icons > div { padding: 20px;}
	
	.overviewicon {
		max-width: 270px;}
	

	
	#contactform {
		margin-top: -15px;
		
	}
	
	
	.formdesign{
		
		width: 465px;
		height: 44px;
		background: #F7F7F7;
		border-radius: 5px;
		border: 0px;
		padding-left:20px;
		margin-bottom: 15px;
		display: block;
		margin: 15px auto;
		letter-spacing: 0.32px;
	}
	
	#formdesignmessage{
		width: 465px;
		height: 200px;
		background: #222222;
		border-radius: 5px;
		border: 0px;
		padding-top: 10px;
		padding-left:20px;
		margin-bottom: 15px;
		display: block;
		margin: 15px auto;
		letter-spacing: 0.32px;
		font-size: 14px;
		font-family: arial;
		color: #727474;
		line-height: 35px;
		box-shadow: 0px 3px 3px #0000005C;
		
		
	
	}
	
	#formdesignmessage:focus {color: #ffffff; -webkit-box-shadow: 0px 10px 25px rgba(239,89,141,40%); 
    -moz-box-shadow: 0px 10px 25px rgba(239,89,141,40%);
    -ms-box-shadow: 0px 10px 25px rgba(239,89,141,40%); -o-box-shadow: 0px 10px 25px rgba(239,89,141,40%);
    box-shadow: 0px 10px 25px rgba(239,89,141,40%);
    outline: none; transition: box-shadow 0.3s ease-in-out;}
	
	#contactsubmitbutton {
		width: 200px;
		height: 50px;
		background: #EF598D;
		font-family: abel, 'sans serif';
		font-size: 18px;
		border: 0px;
		color: #ffffff;
		position: relative;
		left:390px;
		top: 15px;
        -webkit-appearance: none;
		
	}
	
	#contactsubmitbutton:hover{
		background: #000000;
		cursor: pointer;
		transition: background 0.1s ease-in-out;
		
		
		
	}
	#contactsubmitbutton:visited{
		background: #EF598D;
		
		
	}
	
	textarea {resize: none;}
	
    #loreal { width: 200px; height: 100px; background-image: url("images/loreal_sprite.png"); background-size: 400px;}
	
	#loreal:hover { background-position: 200px; 0;}

     #elie { width: 200px; height: 100px; background-image: url("images/elie_sprite.png"); background-size: 400px;}
	
	#elie:hover { background-position: 200px; 0;}

      #fredsegal { width: 200px; height: 100px; background-image: url("images/fredsegal_sprite.png"); background-size: 400px;}
	
	#fredsegal:hover { background-position: 200px; 0;}

      #arcadia { width: 200px; height: 100px; background-image: url("images/arcadia_sprite.png"); background-size: 400px;}
	
	#arcadia:hover { background-position: 200px; 0;}

    #refinery { width: 200px; height: 100px; background-image: url("images/refinery29_sprite.png"); background-size: 400px;}
	
	#refinery:hover { background-position: 200px; 0;}
	
    #goop { width: 200px; height: 100px; background-image: url("images/goop_sprite.png"); background-size: 400px;}
	
	#goop:hover { background-position: 200px; 0;}

    #NYDJ { width: 200px; height: 100px; background-image: url("images/nydj_sprite.png"); background-size: 400px;}
	
	#NYDJ:hover { background-position: 200px; 0;}

    #hurley { width: 200px; height: 100px; background-image: url("images/hurley_sprite.png"); background-size: 400px;}
	
	#hurley:hover { background-position: 200px; 0;}

    #odlr { width: 200px; height: 100px; background-image: url("images/odlr_sprite.png"); background-size: 400px;}
	
	#odlr:hover { background-position: 200px; 0;}

    #simbaStocks { width: 200px; height: 100px; background-image: url("images/simbastocks_sprite.png"); background-size: 400px;}
	
	#simbaStocks:hover { background-position: 200px; 0;}
    
	
	.clientlogos {width: 1000px; 
        display:-ms-grid; 
        display: grid;  
        -ms-grid-template-columns:1fr 1fr 1fr 1fr 1fr; 
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
        grid-column-gap: 30px;
        padding-bottom: 100px;
        }
	
	.clientlogoslink { display: block; width: 100%;}
	
	#bebe {
		width: 200px;
		height: 100px;
		background-image: url("images/bebe_sprite.png");
		background-size: 400px;
		
		
	}
	

	#bebe:hover { background-position: 200px; 0;}
	
	#brookestone { width: 200px; height: 100px; background-image: url("images/brookstone_sprite.png"); background-size: 400px;}
	
	#brookestone:hover { background-position: 200px; 0;}
	
	#kensie {width: 160px; height: 100px; background-image: url("images/kensie_sprite.png");background-size:400px;}
	
	#kensie:hover {background-position: 200px; 0;}
	
	#jealousdevil {width: 200px; height: 100px; background-image:url("images/jealousdevil_sprite.png"); background-size: 400px;}
	
	#jealousdevil:hover {background-position: 200px; 0;}
	
    #nrc {width: 160px; height: 100px; background-image: url("images/nrc_sprite.png");background-size:400px;}
	
	#nrc:hover {background-position: 200px; 0;}
	
	#fcfl {width: 200px; height: 100px; background-image:url("images/fcfl_sprite.png"); background-size: 400px;}
	#fcfl:hover {background-position: 200px; 0;}
	
	#solow{width: 200px; height: 100px; background-image:url("images/solow_sprite.png"); background-size: 400px;}
	#solow:hover{ background-position: 200px; 25;}
	
	#fidotv{width: 200px; height: 100px; background-image:url("images/fidotv_sprite.png"); background-size: 400px;}
	#fidotv:hover{background-position: 200px; 0;}
	
	#lovely{width: 200px; height: 100px; background-image:url("images/lovely_sprite.png"); background-size: 400px;}
	#lovely:hover{background-position: 212px; 0;}
	
	#glenroy{width: 140px; height: 100px; background-image:url("images/theglenroy_sprite.png"); background-position: -30px; background-size: 400px;}
	#glenroy:hover{background-position: 170px; 0;}
	
	#jachs{grid-column: 2/3; self-align:center; width: 200px; height: 100px; background-image:url("images/jachsny_sprite.png"); background-size: 400px;}
	#jachs:hover{background-position: 207px; 0;}
	
	
	#invrsion{ width: 200px; height: 100px; background-image:url("images/invrsion_sprite.png"); background-size: 400px;}
	#invrsion:hover{background-position: 199px; 0;}
	
	#invrsion{ width: 200px; height: 100px; background-image:url("images/invrsion_sprite.png"); background-size: 400px;}
	#invrsion:hover{background-position: 199px; 0;}
	
	#chefdance{ width: 200px; height: 100px; background-image:url("images/chefdance_sprite.png"); background-size: 400px;}
	#chefdance:hover{background-position: 199px; 0;}





/* Case Studies Css */

.casestudiesheader{
    
    width: 100%;
    height: 660px;
    background-image:url("images/casestudiesheaderimg.jpg");
    background-size:cover;
    background-position: center;
    background-attachment:fixed;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cs{
    width: 700px;
    font-size: 80px;
    text-transform: uppercase;
    color: white;
    padding: 60px;
}
.casestudiestitle{
    
    transform: translateY(100px);
    transition: transform 300ms;
    transition-delay: 2;
    
}

.casestudiesbody{
    background: #00000002;
}

.maincasecard{
    width: 1100px;
    height: 700px;
    margin: 0 auto;
    background: transparent;
    padding-top: 150px;
    border-bottom: 2px solid #00000010;
    font-size: 16px;
    color: #a3a3a3;
    line-height: 30px;
    animation-delay: 300ms;
}

.card-bg-shade-one {
    width: 900px;
    height: 35px;
    background: #E1E3E4;
    margin: 0 auto;
}

.card-bg-shade-two {
    width: 950px;
    height: 35px;
    background: #EEEFF0;
    margin: 0 auto;
}
.case-card-front {
    width: 1050px;
    background: #ffffff;
    margin: 0 auto;
    box-shadow: 0px 3px 16px rgba(239,89,141,0.1);
    display:-ms-grid;
    display: grid;
    -ms-grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    
}

.casedescription {
    grid-column: 1/7;
    padding: 70px;
    
}

.caseslideshow{
    grid-column: 7/9; 
    overflow: hidden;
}

.caseslideshow-imgs-1, .caseslideshow-imgs-2, .caseslideshow-imgs-3 

{
position: relative;
    


 
 }

.caseslideshow-imgs-1 {
  z-index: 3;
  -webkit-animation-name: slide_animation;
  -webkit-animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  
  
 
}

.caseslideshow-imgs-2 {
 z-index: 2;
 
}



.csimg {
    position: absolute;
    top: 0px; 
    object-fit: cover;
    width: 100%;
    
    
    
    
  
   
}

   
@-webkit-keyframes slide_animation{
    0% { opacity: 1;}
    30% {opacity: 1;}
    50% {opacity: 0;}
    80% {opacity: 0;}
    100% {opacity: 1;}
}





h4 {
    font-family: 'Arial', sans serif;
    font-size: 30px;
    color: #000000;
    padding-bottom: 10px;
    letter-spacing: 0.1px;
    
}

h5 {
    font-size: 18px;
    letter-spacing: .1px; 
    font-weight: 300;
    padding-bottom: 25px;
}

.casestudiessubtext {
 display: inline-block;
 padding-bottom: 0px;
 margin-bottom: 0px;
    
    
}

h6 {
    color: #EF598D;
    font-size: 16px;
    display: inline-block;
}




.news_lightbox_main_container {
    width: 1000px;
    display:-ms-grid;
    display: grid;
    -ms-template-columns: repeat(5, 1fr);
    grid-template-columns: repeat(5, 1fr);
    margin: 0 auto;
   

}


.newsicon{
    
    position: relative;
    width: 180px;
    height: 190px;
    
    
}

.innernewsicon, .innernewsicontextbox{
    position: absolute;
    width: 180px;
    height: 180px;
    
}

.innernewsicontextbox {
    background-color: #EF598D;
    opacity: 0;
    color: white;
    text-align: center;
    font-size: 16px;
    box-sizing: border-box;
    padding-top: 50px;
    

}

.innernewsicontextbox:hover {
    transition: opacity 300ms ease;
    opacity: 0.95;
   
}



.lightbox {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    display: none;
  
 
}

.imgContainer {
    margin: 0 auto;
    overflow-y:scroll;
}
.imgContainer > img {
    width: 900px;

}



.articleCloseButton {
 width: 75px;
 height: 75px;
 font-size: 50px;
 color: #ffffff;
 text-align: center;
 padding: 10px;
 box-sizing: border-box; 
 position: absolute;
 top: 5px;
 left:80%;
 background-color: transparent;
border:0;
}

.articleCloseButton:hover {
    color: #EF598D;
     cursor: pointer;
   

}

.articleReadMoreBtn {
    font-size: 12px;
    width: 140px;
    background: transparent;
    border: 2px solid #ffffff;
    box-shadow: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 12px;
    color: #ffffff;
    
   
    
 
}

.articleReadMoreBtn:hover{
    cursor: pointer;
}

/* Mobile and Tablets Only */





.mobileservicescontainer {
    display: none;
}

.mobileservices ul {
    display: block;
    
}

.mobileservices > ul li {
    display: block;
    list-style-type: none;
    
}


.mobilenewstitle {
    
    display: none;
}

#mobileNewsGreeting { 
 display: none;

}

.mobileNav {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: rgb(239,89,141);
    background-color: rgba(239,89,141,90%);
    padding-top: 50px;
    animation: fadeInNavigation;
    animation-duration: 500ms;
    display: none;
    

}



@-webkit-keyframes fadeInNavigation {
    
    0% {
     opacity: 0;

    }
    
    
    100% {
        opacity: 1;
     
    }
}


.mobileNav a{
    display: block;
    text-align: center;
    padding: 25px 20px 10px 20px;
    text-decoration: none;
    color: #ffffff;
    font-family: abel, 'sans serif';
}

.toggleNav {
    color: #ffffff;
    position: absolute;
    top: 30px;
    left: 85%;
    width: 50px;
    font-size: 30px;
    text-align: center;
    z-index: 1000;
    display: none;
    
    
}

.activeNav {
    display: none;
}


@media (max-width: 600px) {
    
    * { box-sizing: border-box;}
    
    .toggleNav {
        display: block;
    }
            
    nav {
        display: none;
		
	}
    
    
    
    .logo {
        width: 45px;
        margin: 20px 0px 0px 25px;
        box-sizing: content-box;
    }
    
    
    .headerlogo {
      width:200px;
      padding: 0px; 
      min-width: 300px;
      border: none;
    }
    
    header {
        height: 600px;
        
    }
    

   
    
    #overview {
		
		width: 100vw;
		background: #ffffff;
        padding: 35px 35px 0px 35px;
		
		
	}
	
	#overview-container {
		width: 100%;
		padding: 0px;
		padding-top: 50px;
		margin:0px;
        animation-delay: 350ms;
        font-size: 16px;
    
    }
    
   #services {
		width: 100%;
		height: auto;
		background: #000000;
		background: url("images/servicesbg.jpg")no-repeat top center;
   		background-size:cover;
		
	}
	
	#servicescontainer {
		width: 100%;
		padding: 100px 0px 50px 35px;
		margin: 0px;	
		
	}
		
		
	
	.bulb {
        display: none;
        
	}	
	
	#bulbcontainer {

        display: none;
		
	}
	#bulbcontainer2 {
		
		display: none;

	}

    .mobileservicescontainer {
    display: block;
    }
    
h1 {
		text-align: left;
		font-size: 32px;
		border: 2px solid #EF598D;
        padding: 20px;
		letter-spacing: 2px;
		margin: 0px 0px 30px 0px;
        width: 245px;
	}
    
    .clientsh1 {
        margin-left: 40px;
        width: 205px;
    }
   
    h3 {
        width: 190px;
    }

    
	#clients {
		width: 100%;
		height: auto;
		background:#000000;
		}
	#clientscontent {
		width: 100%;
        margin: 0px;
		padding: 100px 25px 0px 25px;
        overflow: hidden;
		
	}
    
    .clientlogo {
        
        width: 180px;
        
    }
    
    .clientlogos {
    width: 90%;
    display:-ms-grid; 
    display: grid;  
    -ms-grid-template-columns:1fr 1fr;
    -webkit-grid-template-columns:1fr 1fr;
    -moz-grid-template-columns:1fr 1fr; 
    grid-template-columns: 1fr 1fr;  
    grid-column-gap: 0px;
    padding: 0px;
    margin: 0px;
    
    }
    
    #emptyClient {
        display: none;
    }
    
    #emptyClient1 {
        display:  none;
    }
    
    
    .clientlogo {
        width: 90%;
    }
    
    #elie, #loreal, #bebe { 
       background-size: 375px;}
    #arcadia, #fredsegal, #goop, #hurley, #simbaStocks, #brookestone {
        background-size: 360px;
    }
    
    .mobilenewstitle {
     display: block;
     width: 170px;
     color: white;
     text-align: left;
    }
    
    .newstitle {
        display: none;
    }
    
    #mobileNewsGreeting {
        width: 100%;
        padding: 25px;
        color: white;
        display: block;
    }
    
    #news {
        
        padding: 50px 0px 80px 0px;
    }

    .newsmaincontainer {
        width: 100%;
        margin: 0px;
        padding-left: 35px;
        overflow-y: hidden;
        overflow-x: scroll;
    }
    
    
    .news_lightbox_main_container{
    width: 100%;
    -ms-display:grid;
    display: grid;
    -webkit-overflow-scrolling: touch;
    -ms-template-columns: repeat(30, 1fr);
    grid-template-columns: repeat(30, 1fr);
    grid-column-gap: 10px;
    margin: 0px;
   

    }
    
  .imgContainer {
      
   margin: 0px;
   overflow-y:scroll;
      
    }
    
    .imgContainer > img {
        width: 100%;

    }
    
    .newsicon {
        
    }
    
    .articleCloseButton {  
        
         font-size: 40px;
         color: #000000;
        
        }
    
    #ourteam {
		width: 100%;
		height: auto;
		background:#ffffff;
        font-size: 16px;
	}
	
    .ourteamtitle {
        width: 260px;
        margin-left: 35px;
    }
	#ourteam-header {
		
		width: 100%;
		height: 200px;
		background-image:url("images/desk-pink.png");
		background-size:cover;
		margin: 0px;
        padding-top: 50px;
        box-sizing: border-box;
        background-position: right;
        
		
	}
	#ourteam-header-overlay {
		
		width: 100%;
		height: 200px;
		background:rgba(239,89,141,67%);
		
	}
    
    .daribio, .mariabio {
        width: 100%;
        margin: 0px;
        display:-ms-grid;
        display: grid;
        -ms-grid-template-columns: 1fr;
        grid-template-columns: 1fr;
        grid-column-gap: 0px;
        padding: 25px;
        border-bottom: 2px solid rgba(197, 197, 197, 50%);
        -ms-border-bottom: 2px solid rgba(197, 197, 197, 50%);
        -webkit-border-bottom: 2px solid rgba(197, 197, 197, 50%);
        -o-border-bottom: 2px solid rgba(197, 197, 197, 50%);
        
        
        
        
    }
    
    .daribiopic, .mariabiopic {
        width: 200px;
        height: auto;
        border: 1px solid #EF598D;
        box-sizing:border-box;
        
        
        
    }
    
    .teambio{
       
       
    }
    
    
	#contact {
		width: 100%;
		height: 762px;
		background:#212121;
		background-image:url("images/bulbboard.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
		margin: 0 auto;
		
		
	}
	
	#contactcontent {
		
		width: 100%;
		margin: 0px;
		
	}
	
    #footercontainer {
		
        z-index: 6;
		width: 100%;
		margin: 0px;
		padding-top: 40px;
		font-family: abel, 'sans serif';
		font-size: 16px;
		color: #ffffff;
	}
    
    .formdesign{
		
		width: 90%;
        
    }
    
    
    #formdesignmessage {
        width: 90%;
    }
    
    .contacttitle {
        margin-left: 25px;
    }
    
    #contactsubmitbutton {
		width:  100px;
		font-size: 16px;
		border: 0px;
		color: #ffffff;
        display: flex;
        justify-content: center;
        align-content: center;
		position:relative;
		left:25px;
		top: 15px;
        
}

    #navbuttonup {
        display: none;
    }
    
    
    /* CASE STUDIES */
    
    .cs{
    width: 100%;
    font-size: 30px;
    text-transform: uppercase;
    color: white;
    padding: 30px;
    }
    
    .casestudiesheader{
        height: 500px;
        background-attachment:inherit;
        
    }
    
    .card-bg-shade-one {
        display: none;
    }
    
    .card-bg-shade-two {
        display: none;
    }
    
    .maincasecard{
    width: 100%;
    height: auto;
    margin: 0px;
    background: transparent;
    padding-top: 50px;
    border-bottom: 2px solid #00000010;
    font-size: 16px;
    color: #a3a3a3;
    line-height: 30px;
    animation-delay: 300ms;
    padding-bottom: 50px;
    
}
    .case-card-front {
    width: 100%;
    background: #ffffff;
    margin: 0px;
    box-shadow: 0px 3px 16px rgba(239,89,141,0.1);
    -ms-display: block;
    display: block;
    
   
    
}

.casedescription {
    grid-column: 1/7;
    padding: 30px;
    
    
}

.caseslideshow{
   display: none;
}
 
.casestudiestitle{
    margin-top: 10px;
    transform: translateY(0);
    transition: transform 0ms;
    transition-delay: 0;
    
}

    
}


@media only screen and (min-width: 600.01px) and (max-width: 991.98px) { 

    * { box-sizing: border-box;}
    
   
    
    nav {
        display: none;
	}
    
    .logo {
        width: 60px;
        padding: 35px 0px 0px 15px;
        border: none;
    }
    
    .headerlogo {
     border: 1px solid #ffffff; padding: 70px 100px 70px 100px; width:450px; max-width: 600px;
    }
    
     .toggleNav {
        display: block;
    }
    
    #overview-container {
		width: 95%;
        padding: 60px 30px 30px 30px;
        
    }
    
    #overview-container h1 {
        margin-bottom: 50px;
    }

	
    

        #servicescontainer {
                width: 90%;
                padding: 100px 0px 0px 0px;
                margin: 0 auto;	


            }


        .bulb {
                width: 140px;
                max-width: 170px;

                margin-bottom: 50px;

            }

            #bulbcontainer {
                width: 500px;
                max-width:800px;
                display:-ms-grid;
                display: grid;
                -ms-grid-template-columns:1fr 1fr 1fr;
                grid-template-columns:1fr 1fr 1fr;
                grid-column-gap: 10px;
                align-items: center;
                padding-top: 70px;

            }
            #bulbcontainer2 {

                width: 550px;
                display:-ms-grid;
                display: grid;
                -ms-grid-template-columns:1fr 1fr 1fr 1fr;
                grid-template-columns:1fr 1fr 1fr 1fr;
                grid-column-gap: 30px;
                margin: 0 auto;
                align-items: center;
            }

	
 
    	#clients {
		width: 100%;
		height: auto;
		background:#000000;
		}
    
        #clientscontent {
            width: 100%;
            margin: 0 auto;
            padding: 0px;
            overflow: hidden;
            padding: 100px 0px 100px 0px;

        }
    
        #clientscontent h1 {
            margin-bottom: 30px;
        }
    
    
        .clientlogos {
            
            min-width: 40%; max-width: 90%; 
           display:-ms-grid; 
            display: grid;  
            -ms-grid-template-columns: repeat(3,1fr); 
            grid-template-columns: repeat(3,1fr);    
            grid-column-gap: 0px; 
            margin: 0 auto;
        }
    
        .clientlogo {
            width: 100px;
            max-width: 200px;
        }
    
         
        #emptyClient {
            display: none;
        }

        #emptyClient1 {
            display:  none;
        }
    
         .mobilenewstitle {
         display: block;
         width: 170px;
         color: white;
         text-align: left;
        }
    
        .newstitle {
            display: none;
        }
    
        #mobileNewsGreeting {
            width: 100%;
            padding: 25px;
            color: white;
            display: block;
        }
    
        #mobileNewsGreeting h1{
            margin-bottom: 50px;
        }

    
    #news {
        
        padding: 50px 0px 80px 0px;
    }

    .newsmaincontainer {
        width: 100%;
        margin: 0px;
        padding-left: 35px;
        overflow-y: hidden;
        overflow-x: scroll;
    }
    
    
    .news_lightbox_main_container{
    width: 100%;
    -webkit-display: grid;
    -ms-display: grid;
    -moz-display: grid;
    display: grid;
    -webkit-overflow-scrolling: touch;
    -moz-template-columns: repeat(30, 1fr);
    -webkit-template-columns: repeat(30, 1fr);
    -ms-template-columns: repeat(30, 1fr);
    grid-template-columns: repeat(30, 1fr);
    grid-column-gap: 10px;
    margin: 0px;
    }
    
      .imgContainer {

       margin: 0px;
       overflow-y:scroll;

        }

        .imgContainer > img {
            width: 100%;

        }
    
    .articleCloseButton {  
        
         font-size: 40px;
         color: #000000;
        
        }
    
    
      h1 {
		font-size: 32px;
		border: 2px solid #EF598D;
        padding: 20px;
		letter-spacing: 2px;
        width: 245px;
        margin: 0 auto;
	}	
    
    h3 {
        width: 150px;
        font-size: 14px;
    }
    
    #ourteam {
		width: 100%;
		height: auto;
		background:#ffffff;
        font-size: 16px;
	}
	
    .ourteamtitle {
        width: 260px;
        margin: 0 auto;
        
    }
    
	#ourteam-header {
		
		width: 100%;
		height: 200px;
		background-image:url("images/desk-pink.png");
		background-size:cover;
		margin: 0px;
        padding-top: 50px;
        box-sizing: border-box;
        background-position: right;
        
		
	}
    
	#ourteam-header-overlay {
		
		width: 100%;
		height: 200px;
		background:rgba(239,89,141,67%);
		
	}
    
    .daribio, .mariabio {
        width: 100%;
        display: -ms-grid;
        display: grid;
        -ms-grid-template-columns: 1fr;
        grid-template-columns: 1fr;
        grid-column-gap: 0px;
        padding: 25px;
    }
    
    .daribiopic, .mariabiopic {
        width: 200px;
        height: auto;
        border: 1px solid #EF598D;
        box-sizing:border-box;
        
    }
    
    .teambio h3{
        
    font-size: 21px;
       
    }

        #contact {
          width: 100%;
           margin: 0 auto;


        }

        #contactcontent {

            width: 90%;
            margin: 0 auto;

        }

        #footercontainer {

            z-index: 6;
            width: 100%;
            margin: 0px 0px 0px 15px;
            padding-top: 40px;
            font-family: abel, 'sans serif';
            font-size: 16px;
            color: #ffffff;
        }

        .formdesign{

            width: 90%;

        }


        #formdesignmessage {
            width: 90%;
        }

        .contacttitle {
            margin: 0 auto;
            margin-bottom: 50px;
        }

        #contactsubmitbutton {
            width:  200px;
            font-size: 16px;
            border: 0px;
            color: #ffffff;
            text-align: center;
            position:relative;
            left: 40%;
            display: flex;
            justify-content: center;
            align-content: center;
            
           
        }

        #navbuttonup {
            display: none;
        }

     /* CASE STUDIES */
    
    
        .casestudiesheader{
            
            height: 500px;
            background-attachment:inherit;

        }

        .card-bg-shade-one {
            display: none;
        }

        .card-bg-shade-two {
            display: none;
        }

        .maincasecard{
        width: 100%;
        height: auto;
        margin: 0px;
        padding-top: 50px;
        border-bottom: 2px solid #00000010;
        font-size: 16px;
        color: #a3a3a3;
        line-height: 30px;
        animation-delay: 300ms;
        padding-bottom: 50px;

        }
        .case-card-front {
        width: 90%;
        background: #ffffff;
        margin: 0 auto;
        box-shadow: 0px 3px 16px rgba(239,89,141,0.1);
        -ms-display: block;
        display: block;

         }


        .caseslideshow{
           display: none;
        }

    .casestudiestitle{
        margin-top: 10px;
        transform: translateY(0);
        transition: transform 0ms;
        transition-delay: 0;

    }
    
     .cs {
        width: 480px;
        font-size: 36px;
        padding: 30px;
    }
    
     #footercontainer {

		width: 90%;
	}

    }