#main-trade {
	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:repeat;
    background-size: 100% 100%;
}

.main-solyan {
	width: 15%;
    height: 10px;
	float: left;
}
.main-sagyan {
	width: 15%;
    height: 10px;
	float: left;
}
.container-trade {
    width: 70%;
    height: auto;
    float: left;
    margin-top: 30px;
}
.container-trade-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-trade-menu-ana-baslik 1.5s 1;
}
@keyframes container-trade-menu-ana-baslik { 
    0% { position:relative; top: -500px; opacity: 0;  }
    100% { position:relative; top: 0; opacity: 1; }
}
.container-trade-icerik {
    width: 50%;
    height: auto;
    float: left;
}
.container-trade-icerik-resim {
    width: 100%;
    height: 400px;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 10px;
    animation: container-trade-icerik-resim 1.5s 1;
}
@keyframes container-trade-icerik-resim { 
    0% { position:relative; left: -2000px; opacity: 0;  }
    100% { position:relative; left: 0; opacity: 1; }
}
.container-trade-icerik-resim:hover {
    box-shadow: 0 10px 20px hsla(0,0%,20%,1.00);
}
.container-trade-icerik-yazi {
    width: 50%;
    height: 400px;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    animation: container-trade-icerik-yazi 1.5s 1;
}
@keyframes container-trade-icerik-yazi { 
    0% { position:relative; right: -2000px; opacity: 0;  }
    100% { position:relative; right: 0; opacity: 1; }
}
.container-trade-icerik-yazi-ayar {
    width: 90%;
    height: 240px;
    text-align:justify;
    margin-left: auto;
    margin-right:auto;
    font-family:Helvetica, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Arial, "sans-serif";
    font-size: 18px;
    font-weight: normal;
}
.span-yazi {
    color: hsla(359,100%,31%,1.00); 
}

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

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

#main-trade {
	width: 100%;
	height:auto;
	background-color: hsla(0,0%,100%,1.00);
	float :left;
    left: 0;
    background-image: url("../img/arkaplan-resim/arkaplan3.jpg");
    background-repeat:repeat;
    background-size: 100% 100%;
}
.main-solyan {
	width: 10%;
    height: 10px;
	float: left;
}
.main-sagyan {
	width: 10%;
    height: 10px;
	float: left;
}
.container-trade {
    width: 80%;
    height: auto;
    float: left;
    margin-top: 10px;
}
.container-trade-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-trade-menu-ana-baslik 1.5s 1;
}
.container-trade-icerik {
    width: 100%;
    height: auto;
    float: left;
}
.container-trade-icerik-resim {
    width: 100%;
    height: 250px;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 10px;
    animation: container-trade-icerik-resim 1.5s 1;
}
.sol {
    animation: sol 1.5s 1;
    display: none;
}
.sag {
    animation: sag 1.5s 1;
}
.container-trade-icerik-resim:hover {
    box-shadow: 0 5px 10px hsla(0,0%,20%,1.00);
}
.container-trade-icerik-yazi {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    animation: container-trade-icerik-yazi 1.5s 1;
}
.sol-yazi {
    animation: sol 2.5s 1;
    display: none;
}
.sag-yazi {
    animation: sag 2.5s 1;
}
.container-trade-icerik-yazi-ayar {
    width: 90%;
    height: auto;
    text-align:justify;
    margin-left: auto;
    margin-right:auto;
    font-family:Helvetica, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Arial, "sans-serif";
    font-size: 16px;
    font-weight: normal;
}
.span-yazi {
    color: hsla(359,100%,31%,1.00); 
}


	
}