*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing: border-box;
}

header{
	width: 100%;
	height: auto;
}

.contenedor{
	width: 100%;
}

section{
	width: 100%;
}


style {
	width: 15%;
}


img{

	height: 255px;
	width: 280px;
}

 body {

                background-image: url("../img/pizarraB.jpg");
                background-position: top center;
                margin-left: 350px;
                height: auto;
                background-size: 1190px 780px;
                background-repeat: no-repeat;
                margin-bottom: 100px;
}





@media only screen and (min-width: 481px) and (max-width: 768px) {

	header{
	width: 50%;
	height: auto;
	margin-left: 35px;
}


.main{
	width: 50%;
	margin-left: 25px;
}

.image{
	width: auto;
	height: auto;
	margin-left: -150px;

}

body {

       margin-left: 350px;
       height: auto;
       background-size: 680px 780px;
}

.redes{
	left: 1px;
	top: 25px;
}

img{

	height: 230px;
	width: 240px;
}


}


@media only screen and (min-width: 320px) and (max-width: 480px) {


.todo{
	margin-left: -15px;
}

header{
	width: 25%;
	height: auto;
	margin-left: -255px;

}

h1{
	 font-family: times;
}

.main{
	width: 25%;
	margin-left: -262px;
}

.image{
	width: -100;
	height: auto;
	margin-left: -405px;

}

img{
	height: 200px;
	width: 170px;

}

h3 FONT{
	color: blueviolet;
}

body {

        margin-left: 500px;
        height: auto;
        background-size: 420px 760px;

}

.redes{
	left: 1px;
	top: 25px;
}


}




@media only screen and ( orientation: landscape) and (min-width: 769px) and (max-width: 900px)   {

header{
	width: 15%;
	height: auto;
	margin-left: -40px;
	font-size: 13px;
}


.main{
	width: 15%;
	margin-left: -50px;
	font-size: 10px;
	margin-bottom: 55px;
}

.image{
	height: auto;
	margin-left: -310px;

}

img{
	height: 200px;
	width: 190;
}

body {

           
         margin-left: 450px;
         height: auto;
         background-size: 495px 675px;


}

.redes{
	left: 1px;
	top: 70px;
}

}


@media only screen and ( orientation: landscape) and (min-width: 900px) and (max-width: 1100px)   {

header{
	width: 15%;
	height: auto;
	margin-left: 15px;
	font-size: 13px;
}


.main{
	width: 15%;
	margin-left: 15px;
	font-size: 10px;
	margin-bottom: 55px;
}

.image{
	height: auto;
	margin-left: -310px;

}

img{
	height: 200px;
	width: 185px;
}

body {

            
      margin-left: 450px;
      height: auto;
      background-size: 500px 675px;

}

.redes{
	left: 1px;
	top: 70px;
}