/*******************Setting de PÁGINA************************/

.img_bg{
	position:fixed;
	z-index:-1;
	margin:0;
	margin-top:100px;
	padding:0;
	padding-bottom:30px;
	background:black;
    display:block;
    width:100%;
}

.img_bg img{
	opacity:.99;
}
.contenedor{
	text-align:center;
	margin:0px;
	padding:10px;
	margin-top:300px;
	width:100%;
	padding-left:0px; padding-bottom:0;
	
	}
	
.contenedor .titulo {
	color:white;
	width:100%;
	font-size:3.2rem;
	text-align:center;
	margin-bottom:200px;
	/*
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0) 11%,rgba(0,0,0,0.33) 60%,rgba(0,0,0,0.72) 100%);*/
	}
.contenedor .titulo h1, .contenedor .titulo p{
	margin-top:0px;
	margin-bottom:0;
	opacity:1;
	-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease;
	}
.contenedor .titulo p{
	opacity:.85}
.contenedor .titulo h1:hover, .contenedor .titulo p:hover{
	opacity:.5;
}
.contenedor .titulo p{
	font-size:2rem;
	font-weight:bold;
	position:relative;
	top:-15px;}
.white_bg{background:black;
margin:0px;
margin-top:0;
padding-bottom:80px;
border-bottom:solid 15px rgba(12,96,33,.20);}
<!--COLUMNA DE PRESENTACION-->



<!--EMPIEZA LA COLUMNA DEL MEDIO--->
.first_col{width:150px;padding:0;margin:0;}
.left_col{
	
	padding:0 1%;
	width:54%;
	margin:0px;}


.text_img{
	
	overflow:hidden;
	width:99%;
	margin-bottom:3%;
	height:150px;
	background-color:black;
	
	/*ANIMACION*/
	-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease;	
	}
.text_img img{
	position:relative;top:-75px;}
.caja_flecha{
	position:relative;z-index:1; float:right;
	bottom:10%;
	/*background-color:rgba(18,140,48,.30);*/
	background-color:rgba(255,255,255,.80);
	width:5%;
	padding:18px 10px 10px 12px;
	border-bottom-left-radius:12px;
	border-bottom-right-radius:12px;
	height:6vh;
	text-align:center;
	}
.caja_flecha span{
	position:relative;
	color:#09531B;
	float:right;
	font-size:2rem;
	float:right;
	
	}
.text_img:hover{
	height:350px;}
.text_img:hover<img_news{
	opacity:.8;}
.footer{
	
	margin:2% 0%;
	padding:0;
	box-sizing:border-box;
	width:100%;}
.noticia{
	text-align:left;
	margin-left:0;
	margin-right:0;
	width:25%;
	box-sizing:border-box;
	height:300;
	border-radius:0px;
	border-right:1px solid rgba(18,140,48,0.2);
	padding:1% 1% 1% 1%;
	paddin-right:0px;
	font-weight:bold;
	background-color:white;
	margin-top:0px;
	/*ANIMACION*/
	-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease;}
.left_col p {
	text-align: justify;
    text-justify: inter-word;}
.footer div a:last-child{
	border-right:none;}
.noticia_img{
	width:100%;
	display:inline-block;
	margin:3px 0px 3px 3px;
	overflow:hidden;
	
	max-height:30%;}
.noticia_img img{
	width:auto;
	max-height:100%;}

.noticia:hover{
	background-color:rgba(18,140,48,0.2);
	width:23%;left:13px;
	}
a{
	text-decoration:none;
	color:#373737;}
.footer_head{
	text-align:center;
	font-weight:bold;
	font-size:1.2rem;
	border-bottom:solid rgba(18,140,48,0.2) 1px;
	border-top:solid rgba(18,140,48,0.2) 1px;
	width:100%;
	margin-left:0;
	padding-right:0;
	margin-right:0;	
	margin-top:30px;
	margin-bottom:0;
	padding-top:10px;
	padding-bottom:10px;
	}
#final{
	border:none;}
.white_bg{
	z-index:-1;
	background-color:rgba(255,255,255,.85);
	width:100%;
	}
	
/*************************************************FIRST COL****************************/
.col_one{
	width:75%;
	
	padding:1.5%;
	
	/*background-color:rgba(255,255,255,.0);
	margin-top:0;
	margin-left:0;
	/*ANIMACION*/
	/*-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease;*/
	}
	/*.col_one:hover{
	
	background-color:rgba(255,255,255,1);}*/

.section_head{
	width:100%;
	margin:2% 0;
	font-size:1.2rem;
	border-bottom:1px solid rgba(65,65,65,1.00);
	font-weight:bold;
	text-align:left;
	padding-right:0;}
.section {
	width:100%;
	
	box-sizing:border-box;
	}
.section_data{
	padding-top:0;
	border-top:1px solid rgba(18,140,48,0.5);}
.section_header{
	width:100%;
	font-weight:bold; margin-bottom:1px;	
	}
	.section_header > div, .section_data > div{
		width:13%;
		margin:1%,0.5%;
		text-align:left;
		margin-bottom:0;
		font-size:.9rem;
		}
	.section_data > div {
		padding-top:1%;}
	 .section_header .section_campeonato, .section_data .section_campeonato{
		width:29%;}
		.section_campeonato {
			width:100%;}
.section_data{width:100%;
background-color:rgba(18,140,48,0.);
margin-bottom:0;
margin-top:0; padding-bottom:0.5%;
/*ANIMACION*/
	-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease;
}

.section_campeonato span{
	font-size:2.5rem;
	color:rgba(255,166,0,1.00);
	
	}
.trofeo {float:left; width:15%; margin:1%; }
.campeonato_nombre{width:80%; margin:1%; word-break:keep-all;}

.campeonato_nombre .h4, .campeonato_nombre .p{
	width:98%; word-break:keep-all; display:block; float:left; }
.campeonato_nombre {
	width:80%; float:left; text-align:left;
		}
.section_data .section_campeonato{
	border-left:0px solid rgba(0,163,255,0.00);
	box-sizing:border-box;
	/*ANIMACION*/
	-webkit-transition:all 600ms ease;
		-o-transition:all 600ms ease;
		transition:all 600ms ease;	}		
.section_data .section_campeonato:hover {
	border-left:30px solid rgba(0,163,255,.50);
	box-sizing:border-box;
	}
.section_header{
	color:rgba(49,119,0,1.00);}
.resaltar{
	font-weight:bold;
	color:rgba(62,150,0,1.00);
	}
.section_data:hover{width:100%;
background-color:rgba(18,140,48,0.1);
}
.section_data:active{width:100%;
background-color:rgba(18,140,48,0.1);
}/*Text Styles*/



/************COL TWO********************/
.col_two{
	width:20%;
	margin-top:2%;}
.anuncio{
	background-color:rgba(18,140,48,0.57);
	width:98%;
	margin:1%;
	height:150px;
	border-radius:10px;}



/*Aqui el intento de MEDIA QUERIE */

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


    .section_p {
        font-size: 0.8rem;
    }

    .section_black {
        font-weight: 600;
    }

    .section_three {
        margin: none;
        padding: none;
    }

    .navbar ul li span {
        color: white;
        opacity: .8;
    }

    body {
        background-image: url(images/quienes_somos/soccer1.jpg);
        box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.44);
        background-color: none;
        background-size: 100% auto;
        background-position: center;
        background-repeat: no-repeat;
        z-index: -3;
        margin: 0;
        padding: 0;
        padding-bottom: 30px;
    }

    .col {
        width: 100%;
    }

    .section_three div img {
        margin: 0 30% 0 30%;
    }

    .canchaslogo {
        margin-left: 30%;
    }

    .dos {
        background-color: rgba(0,0,0,0.37);
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .trofeo {
        display: none;
    }

    .section_data div {
        font-size: 10px;
    }

    .section_head {
        display: none;
    }

    .section_header div {
        font-size: 8px;
    }

    .titulo h1 {
        font-size: 100%;
    }


    .col_two {
        display: none;
    }

    .col_one {
        width: 100%;
        margin: 0;
        margin-top: 30px;
    }

    .img_bg {
        margin-top: 10px;
    }

    .titulo {
        display: none;
    }

    .img_bg {
        display: none;
    }

    .contenedor {
        margin: 0px;
        background-color: white;
    }


    @media screen and (max-width:360px) {
        .section_data {
            margin-left: 0;
        }

        .section_data div {
            font-size: 9px;
        }

        .inscripciones {
            display: none;
        }
    }
}