*{margin: 0px;padding: 0px;box-sizing: border-box;}body{background-color: #4d77cb;}h2{text-decoration: underline;}a{text-decoration: none;}a:link, a:visited{color: #000080;}a, a:visited, a:focus, a:active, a:hover{outline:0 none !important;}.logocontainer{display: flex;border: 0.03125em solid #000000;border-radius: 0.3125em;background: #3367CC;background: linear-gradient(270deg, #85A4E0, #5C85D6, #3367CC, #2952A3, #1f3E7A);width: 98vw;height: 9.0625em;margin: 1% auto 0% auto;perspective: 700px;}.mainlogo{display: flex;position: relative;width: 120px;height: 120px;margin: auto 0.625em;transition: transform 0.5s linear;transform-style: preserve-3d;}.logofront, .logoback{-webkit-backface-visibility: hidden;backface-visibility: hidden;position: absolute;top: 0;left: 0;width: 120px;height: 120px;}.logoback{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}.mainlogo:hover{transform: rotateY(180deg);}.hnavcontainer{display: flex;justify-content: flex-end;width: 77vw;position: relative;top: -2.8em;left: 21.4%;}.hnavmenu li{display: inline-flex;list-style: none;margin: 0em 0.125em;}.hnavmenu a::before{content: "";display: block;border-radius: 0.1875em;box-shadow: 0em 0.125em 0.3125em #a7a7a7;padding: 0.125em 0em 0em 0em;height: 100%;width: 100%;position: absolute;top: 0;left: 0;}.hnavmenu a{background: #808080;background: linear-gradient(#a6a6a6, #9a9a9a, #8d8d8d, #808080, #737373, #676767);border: solid 0.0625em #8c8c8c;border-bottom: solid 0.1875em #949494;border-radius: 0.1875em;box-shadow: inset 0em 0em 0em 0.0625em #a7a7a7;display: block;text-align: center;text-shadow: 0em 0.125em 0em rgba(0,0,128,0.4);padding: 0.625em 0.8125em;width: 5.55em;font: bold 0.75rem Arial, sans-serif;position: relative;transition: all 0.3s linear 0s;}.hnavmenu a:hover{background: #a7a7a7;background: linear-gradient(#8a8a8a, #949494, #9d9d9d, #a7a7a7, #b1b1b1, #bbbbbb);border: solid 0.0625em #c2c2c2;border-bottom: solid 0.1875em #949494;box-shadow: inset 0em 0em 0em 0.0625em #7a7a7a;}.hnavmenu a:active::before{padding: 0.0625em 0em 0em 0em;}.hnavmenu a:active{background: #666;background: linear-gradient(#777, #666);border: solid 0.0625em #888;box-shadow: inset 0em 0.625em 0.9375em 0em #999;top: 0.125em;}.hnavmenu a.active::before{padding: 0em;}.hnavmenu a.active{background: #666;background: linear-gradient(#666, #555);border: solid 0.0625em #777;box-shadow: inset 0em 0.625em 0.9375em 0em #888;text-shadow: none;}/*Added*/#mask{position: fixed; /* important */top: 0px; /* start from top */left: 0px; /* start from left */height: 100vh; /* cover the whole page */width: 100%; /* cover the whole page */display: none; /* don't show it '*/ /* styling bellow */background: rgba(0,0,0,0.9);z-index: 999;}.modalwindow{position: absolute; /* important so we can position it on center later */top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);display: none; /* don't show it *//* styling bellow */width: 98%;z-index: 1000;border: rgba(255,255,255,0.6) solid;}/* style a specific modal window#family{padding: 50px;border: 1px solid gray;background: #246493;color: black;}#friends{padding: 50px;border: 1px solid gray;background: #246493;color: black;}*//*.overlay{background: rgba(0,0,0,0.75);position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);z-index: 1000;width: 98%;display: none;}*/.modalwindow h2{text-align: center;color: rgb(125, 125, 125);text-decoration: none;padding: 10px 10px 0px 10px;}.modalwindow ul{display: flex;flex-flow: row wrap;align-items: space-around;justify-content: space-around;margin: 10px;}.modalwindow li{flex: 1 45%;margin: 10px;list-style: none;border: #FFFFFF solid 1px;}.modalwindow li:active{opacity: 0.4;}.modalwindow li:hover img{transform: scale(1.1,1.1);}.modalwindow li:hover a{color: #F5F5EC;}.modalwindow li a{display: inline-flex;align-items: center;padding: 10px;color: #FFFFFF;}.modalwindow img{max-width: 100px;max-height: 100px;margin-right: 10px;}.menudescription{border: rgb(100, 100, 100) solid 1px;padding: 10px;}.menudescription h3{color: rgb(52, 122, 222);font-weight: bold;font-style: italic;}.close{position: absolute;top: 0.3125em;right: 0.3125em;padding: 0.3125em 0.625em;font-weight: bold;font-size: 16px;border: 1px solid black;background: #C3C3C3;cursor: pointer;opacity: 0.4;}.close:hover{opacity: 0.9;}.close:active{color: #F5F5F5;opacity: 0.75;}/*Until Here*/.mainfooter{display: flex;flex-flow: row wrap;justify-content: center;width: 98vw;background-color: grey;border: 0.0625em solid #000000;border-radius: 0.3125em;padding: 0.625em 0em;margin: 0% auto 1% auto;position: relative;}.linkedin{margin: 0.5625em 0em;}.share-buttons{display: inline-flex;flex: column nowrap;list-style: none;margin: 0em 0.9375em;}.share-buttons img{margin: 0.625em 1em;width: 2em;height: 2em;}.share-buttons a.active{box-shadow: 0em 0.625em 1.2em 0.3125em rgba(0,0,0,0.4);background:rgba(0,0,0,0.1);}.copyright{position: absolute;bottom: 1%;left: 1%;font-size: 0.5018750050188rem;}.copyright a:hover, .copyright a:active{background-color: lightgrey;}.credits{position: absolute;bottom: 1%;right: 1%;font-size: 0.5018750050188rem;}.credits a:hover, .credits a:active{background-color: lightgrey;}@media only screen and (max-width : 679px){.hnavcontainer{display: flex;flex-flow: column wrap;justify-content: center;border: 0.0625em solid #000000;border-radius: 0.3125em;background: grey;width: 98vw;margin: 1% auto 0 auto;top: 0em;left: 0%;}.hamburger{text-align: center;cursor: pointer;padding: 0.625em;color: #000080;}.hnavmenu{display: flex;flex-flow: column nowrap;height: 0;overflow: hidden;transition: height 0.3s ease-in-out;}.open{height: 25.5em;}.hnavmenu li{flex: 1 100%;border-bottom: 0.0625em solid darkgrey;border-right: none;}.hnavmenu li:first-child{border-top: 0.0625em solid darkgrey;padding-top: 0.0625em;margin-top: 0em;}.hnavmenu li:last-child{border-bottom: none;}.hnavmenu a{flex: 1 100%;padding: 0.5em 0em;}.hnavmenu a:link, .hnavmenu a:visited{font-size: 1.334rem;}/*Added start here*/.modalwindow{top: 0;left: 0;transform: translate3d(0,0,0);width: 100%;}.modalwindow li{flex: 1 100%;}/*Added end here*/.fblikebutton{margin: 0.5625em 0em;padding: 0em 0em 0em 5.25em;overflow: hidden;}}