*{
	margin: auto;
	padding:0;
}
	body {
	margin: 2.4em;
	background-color:#1A3A64;
}
#caixadovideo {
	position: relative;
	width: 60%;
	height: 60%;
	top: 0;
	left: 0;
}
.video-container {
    position: relative;
	padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
    position: absolute;
    top: 4%;
    left: 0;
    width: 100%;
    height: 100%;
}
ul, li {
	list-style: none;
}
.menufixo {
	background-color:#1A3A64; 
	position:fixed; 
	width: 100%;
	bottom:3.4%; 
	left: -0.3%
}
.menufixo img {
	padding: 8px;
	display: inline;
}
#iconcmg {
	padding-bottom: 0.9%;
}
#iconsapl {
	padding-bottom: 0;
}

/* Smartphones (portrait and landscape) ———– */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

#caixadovideo {
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
body {
	margin: 1em;
	background-color:#1A3A64;
}
.video-container {
	width: 270px;
	height: 150px;
}
#iconfacebook {
	width: 15%;
}
#iconyoutube {
	width: 15%;
}
#iconcmg {
	width: 13%;
	padding-bottom: 2.5%;
}
#iconsapl {
	width: 15%;
	padding-bottom: 1.9%;
}
}

/* Smartphones (portrait) ———– */
@media only screen
and (max-width : 320px) {

#caixadovideo {
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
body {
	margin: 1em;
	background-color:#1A3A64;
}
.video-container {
	width: 270px;
	height: 150px;
}
#iconfacebook {
	width: 15%;
}
#iconyoutube {
	width: 15%;
}
#iconcmg {
	width: 13%;
	padding-bottom: 2.5%;
}
#iconsapl {
	width: 15%;
	padding-bottom: 1.9%;
}
}

/* iPads (portrait and landscape) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

#caixadovideo {
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
body {
	margin: 1em;
	background-color:#1A3A64;
}
}
