*{
	    margin: 0;
	    padding: 0;
	    box-sizing: border-box;
	}
	body, html{
		font-family: sans-serif;
		font-size:22px;
	}
    .fundo {
        width: 100%;
		height: 100%;
        position: fixed;
		right: 0; 
		top: 0;
        z-index: -1;
    }
	.bg_video{
		position: fixed; 
		right: 0; 
		top: 0;
		width: 100%; 
		height: auto; 
		z-index: -1000;
        background-color: #292929;
        z-index: -1000px;
	}
	#body{
		width: 100%;
        height: 100%;
	}
	#body h1{
		font-family: Georgia, serif;
		font-size:40px;
	}
	#body p{
		margin: 1.6em 0;
	}
    header {
        margin: 20px;
    }
    .img_responsive {
        width: 100%;
        height: auto;
    }
    .menu {
        position: fixed;
        left: 17%;
        margin-top: 2%;
        width: 2%;
        cursor: pointer;
    }
    .menu img {
        width: 100%;
        height: auto;
    }
    .playstore {
        position: fixed;
        left: 39.5%;
        margin-top: 1%;
        width: 4%;
        cursor: pointer;
    }
    .playstore img {
        width: 100%;
        height: auto;
    }
    .appstore {
        position: fixed;
        left: 45%;
        margin-top: 1%;
        width: 4%;
        cursor: pointer;
    }
    .appstore img {
        width: 100%;
        height: auto;
    }
    .contato {
        position: fixed;
        left: 58%;
        margin-top: 2.5%;
        width: 9%;
        cursor: pointer;
    }
    .contato img {
        width: 100%;
        height: auto;
    }
    .noticias {
        position: fixed;
        left: 71.3%;
        margin-top: 2.5%;
        width: 6%;
        cursor: pointer;
    }
    .noticias img {
        width: 100%;
        height: auto;
    }
    .fotos {
        position: fixed;
        left: 82%;
        margin-top: 2.5%;
        width: 4%;
        cursor: pointer;
    }
    .fotos img {
        width: 100%;
        height: auto;
    }
    .videos {
        position: fixed;
        left: 91%;
        margin-top: 2.5%;
        width: 5%;
        cursor: pointer;
    }
    .videos img {
        width: 100%;
        height: auto;
    }
    #middle {
        position: fixed;
        margin-top: 40%
    }
        .frase {
            position: fixed;
            margin-top: -22%;
            margin-left: 1%;
            width: 38%
        }
        .frase img {
            width: 100%;
            height: auto;
        }
        .fraseB {
            position: fixed;
            margin-top: -12%;
            margin-left: 4%;
            width: 38%
        }
        .fraseB img {
            width: 100%;
            height: auto;
        }
        .player {
            position: fixed;
            margin-top: 46%;
            margin-left: 46%;
            width: 8%
        }
        .player img {
            width: 100%;
            height: auto;
            cursor: pointer;
        }
        .fundoPlayer {
            position: fixed;
            top: 30.4%;
            width: 22%;
            left: 67%;
        }
        .fundoPlayer img {
            width: 100%;
            height: auto;
            cursor: pointer;
        }
        #logo {
            position: fixed;
            top: 45%;
            width: 18%;
            left: 61%;
        }
        #logo img {
            width: 100%;
            height: auto;
        }
        footer {
            position: fixed;
            width: 100%;
            bottom: 30%;
        }
        .rodapeA {
            position: fixed;
            bottom: 0%;
            width: 100%;
        }
        .rodapeA img {
            width: 100%;
            height: auto;
        }
        .social {
            position: fixed;
            bottom: 0%;
            width: 50%;
            margin-left: 25%;
        }
        .social img {
            width: 100%;
            height: auto;
        }
        .rodapeB {
            position: fixed;
            bottom: 0%;
            width: 100%;
        }
        .rodapeB img {
            width: 100%;
            height: auto;
        }
        .fundoProg {
            position: fixed;
            bottom: 0%;
            width: 35%;
        }
        .fundoProg img {
            width: 100%;
            height: auto;
        }
        .programacao {
            position: fixed;
            bottom: 5%;
            width: 10%;
            left: 4%;
        }
        .programacao img {
            width: 100%;
            height: auto;
        }
        .sobre {
            position: fixed;
            bottom: 6%;
            width: 7%;
            left: 20%;
        }
        .sobre img {
            width: 100%;
            height: auto;
        }
        .whatsapp {
            position: fixed;
            bottom: 4.5%;
            margin-left: 42%;
            width: 3%;
        }
        .whatsapp img {
            width: 100%;
            height: auto;
        }
        .facebook {
            position: fixed;
            bottom: 6.5%;
            margin-left: 10%;
            width: 6%;
        }
        .facebook img {
            width: 100%;
            height: auto;
        }
        .instagram {
            position: fixed;
            bottom: 6.5%;
            margin-left: 18%;
            width: 6%;
        }
        .instagram img {
            width: 100%;
            height: auto;
        }
        .youtube {
            position: fixed;
            bottom: 6.5%;
            margin-left: 26%;
            width: 6%;
        }
        .youtube img {
            width: 100%;
            height: auto;
        }
        .siga {
            position: fixed;
            bottom: 6.5%;
            margin-left: 26%;
            width: 6%;
        }
        .siga img {
            width: 100%;
            height: auto;
        }
        .video {
            position: fixed;
            bottom: 4.5%;
            right: 5%;
            width: 6%;
        }
        .video img {
            width: 100%;
            height: auto;
        }
        .camera {
            position: fixed;
            bottom: 2.5%;
            right: 5%;
            width: 6%;
        }
        .camera img {
            width: 100%;
            height: auto;
        }
            /* Style the navigation menu */
            .topnav {
                overflow: hidden;
                background-color: #44429C;
                position: fixed;
                left: 4%;
                margin-top: 2.2%;
                width: 30%;
                z-index: 999;
              }
              
              /* Hide the links inside the navigation menu (except for logo/home) */
              .topnav #myLinks {
                display: none;
              }
              
              /* Style navigation menu links */
              .topnav a {
                color: white;
                padding: 14px 16px;
                text-decoration: none;
                font-size: 17px;
                display: block;
              }
              
              /* Style the hamburger menu */
              .topnav a.icon {
                background: 44429C;
                display: block;
                position: absolute;
                right: 0;
                top: 0;
              }
              
              /* Add a grey background color on mouse-over */
              .topnav a:hover {
                background-color: #ddd;
                color: #44429C;
              }
              
              /* Style the active link (or home/logo) */
              .active {
                background-color: #F5F5F5;
                color: #44429C;
              }
        @media only screen and (min-width: 480px) and (max-width: 896px) {
            /* landscape mode */
            .fundo {
                width: 100%;
                height: 100%;
                position: fixed;
                right: 0; 
                top: 0;
                z-index: -1;
            }
            .bg_video{
                position: fixed; 
                right: 0; 
                top: 0;
                width: 100%; 
                height: auto; 
                z-index: -1000;
                background-color: #292929;
                z-index: -1000px;
            }
            #body{
                width: 100%;
                height: 100%;
            }
            #body h1{
                font-family: Georgia, serif;
                font-size:40px;
            }
            #body p{
                margin: 1.6em 0;
            }
            header {
                margin: 20px;
            }
            .img_responsive {
                width: 100%;
                height: auto;
            }
            .menu {
                position: fixed;
                left: 17%;
                margin-top: 2%;
                width: 2%;
                cursor: pointer;
            }
            .menu img {
                width: 100%;
                height: auto;
            }
            .playstore {
                position: fixed;
                left: 39.5%;
                margin-top: 1%;
                width: 4%;
                cursor: pointer;
            }
            .playstore img {
                width: 100%;
                height: auto;
            }
            .appstore {
                position: fixed;
                left: 45%;
                margin-top: 1%;
                width: 4%;
                cursor: pointer;
            }
            .appstore img {
                width: 100%;
                height: auto;
            }
            .contato {
                position: fixed;
                left: 58%;
                margin-top: 2.5%;
                width: 9%;
                cursor: pointer;
            }
            .contato img {
                width: 100%;
                height: auto;
            }
            .noticias {
                position: fixed;
                left: 71.3%;
                margin-top: 2.5%;
                width: 6%;
                cursor: pointer;
            }
            .noticias img {
                width: 100%;
                height: auto;
            }
            .fotos {
                position: fixed;
                left: 82%;
                margin-top: 2.5%;
                width: 4%;
                cursor: pointer;
            }
            .fotos img {
                width: 100%;
                height: auto;
            }
            .videos {
                position: fixed;
                left: 91%;
                margin-top: 2.5%;
                width: 5%;
                cursor: pointer;
            }
            .videos img {
                width: 100%;
                height: auto;
            }
            #middle {
                position: fixed;
                margin-top: 40%
            }
            .frase {
                position: fixed;
                margin-top: -22%;
                margin-left: 1%;
                width: 38%
            }
            .frase img {
                width: 100%;
                height: auto;
            }
            .fraseB {
                position: fixed;
                margin-top: -12%;
                margin-left: 4%;
                width: 38%
            }
            .fraseB img {
                width: 100%;
                height: auto;
            }
            .player {
                position: fixed;
                margin-top: 46%;
                margin-left: 46%;
                width: 8%
            }
            .player img {
                width: 100%;
                height: auto;
                cursor: pointer;
            }
            .fundoPlayer {
                position: fixed;
                top: 30.4%;
                width: 22%;
                left: 67%;
            }
            .fundoPlayer img {
                width: 100%;
                height: auto;
                cursor: pointer;
            }
            #logo {
                position: fixed;
                top: 45%;
                width: 18%;
                left: 61%;
            }
            #logo img {
                width: 100%;
                height: auto;
            }
            footer {
                position: fixed;
                width: 100%;
                bottom: 30%;
            }
            .rodapeA {
                position: fixed;
                bottom: 0%;
                width: 100%;
            }
            .rodapeA img {
                width: 100%;
                height: auto;
            }
            .social {
                position: fixed;
                bottom: 0%;
                width: 50%;
                margin-left: 25%;
            }
            .social img {
                width: 100%;
                height: auto;
            }
            .rodapeB {
                position: fixed;
                bottom: 0%;
                width: 100%;
            }
            .rodapeB img {
                width: 100%;
                height: auto;
            }
            .fundoProg {
                position: fixed;
                bottom: 0%;
                width: 35%;
            }
            .fundoProg img {
                width: 100%;
                height: auto;
            }
            .programacao {
                position: fixed;
                bottom: 5%;
                width: 10%;
                left: 4%;
            }
            .programacao img {
                width: 100%;
                height: auto;
            }
            .sobre {
                position: fixed;
                bottom: 6%;
                width: 7%;
                left: 20%;
            }
            .sobre img {
                width: 100%;
                height: auto;
            }
            .whatsapp {
                position: fixed;
                bottom: 4.5%;
                margin-left: 42%;
                width: 3%;
            }
            .whatsapp img {
                width: 100%;
                height: auto;
            }
            .facebook {
                position: fixed;
                bottom: 6.5%;
                margin-left: 10%;
                width: 6%;
            }
            .facebook img {
                width: 100%;
                height: auto;
            }
            .instagram {
                position: fixed;
                bottom: 6.5%;
                margin-left: 18%;
                width: 6%;
            }
            .instagram img {
                width: 100%;
                height: auto;
            }
            .youtube {
                position: fixed;
                bottom: 6.5%;
                margin-left: 26%;
                width: 6%;
            }
            .youtube img {
                width: 100%;
                height: auto;
            }
            .siga {
                position: fixed;
                bottom: 6.5%;
                margin-left: 26%;
                width: 6%;
            }
            .siga img {
                width: 100%;
                height: auto;
            }
            .video {
                position: fixed;
                bottom: 4.5%;
                right: 5%;
                width: 6%;
            }
            .video img {
                width: 100%;
                height: auto;
            }
            .camera {
                position: fixed;
                bottom: 2.5%;
                right: 5%;
                width: 6%;
            }
            .camera img {
                width: 100%;
                height: auto;
            }
        }