body,html {
    width: 100%;
    height: 100%;
}
body,h1,h2,h3,h4,h5,h6 {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}
.intro-header {
    padding: 0 0 50px; 0;
    text-align: center;
    color: #333;
}
.tdres {
	width:25%;border:0;
}
.imres {
	max-width:100%;
}
.yt {
	width:640px;height:384px;
}
@media(max-width:1199px) {
	.imres {	max-width:100%;float:left;	}
	.yt {	width:640px;height:384px;	}
}
@media(max-width:768px) {
	.imres {	max-width:48px;	}
	.yt {	width:480px;height:240px;	}
}
@media(max-width:640px) {
	.imres {	max-width:36px;	}
	.yt {	max-width:100%;	}
}
footer {
    padding: 20px 0;
    background-color: #999;
}