@charset "UTF-8";

.logo {
	margin-top: 50px;
	align-content: center;
	
}

.test {
	border-radius: 30px;

}

.col-sm-4 {
	background: #93288d;
	align-content: center;
}

img {
	  display: block;
  margin-left: auto;
  margin-right: auto;
}


.hm {
	margin-bottom: 10px;
}

.text-right {
	padding-right: 100px;
}




.image-caption p {
	
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 22px;
	text-align: center;
	padding-top: 70px;
	opacity: 1;
}

.edit {
	background-color: white;
	border: white;
}


.poster {
	background: #3b73b9;
	border: #3b73b9;
}

.packager {
	background: #287e42;
	border: #287e42;
}

.ad {
	background: #f15a29;
	border: #f15a29;
}

.insta {
	background:  #ca2d91;
	border: #ca2d91;
}

.web {
	background: #66686a;
	border: #66686a;
}

.services {
	align-content: center;
}

.message2 {
	text-align: center;
}



.col-12 {
	color: grey;
	text-align: center;
}

.col-lg-6 {
left: 50px;
	
}


h8 {	
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
}

.col-md {
	left: 15px;
	
}



.editorial:hover {
	opacity: 0.175; 
	
}



@media only screen and (min-width: 390px)
{	

	.edit {width: 80%;}
	.poster {width: 80%;}
	.packager {width: 80%;}
	.ad {width: 80%;}
	.insta {width: 80%;}
	.web {width: 80%;}
	.row {margin-left: 7%;}
	.logo {right: 20px;}
	.h8 {font-size: 8px;}
	.col-6 {left: 7%;}
	.col {right:60px;}
	.col-12 {right: 30px;}

}



@media only screen and (min-width: 768px) {
	/* For desktop: */
	.try {left: 125px;}
	.this {left: 65px;}
	.col-12 {left: 70%;}
	.work {margin-top: 70px;
			right: 15%;}
	.logo {right: 40%;
			padding-left: 250px;}
	.row {right: 20%;}


}

#wrapper p {
	 		color: #93288d;
	opacity: 1;

   
}

#wrapper2 p {
	 		color: #4a70b6;
   	opacity: 1;

}

#wrapper3 p {
	 		color: #338542;
   	opacity: 1;

}

#wrapper4 p {
	 		color: #f15b30;
   	opacity: 1;

}

#wrapper5 p {
	 		color: #ca2d91;
   	opacity: 1;

}

#wrapper6 p {
	 		color: #414042;
				opacity: 1;

   
}


.image-container{
            float:left;
            width:250px;
            height:172px;
            position:relative;
            margin:10px;
            cursor:pointer;
}

.image-container img{
            width:250px;
            height:172px; 
            position:absolute;
}

h3{
	color: grey;
		font-family: 'Poppins', sans-serif;
font-weight: 100;
}

.edi {
		font-family: 'Poppins', sans-serif;
	
	color: grey;
	margin-top: 40px;
}