
#main-consultancy {
	width: 100%;
	height:auto;
	background-color: hsla(0,0%,100%,1.00);
	float :left;
    left: 0;
    background-image: url("../img/arkaplan-resim/arkaplan1.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.main-solyan {
	width: 15%;
    height: 10px;
	float: left;
}
.main-sagyan {
	width: 15%;
    height: 10px;
	float: left;
}
.container-consultancy {
    width: 70%;
    height: auto;
    float: left;
    margin-top: 30px;
}
.container-consultancy-menu-ana-baslik {
    width: 100%;
	height: 50px;
    line-height: 50px;
	float: left;
    text-align: center;
    font-family:Helvetica, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Arial, "sans-serif";
    font-size: 24px;
    margin-bottom: 10px;
    font-weight:bold;
	transition: 0.4s;
    background-color:hsla(359,100%,31%,1.00);
    color: hsla(0,0%,100%,1.00);
    transform: skewX(-20deg);
    border-radius: 5px;
    animation: container-consultancy-menu-ana-baslik 1.5s 1;
}
@keyframes container-consultancy-menu-ana-baslik { 
    0% { position:relative; top: -500px; opacity: 0;  }
    100% { position:relative; top: 0; opacity: 1; }
}
.container-consultancy-icerik {
    width: 60%;
    height: auto;
    float: left;
    margin-right: 2%;
    
}
.container-consultancy-icerik-resim {
    width: 100%;
    height: 400px;
    float: left;
    margin-top: 20px;
    margin-bottom: 30px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 10px;
    animation: container-consultancy-icerik-resim 1.5s 1;
}
@keyframes container-consultancy-icerik-resim { 
    0% { position:relative; left: -2000px; opacity: 0;  }
    100% { position:relative; left: 0; opacity: 1; }
}
.container-consultancy-icerik-resim:hover {
    box-shadow: 0 10px 20px hsla(0,0%,20%,1.00);
}
.container-consultancy-icerik-yazi {
    width: 38%;
    height: 400px;
    float: left;
    text-align:justify;
    margin-top: 20px;
    margin-bottom: 30px;
    font-family:Helvetica, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Arial, "sans-serif";
    font-size: 18px;
    font-weight: normal;
    color: hsla(0,0%,0%,1.00);
    animation: container-consultancy-icerik-yazi 1.5s 1;
}
@keyframes container-consultancy-icerik-yazi { 
    0% { position:relative; left: 2000px; opacity: 0;  }
    100% { position:relative; left: 0; opacity: 1; }
}
.span-yazi {
    color: hsla(359,100%,31%,1.00); 
}


/*///////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////*/

@media screen and (max-width: 850px) {
	
#main-consultancy {
	width: 100%;
	height:auto;
	background-color: hsla(0,0%,100%,1.00);
	float :left;
    left: 0;
    background-image: url("../img/arkaplan-resim/arkaplan1.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.main-solyan {
	width: 10%;
    height: 10px;
	float: left;
}
.main-sagyan {
	width: 10%;
    height: 10px;
	float: left;
}
.container-consultancy {
    width: 80%;
    height: auto;
    float: left;
    margin-top: 20px;
}
.container-consultancy-menu-ana-baslik {
    width: 100%;
	height: 40px;
    line-height: 40px;
	float: left;
    text-align: center;
    font-family:Helvetica, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Arial, "sans-serif";
    font-size: 20px;
    margin-bottom: 10px;
    font-weight:bold;
	transition: 0.4s;
    background-color:hsla(359,100%,31%,1.00);
    color: hsla(0,0%,100%,1.00);
    transform: skewX(-20deg);
    border-radius: 5px;
    animation: container-consultancy-menu-ana-baslik 1.5s 1;
}
.container-consultancy-icerik {
    width: 100%;
    height: auto;
    float: left;
    margin-right: 0%;
}
.container-consultancy-icerik-resim {
    width: 100%;
    height: 220px;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 10px;
    animation: container-consultancy-icerik-resim 1.5s 1;
}
.container-consultancy-icerik-resim:hover {
    box-shadow: 0 10px 20px hsla(0,0%,20%,1.00);
}
.container-consultancy-icerik-yazi {
    width: 100%;
    height: auto;
    float: left;
    text-align:justify;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family:Helvetica, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Arial, "sans-serif";
    font-size: 16px;
    font-weight: normal;
    color: hsla(0,0%,0%,1.00);
    animation: container-consultancy-icerik-yazi 1.5s 1;
}
.span-yazi {
    color: hsla(359,100%,31%,1.00); 
}
	
}
