@charset "UTF-8";
/* CSS Document */


/*IE10+*/
  @media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
html{overflow: hidden;}
body{overflow: auto; height: 100%;}
	  
[data-aos^=fade][data-aos^=fade] {
    opacity: 1 !important;
}
	 
.icon_process .left img {top:0;}
	  
.sub P {
		  font-weight:100;
		  font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";}
	  
h1 {
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";}
	  
     div#email.items svg {
	margin-bottom:3%;
	margin-top:15%;
	min-height:500px !important;}

	  
.name p {
	font-weight:700;
	  }  
.top .title,#logoblack .title{
	color:#d3d3d3; 
	-webkit-text-fill-color:#d3d3d3;
	background:none;
	letter-spacing:5px;
}
.top p{
	letter-spacing: 7px;
	line-height:115px;
	
}
  
.top #main_image svg{
	height:670px !important; 
	width:auto;}
	
.top #main_nobottom svg{
	height:670px !important; 
	width:auto;}
	  
.email_process .left svg{
	height:600px !important; 
	width:auto;}

  

.large #bandlogo_black{
	height:300px !important;
	  }	 


#websample_one, #websample_two{
	height:250px !important;
	padding-bottom:68.25%;
	box-shadow: 0 5px 23px 2px rgba(112, 112, 112, 0.19);
	  }	 
	  
#webdesign_samples img{
	box-shadow: 0 5px 23px 2px rgba(112, 112, 112, 0.19);
	  }


.large #bandlogo_black svg{
	height:620px !important;
	  }

#websample_one svg, #websample_two svg{
	height:650px !important;
	  }

#websample_one svg, #websample_two svg {
 
    box-shadow: none;
}
	  
#afrobeatnik img{
    width: 50%;
	display:block;
	margin:2% auto;
}

.item5, .item6{
	 width:40% !important;
	  }
.item7, .item8{
	 width:10% !important;
	  }
#afrobeatnik {
	padding-bottom:12%;
}
	
.arrows a {
	font-weight:400;
	color:#222;
		  
	  }
.arrows .display-left span{
	padding:5.5px 6.5px 2.5px 6.25px;
}

.arrows .display-right span{
	padding:5.5px 6.25px 2.5px 6.5px;
}
	  
#icon_review .samewidth #mono, #icon_review .samewidth #chara{
	
	right:8%;
}
	  
#icon_review .samewidth #moreoption	 {
	left:8%;
	  } 




}	

@supports (-ms-ime-align: auto) {
.sub P {
		 font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		 font-weight:100;}
h1 {
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";}
	
	
	 div#email.items svg {
	margin-bottom:3%;
	margin-top:15%;
	min-height:500px !important;}
	

.name p {
	font-weight:700;
	  }  
	
.top p{
	letter-spacing: 7px;
	line-height:115px;
	
}

.top .title,#logoblack .title{
	color:#d3d3d3; 
	-webkit-text-fill-color:#d3d3d3;
	background:none;
	letter-spacing:5px;
}

.top #main_image svg{
	height:670px !important; 
	width:auto;}
	
.top #main_nobottom svg{
	height:670px !important; 
	width:auto;}

.email_process .left svg{
	height:600px !important; 
	width:auto;}


.large #bandlogo_black{
	height:300px !important;
	  }	 



#websample_one, #websample_two{
	height:250px !important;
	padding-bottom:68.25%;
	box-shadow: 0 5px 23px 2px rgba(112, 112, 112, 0.19);
	  }	 
	  
#webdesign_samples img{
	box-shadow: 0 5px 23px 2px rgba(112, 112, 112, 0.19);
	  }

.large #bandlogo_black svg{
	height:620px !important;
	  }

#websample_one svg, #websample_two svg{
	height:650px !important;
	  }
#websample_one svg, #websample_two svg {
 
    box-shadow: none;
}
	
#afrobeatnik img{
    width: 50%;
	display:block;
	margin:2% auto;
}

.item5{
	 grid-column: 4/ span 4;
	  }
	
.item6{
	 grid-column: 6/ span 4;
	  }
	
#afrobeatnik {
	padding-bottom:12%;
}
	
.arrows a {
	font-weight:400;
	color:#222;
		  
	  }

	
.arrows .display-left span{
	padding:5.5px 6.5px 2.5px 6.25px;
}

.arrows .display-right span{
	padding:5.5px 6.25px 2.5px 6.5px;
}
}