body {
    background-image: url(https://live.staticflickr.com/65535/52810068529_50ce16942f_b.jpg);
    background-color: #304859;
    margin: 0px;
    text-align: center;
    font-family: 'Abel', sans-serif;
}

h1 {
    color: #f19bc2;
    margin: 50px auto 0 auto;
    font-size: 5.625rem;
    line-height: 2;
}

h2 {
    color: #f19bc2;
    font-weight: normal;
    font-size: 2.5rem;
    margin: 0 auto;
    padding-top: 10px;
}

h3 {
    color: #11999E;
    font-size: 2rem;
}

hr {
    border: none;
    border-top: dotted;
    border-width: 4%;
    color:#ffd235;
    width: 5%;
    margin: 100px auto 100px auto;
}

p {
    line-height: 0;
}

.creditos {
    line-height: 4;
    color: #ffd235;
    bottom: 35%;
    position: absolute;
}

a {
    color: #ffd235; 
    text-decoration: none;
    font-family: 'Abel', sans-serif;
}

a:hover {
    color: #EAF6F6;
}

.top-container {
    background-color: transparent;
    position: relative;
    margin-top: 10px;
}

.top-logo {
    width: 30%;
    margin: 4rem auto 1rem auto;
}

.top-logo:hover {
    color: #ffd235;
}

.InstagramH {
    opacity: 1;
    width: 1.3rem;
    position: absolute;
    margin: 1.5rem 0 0 30rem;
	transition: .2s ease-in-out;
}

.InstagramH:hover {
	opacity: .5;
}

.WhatsAppH {
    opacity: 1;
    width: 1.3rem;
    position: absolute;
    margin: 1.5rem 0 0 33rem;
    transition: .2s ease-in-out;
}

.WhatsAppH:hover {
	opacity: .5;
}

.EmailH {
    opacity: 1;
    width: 1.4rem;
    position: absolute;
    margin: 1.6rem 0 0 36rem;
    transition: .2s ease-in-out;
}

.EmailH:hover {
	opacity: .5;
}

#l1 {
    margin-left: 100px;
    margin-right: 100px;
}

#l2 {
    margin-right: 100px;
}

#l3 {
    margin-left: 100px;
    margin-right: 100px;
}

#l4 {
    margin-right: 100px;
}

#l5 {
    margin-left: 100px;
    margin-right: 100px;
}

#l6 {
    margin-right: 100px;
}

.middle-container {
    background-color: transparent;

}

.header-link {
    line-height: 4;
    font-size: 1.5rem;
    margin: 0 auto;
}

.bottom-container {
    background-color: #ffd235;
    margin-top: 2rem;
    padding-bottom: 1.3rem;
    width: 100%;
}

.Sorriso {
    width: 90%;
    margin: 0 auto;
    transition: .2s ease-in-out;
}

.Sorriso:hover {
	opacity: .5;
    cursor: pointer;
}

.close20{
    color: white;
    position: absolute;
    margin-top: 1px;
    margin-left: 950px;
    margin-bottom: 500px;
}

.close20:hover{
    color: rgb(181, 181, 181);
    cursor: pointer;
}


.videoSorriso {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.videoSorriso.close{
    position: absolute;
    top: 10%;
    right: 25px;
    cursor: pointer;
}

.videoSorriso video{
    width: 90%;
    max-width: 800px;
    transform: scale(0);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    outline: none;
    transition: all 0.3s;
}

.videoSorriso.show{
    pointer-events: all;
    opacity: 1;
    background-color: #0f181e;
}

.videoSorriso.show video{
    transform: scale(1);
}

.BASF {
    width: 90%;
    margin: 0 auto;
    transition: .2s ease-in-out;
}

.BASF:hover {
	opacity: .5;
    cursor: pointer;
}

.close19{
    color: white;
    position: absolute;
    margin-top: 1px;
    margin-left: 950px;
    margin-bottom: 500px;
}

.close19:hover{
    color: rgb(181, 181, 181);
    cursor: pointer;
}

.videoBASF {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.videoBASF.close{
    position: absolute;
    top: 10%;
    right: 25px;
    cursor: pointer;
}

.videoBASF video{
    width: 90%;
    max-width: 800px;
    transform: scale(0);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    outline: none;
    transition: all 0.3s;
}

.videoBASF.show{
    pointer-events: all;
    opacity: 1;
    background-color: #0f181e;
}

.videoBASF.show video{
    transform: scale(1);
}

.TikTok {
    width: 90%;
    margin: 0 auto;
    transition: .2s ease-in-out;
}

.TikTok:hover {
	opacity: .5;
    cursor: pointer;
}

.close18{
    color: white;
    position: absolute;
    margin-top: 1px;
    margin-left: 950px;
    margin-bottom: 500px;
}

.close18:hover{
    color: rgb(181, 181, 181);
    cursor: pointer;
}

.videoTikTok {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.videoTikTok.close{
    position: absolute;
    top: 10%;
    right: 25px;
    cursor: pointer;
}

.videoTikTok video{
    width: 90%;
    max-width: 800px;
    transform: scale(0);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    outline: none;
    transition: all 0.3s;
}

.videoTikTok.show{
    pointer-events: all;
    opacity: 1;
    background-color: #0f181e;
}

.videoTikTok.show video{
    transform: scale(1);
}

.Maraca {
    width: 90%;
    margin: 0 auto;
    transition: .2s ease-in-out;
}

.Maraca:hover {
	opacity: .5;
    cursor: pointer;
}

.close17{
    color: white;
    position: absolute;
    margin-top: 1px;
    margin-left: 950px;
    margin-bottom: 500px;
}

.close17:hover{
    color: rgb(181, 181, 181);
    cursor: pointer;
}

.videoMaraca {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.videoMaraca.close{
    position: absolute;
    top: 10%;
    right: 25px;
    cursor: pointer;
}

.videoMaraca video{
    width: 90%;
    max-width: 800px;
    transform: scale(0);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    outline: none;
    transition: all 0.3s;
}

.videoMaraca.show{
    pointer-events: all;
    opacity: 1;
    background-color: #0f181e;
}

.videoMaraca.show video{
    transform: scale(1);
}

.SJC {
    width: 90%;
    margin: 0 auto;
    transition: .2s ease-in-out;
}

.SJC:hover {
	opacity: .5;
    cursor: pointer;
}

.close16{
    color: white;
    position: absolute;
    margin-top: 1px;
    margin-left: 950px;
    margin-bottom: 500px;
}

.close16:hover{
    color: rgb(181, 181, 181);
    cursor: pointer;
}

.videoSJC {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.videoSJC.close{
    position: absolute;
    top: 10%;
    right: 25px;
    cursor: pointer;
}

.videoSJC video{
    width: 90%;
    max-width: 800px;
    transform: scale(0);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    outline: none;
    transition: all 0.3s;
}

.videoSJC.show{
    pointer-events: all;
    opacity: 1;
    background-color: #0f181e;
}

.videoSJC.show video{
    transform: scale(1);
}

.Honda2 {
    width: 90%;
    margin: 0 auto;
    transition: .2s ease-in-out;
}

.Honda2:hover {
	opacity: .5;
    cursor: pointer;
}

.close15{
    color: white;
    position: absolute;
    margin-top: 1px;
    margin-left: 950px;
    margin-bottom: 500px;
}

.close15:hover{
    color: rgb(181, 181, 181);
    cursor: pointer;
}

.videoHonda2 {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.videoHonda2.close{
    position: absolute;
    top: 10%;
    right: 25px;
    cursor: pointer;
}

.videoHonda2 video{
    width: 90%;
    max-width: 800px;
    transform: scale(0);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    outline: none;
    transition: all 0.3s;
}

.videoHonda2.show{
    pointer-events: all;
    opacity: 1;
    background-color: #0f181e;
}

.videoHonda2.show video{
    transform: scale(1);
}


.ONU {
    width: 90%;
    margin: 0 auto;
    transition: .2s ease-in-out;
}

.ONU:hover {
	opacity: .5;
    cursor: pointer;
}

.close14{
    color: white;
    position: absolute;
    margin-top: 1px;
    margin-left: 950px;
    margin-bottom: 500px;
}

.close14:hover{
    color: rgb(181, 181, 181);
    cursor: pointer;
}

.videoONU {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.videoONU.close{
    position: absolute;
    top: 10%;
    right: 25px;
    cursor: pointer;
}

.videoONU video{
    width: 90%;
    max-width: 800px;
    transform: scale(0);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    outline: none;
    transition: all 0.3s;
}

.videoONU.show{
    pointer-events: all;
    opacity: 1;
    background-color: #0f181e;
}

.videoONU.show video{
    transform: scale(1);
}


.Buser {
    width: 90%;
    margin: 0 auto;
    transition: .2s ease-in-out;
}

.Buser:hover {
	opacity: .5;
    cursor: pointer;
}

.close13{
    color: white;
    position: absolute;
    margin-top: 1px;
    margin-left: 950px;
    margin-bottom: 500px;
}

.close13:hover{
    color: rgb(181, 181, 181);
    cursor: pointer;
}

.videoBuser {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.videoBuser.close{
    position: absolute;
    top: 10%;
    right: 25px;
    cursor: pointer;
}

.videoBuser video{
    width: 90%;
    max-width: 800px;
    transform: scale(0);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    outline: none;
    transition: all 0.3s;
}

.videoBuser.show{
    pointer-events: all;
    opacity: 1;
    background-color: #0f181e;
}

.videoBuser.show video{
    transform: scale(1);
}

.Gaston {
    width: 90%;
    margin: 0 auto;
    transition: .2s ease-in-out;
}

.Gaston:hover {
	opacity: .5;
    cursor: pointer;
}

.close12{
    color: white;
    position: absolute;
    margin-top: 1px;
    margin-left: 950px;
    margin-bottom: 500px;
}

.close12:hover{
    color: rgb(181, 181, 181);
    cursor: pointer;
}

.videoGaston {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.videoGaston.close{
    position: absolute;
    top: 10%;
    right: 25px;
    cursor: pointer;
}

.videoGaston video{
    width: 90%;
    max-width: 800px;
    transform: scale(0);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    outline: none;
    transition: all 0.3s;
}

.videoGaston.show{
    pointer-events: all;
    opacity: 1;
    background-color: #0f181e;
}

.videoGaston.show video{
    transform: scale(1);
}

.BioOil {
    width: 90%;
    margin: 0 auto;
    transition: .2s ease-in-out;
}

.BioOil:hover {
	opacity: .5;
    cursor: pointer;
}

.close11{
    color: white;
    position: absolute;
    margin-top: 1px;
    margin-left: 950px;
    margin-bottom: 500px;
}

.close11:hover{
    color: rgb(181, 181, 181);
    cursor: pointer;
}

.videoBioOil {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.videoBioOil.close{
    position: absolute;
    top: 10%;
    right: 25px;
    cursor: pointer;
}

.videoBioOil video{
    width: 90%;
    max-width: 800px;
    transform: scale(0);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    outline: none;
    transition: all 0.3s;
}

.videoBioOil.show{
    pointer-events: all;
    opacity: 1;
    background-color: #0f181e;
}

.videoBioOil.show video{
    transform: scale(1);
}

.CocaCola {
    width: 90%;
    margin: 0 auto;
    transition: .2s ease-in-out;
}

.CocaCola:hover {
	opacity: .5;
    cursor: pointer;
}

.close10{
    color: white;
    position: absolute;
    margin-top: 1px;
    margin-left: 950px;
    margin-bottom: 500px;
}

.close10:hover{
    color: rgb(181, 181, 181);
    cursor: pointer;
}

.videoCocaCola {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.videoCocaCola.close{
    position: absolute;
    top: 10%;
    right: 25px;
    cursor: pointer;
}

.videoCocaCola video{
    width: 90%;
    max-width: 800px;
    transform: scale(0);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    outline: none;
    transition: all 0.3s;
}

.videoCocaCola.show{
    pointer-events: all;
    opacity: 1;
    background-color: #0f181e;
}

.videoCocaCola.show video{
    transform: scale(1);
}

.Edega {
    width: 90%;
    margin: 0 auto;
    transition: .2s ease-in-out;
}

.Edega:hover {
	opacity: .5;
    cursor: pointer;
}

.close1{
    color: white;
    position: absolute;
    margin-top: 1px;
    margin-left: 950px;
    margin-bottom: 500px;
}

.close1:hover{
    color: rgb(181, 181, 181);
    cursor: pointer;
}

.videoEdega {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.videoEdega.close{
    position: absolute;
    top: 10%;
    right: 25px;
    cursor: pointer;
}

.videoEdega video{
    width: 90%;
    max-width: 800px;
    transform: scale(0);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    outline: none;
    transition: all 0.3s;
}

.videoEdega.show{
    pointer-events: all;
    opacity: 1;
    background-color: #0f181e;
}

.videoEdega.show video{
    transform: scale(1);
}

.Sesc {
    width: 90%;
    margin: 0 auto;
    transition: .2s ease-in-out;
}

.Sesc:hover {
	opacity: .5;
    cursor: pointer;
}

.close2{
    color: white;
    position: absolute;
    margin-top: 1px;
    margin-left: 950px;
    margin-bottom: 500px;
}

.close2:hover{
    color: rgb(181, 181, 181);
    cursor: pointer;
}

.videoSesc{
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.videoSesc.close{
    position: absolute;
    top: 10%;
    right: 25px;
    cursor: pointer;
}

.videoSesc video{
    width: 90%;
    max-width: 800px;
    transform: scale(0);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    outline: none;
    transition: all 0.3s;
}

.videoSesc.show{
    pointer-events: all;
    opacity: 1;
    background-color: #0f181e;
}

.videoSesc.show video{
    transform: scale(1);
}

.Google {
    width: 90%;
    margin: 0 auto;
    transition: .2s ease-in-out;
}

.Google:hover {
	opacity: .5;
    cursor: pointer;
}

.close3{
    color: white;
    position: absolute;
    margin-top: 1px;
    margin-left: 950px;
    margin-bottom: 500px;
}

.close3:hover{
    color: rgb(181, 181, 181);
    cursor: pointer;
}

.videoGoogle {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.videoGoogle.close{
    position: absolute;
    top: 10%;
    right: 25px;
    cursor: pointer;
}

.videoGoogle video{
    width: 90%;
    max-width: 800px;
    transform: scale(0);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    outline: none;
    transition: all 0.3s;
}

.videoGoogle.show {
    pointer-events: all;
    opacity: 1;
    background-color: #0f181e;
}

.videoGoogle.show video{
    transform: scale(1);
}

.Heineken {
    width: 90%;
    margin: 0 auto;
    transition: .2s ease-in-out;
}

.Heineken:hover {
	opacity: .5;
    cursor: pointer;
}

.close4{
    color: white;
    position: absolute;
    margin-top: 1px;
    margin-left: 950px;
    margin-bottom: 500px;
}

.close4:hover{
    color: rgb(181, 181, 181);
    cursor: pointer;
}

.videoHeineken{
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.videoHeineken.close{
    position: absolute;
    top: 10%;
    right: 25px;
    cursor: pointer;
}

.videoHeineken video{
    width: 90%;
    max-width: 800px;
    transform: scale(0);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    outline: none;
    transition: all 0.3s;
}

.videoHeineken.show{
    pointer-events: all;
    opacity: 1;
    background-color: #0f181e;
}

.videoHeineken.show video{
    transform: scale(1);
}

.Chevrolet {
    width: 90%;
    margin: 0 auto;
    transition: .2s ease-in-out;
}

.Chevrolet:hover {
	opacity: .5;
    cursor: pointer;
}

.close5{
    color: white;
    position: absolute;
    margin-top: 1px;
    margin-left: 950px;
    margin-bottom: 500px;
}

.close5:hover{
    color: rgb(181, 181, 181);
    cursor: pointer;
}

.videoChevrolet{
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.videoChevrolet.close{
    position: absolute;
    top: 10%;
    right: 25px;
    cursor: pointer;
}

.videoChevrolet video{
    width: 90%;
    max-width: 800px;
    transform: scale(0);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    outline: none;
    transition: all 0.3s;
}

.videoChevrolet.show{
    pointer-events: all;
    opacity: 1;
    background-color: #0f181e;
}

.videoChevrolet.show video{
    transform: scale(1);
}

.Skol {
    width: 90%;
    margin: 0 auto;
    transition: .2s ease-in-out;
}

.Skol:hover {
	opacity: .5;
    cursor: pointer;
}

.close6{
    color: white;
    position: absolute;
    margin-top: 1px;
    margin-left: 950px;
    margin-bottom: 500px;
}

.close6:hover{
    color: rgb(181, 181, 181);
    cursor: pointer;
}

.videoSkol{
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.videoSkol.close{
    position: absolute;
    top: 10%;
    right: 25px;
    cursor: pointer;
}

.videoSkol video{
    width: 90%;
    max-width: 800px;
    transform: scale(0);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    outline: none;
    transition: all 0.3s;
}

.videoSkol.show{
    pointer-events: all;
    opacity: 1;
    background-color: #0f181e;
}

.videoSkol.show video{
    transform: scale(1);
}

.UOL {
    width: 90%;
    margin: 0 auto;
    transition: .2s ease-in-out;
}

.UOL:hover {
	opacity: .5;
    cursor: pointer;
}

.close7{
    color: white;
    position: absolute;
    margin-top: 1px;
    margin-left: 950px;
    margin-bottom: 500px;
}

.close7:hover{
    color: rgb(181, 181, 181);
    cursor: pointer;
}

.videoUOL{
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.videoUOL.close{
    position: absolute;
    top: 10%;
    right: 25px;
    cursor: pointer;
}

.videoUOL video{
    width: 90%;
    max-width: 800px;
    transform: scale(0);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    outline: none;
    transition: all 0.3s;
}

.videoUOL.show{
    pointer-events: all;
    opacity: 1;
    background-color: #0f181e;
}

.videoUOL.show video{
    transform: scale(1);
}

.Honda {
    width: 90%;
    margin: 0 auto;
    transition: .2s ease-in-out;
}

.Honda:hover {
	opacity: .5;
    cursor: pointer;
}

.close8{
    color: white;
    position: absolute;
    margin-top: 1px;
    margin-left: 950px;
    margin-bottom: 500px;
}

.close8:hover{
    color: rgb(181, 181, 181);
    cursor: pointer;
}

.videoHonda{
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.videoHonda.close{
    position: absolute;
    top: 10%;
    right: 25px;
    cursor: pointer;
}

.videoHonda video{
    width: 90%;
    max-width: 800px;
    transform: scale(0);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    outline: none;
    transition: all 0.3s;
}

.videoHonda.show{
    pointer-events: all;
    opacity: 1;
    background-color: #0f181e;
}

.videoHonda.show video{
    transform: scale(1);
}

.Vanish {
    position: relative;
    width: 90%;
    margin: 0 auto;
    transition: .2s ease-in-out;
}

.Vanish:hover {
	opacity: .5;
    cursor: pointer;
}

.close9{
    color: white;
    position: absolute;
    margin-top: 1px;
    margin-left: 950px;
    margin-bottom: 500px;
}

.close9:hover{
    color: rgb(181, 181, 181);
    cursor: pointer;
}

.videoVanish{
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.videoVanish.close{
    position: absolute;
    top: 10%;
    right: 25px;
    cursor: pointer;
}

.videoVanish video{
    width: 90%;
    max-width: 800px;
    transform: scale(0);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    outline: none;
    transition: all 0.3s;
}

.videoVanish.show{
    pointer-events: all;
    opacity: 1;
    background-color: #0f181e;
}

.videoVanish.show video{
    transform: scale(1);
}

.txt1 {
    clear: left;
}

.txt2 {
    clear: right;
}

.txtfim {
    color: #304859;
    font-size: 1rem;
    padding-top: 3rem;

}

.txtfim2 {
    color: #304859;
    font-size: 1rem;
    padding-bottom: 1.25rem;
}

.Instagram {
    opacity: 1;
    width: 1.3rem;
    margin: 1.3rem 1.3rem 0 0;
	transition: .2s ease-in-out;
}

.Instagram:hover {
	opacity: .5;
}

.WhatsApp {
    opacity: 1;
    width: 1.3rem;
    margin-bottom: 0;
    transition: .2s ease-in-out;
}

.WhatsApp:hover {
	opacity: .5;
}

.Email {
    opacity: 1;
    width: 1.4rem;
    margin-left: 1.2rem;
    margin-bottom: 0.1rem;
    transition: .2s ease-in-out;
}

.Email:hover {
	opacity: .5;
}

.FraseContato {
    color: #ffd235;
    margin: 0 60% 0 0;
    font-size: 2rem;
    line-height: 2;
}

form {
    margin: 0 75% 0 0;

}

.Nome {
    color: #ffd235;
    margin: 0 auto 0 0;
    font-size: 1.5rem;
}

.EmailC {
    color: #ffd235;
    margin: 0 auto 0 0;
    font-size: 1.5rem;
}

.Mensagem {
    color: #ffd235;
    margin: 0 0 0 0;
    font-size: 1.5rem;
}

.Box {
    margin: 0 0 0 100%;
}

@media (min-width: 320px) {
    .creditos {
        bottom: 35%;
    }
}

@media (min-width: 480px) {
    .creditos {
        bottom: 25%;
    }
}

@media (min-width: 768px) {
    .creditos {
        bottom: 15%;
    }
}

@media (min-width: 1023px) {
    .creditos {
        bottom: 10%;
    }
}