.menu,.menu:before,.menu:after{background: white; width: 30px; height: 3px;}@-webkit-keyframes menu-hover-top-over{0%{-webkit-transform: translateY(0); transform: translateY(0);}50%{-webkit-transform: translateY(8px); transform: translateY(8px);}100%{-webkit-transform: translateY(0); transform: translateY(0);}}@keyframes menu-hover-top-over{0%{-webkit-transform: translateY(0); transform: translateY(0);}50%{-webkit-transform: translateY(8px); transform: translateY(8px);}100%{-webkit-transform: translateY(0); transform: translateY(0);}}@-webkit-keyframes menu-hover-bottom-over{0%{-webkit-transform: translateY(0); transform: translateY(0);}50%{-webkit-transform: translateY(-8px); transform: translateY(-8px);}100%{-webkit-transform: translateY(0); transform: translateY(0);}}@keyframes menu-hover-bottom-over{0%{-webkit-transform: translateY(0); transform: translateY(0);}50%{-webkit-transform: translateY(-8px); transform: translateY(-8px);}100%{-webkit-transform: translateY(0); transform: translateY(0);}}@-webkit-keyframes menu-load-state-top{0%{-webkit-transform: translateY(0); transform: translateY(0);}50%{-webkit-transform: translateY(8px); transform: translateY(8px);}100%{-webkit-transform: translateY(0); transform: translateY(0);}}@keyframes menu-load-state-top{0%{-webkit-transform: translateY(0); transform: translateY(0);}50%{-webkit-transform: translateY(8px); transform: translateY(8px);}100%{-webkit-transform: translateY(0); transform: translateY(0);}}@-webkit-keyframes menu-load-state-bottom{0%{-webkit-transform: translateY(0); transform: translateY(0);}50%{-webkit-transform: translateY(-8px); transform: translateY(-8px);}100%{-webkit-transform: translateY(0); transform: translateY(0);}}@keyframes menu-load-state-bottom{0%{-webkit-transform: translateY(0); transform: translateY(0);}50%{-webkit-transform: translateY(-8px); transform: translateY(-8px);}100%{-webkit-transform: translateY(0); transform: translateY(0);}}@-webkit-keyframes menu-active-slide{0%{-webkit-transform: translateX(-10px); transform: translateX(-10px);}100%{-webkit-transform: translateX(0); transform: translateX(0);}}@keyframes menu-active-slide{0%{-webkit-transform: translateX(-10px); transform: translateX(-10px);}100%{-webkit-transform: translateX(0); transform: translateX(0);}}@-webkit-keyframes top-rot-in{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: left; transform-origin: left;}100%{-webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: left; transform-origin: left;}}@keyframes top-rot-in{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: left; transform-origin: left;}100%{-webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: left; transform-origin: left;}}@-webkit-keyframes bot-rot-in{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: left; transform-origin: left;}100%{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left; transform-origin: left;}}@keyframes bot-rot-in{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: left; transform-origin: left;}100%{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left; transform-origin: left;}}.button{padding: 10px; height: 30px; width: 30px; display: block; position: fixed; right: 0; background: transparent; cursor: pointer; z-index: 9;}.menu{position: absolute; top: 24px;}.menu:before{content: ''; position: absolute; top: -8px; -webkit-animation: menu-load-state-top 0.5s; animation: menu-load-state-top 0.5s;}.menu:after{content: ''; position: absolute; top: 8px; left: 0px; -webkit-animation: menu-load-state-bottom 0.5s; animation: menu-load-state-bottom 0.5s;}.menu b{opacity: 0; top: -13px; left: 2px; font-size: 0.55em; line-height: 1em; position: relative; transition: all 0.15s 0.15s ease-in; transition-delay: 0.5s;}.menu:hover{background: transparent; transition: all 0.15s 0 ease-out;}.menu:hover:before{-webkit-animation: menu-hover-top-over 0.5s 0.5s forwards; animation: menu-hover-top-over 0.5s 0.5s forwards;}.menu:hover:after{-webkit-animation: menu-hover-bottom-over 0.5s 0.5s forwards; animation: menu-hover-bottom-over 0.5s 0.5s forwards;}.menu:hover b{opacity: 1;}.sub-menu{font-weight: 300; font-size: 1.5em; list-style-type: none; padding: 10px 20px; width: 200px; background: #001e8e; /* Old browsers */ background: rgba(0, 0, 0, 0.5); /* W3C */ margin: 0; position: fixed; top: 8px; right: 65px; transition: opacity 0.25s ease; opacity: 0; z-index: 9;}.sub-menu li{line-height: 60px; border-bottom: 1px solid white;}.sub-menu li:last-child{border-bottom: none;}.sub-menu li a{color: #fff; text-decoration: none;}.active .menu{background: transparent;}.active .menu:before{top: -10px; left: 5px; -webkit-animation: top-rot-in 0.5s forwards; animation: top-rot-in 0.5s forwards;}.active .menu:after{top: 10px; left: 5px; -webkit-animation: bot-rot-in 0.5s forwards; animation: bot-rot-in 0.5s forwards;}.active .menu b{opacity: 0; transition: all 0.1s 0 ease-out;}.active .sub-menu{opacity: 1; transition: opacity 0.25s ease; -webkit-animation: menu-active-slide 0.25s; animation: menu-active-slide 0.25s;}body{margin: 0px; transition: 0.5s ease-in-out; font-family: 'Lato', sans-serif;}.container{min-height: 100vh; width: 100%; display: flex; justify-content: center; align-items: center;}.delimiter{text-align: center; font-size: 90px; font-weight: 300; color: #fff; background: rgb(0, 0, 0); padding: 50px 0px;}#cont-a{background: linear-gradient(0deg, rgba(14, 14, 14, 0.3), rgba(0, 0, 0, 0.33)), url(../img/background-a.jpg); background-size: cover; background-position: center center; flex-direction: column;}#cont-a header{height: 250px; width: 250px; background-color: #fff; border-radius: 50%; background-image: url('../img/logo.png'); background-size: contain; background-position: center center; background-repeat: no-repeat; box-shadow: inset 0 2px 4px 0 hsla(0, 0%, 0%, 0.2);}#cont-a-article{color: #fff; margin-top: 20px; text-align: center;}#cont-a-article h1{font-size: 38px; font-weight: 300; transition: all 1s ease; background: linear-gradient(to left, transparent 50%, #000000c9 50%); background-position: right bottom; background-size: 200% 100%; display: inline-block; margin: 0px; padding: 0px 10px;}#cont-a-article h1.overlight{background-position: left bottom;}#cont-b{background: linear-gradient(0deg, rgba(14, 14, 14, 0.3), rgba(0, 0, 0, 0.33)), url(../img/background-b-II.jpg); background-size: cover; background-position: center center;}#wrapper-b{background: #ffffffe3; box-shadow: 1px 1px 10px 5px rgba(12, 0, 0, 0.25); transition: all 0.5s ease-in-out; padding: 40px; max-width: 600px; color: #1d1506; font-family: 'Poppins', Sans-serif; font-size: 15px; font-weight: 400; line-height: 27px; margin: 40px; display: none;}#wrapper-b h2{font-size: 48px; text-shadow: 18px 12px 4px #bdbdbd3b; line-height: 45px;}#cont-c{background-color: #000;}#cont-c #myVideo{width: 100%; height: auto;}#cont-d{background: linear-gradient(0deg, rgba(14, 14, 14, 0.3), rgba(0, 0, 0, 0.33)), url(../img/background-d.jpg); background-size: cover; background-position: center center; flex-wrap: wrap; padding: 50px 0px;}#cont-d header{width: 100%; display: block; text-align: center;}#cont-d h1{font-size: 60px; font-weight: 300; color: #fff; text-shadow: 1px 1px 1px #000; margin: 0px; display: block; width: 100%;}#cont-d h2{color: #fff; font-weight: 300; text-shadow: 1px 1px 1px #000; display: block; width: 100%;}.box{height: 300px; width: 400px; background: #ffffffe3; box-shadow: 1px 1px 10px 5px rgba(12, 0, 0, 0.25); transition: all 0.5s ease-in-out; padding: 40px; max-width: 600px; color: #1d1506; font-family: 'Poppins', Sans-serif; font-size: 15px; font-weight: 400; line-height: 27px; margin: 40px; position: relative;}.box h2{font-size: 40px; text-shadow: 18px 12px 4px #bdbdbd3b; color: #000 !important; text-shadow: none !important; line-height: 40px; text-align: center;}.box h3{color: #000 !important; text-shadow: none !important; font-family: 'Poppins', Sans-serif; font-weight: 300; clear: both;}.round-image{width: 80px; height: 80px; display: block; border-radius: 50%; border: 8px solid #fff; position: absolute; top: -40px; left: -40px;}#cont-e{color: #fff; font-size: 50px; text-align: center; font-weight: 300; line-height: 60px; text-transform: uppercase; background: linear-gradient(0deg, rgba(14, 14, 14, 0.3), rgba(0, 0, 0, 0.33)), url(../img/background-e.jpg);}#cont-e a{color: #fff;}@media (max-width: 767px){.delimiter{font-size: 60px; padding: 25px 0px;}#cont-e{font-size: 35px; line-height: 45px;}#cont-a-article h1{font-size: 25px;}.box{height: auto;}}@media (max-width: 479px){.delimiter{font-size: 40px;}#cont-e{font-size: 20px; line-height: 28px;}}