@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");*{font-family:"Montserrat", sans-serif;font-optical-sizing:auto;font-style:normal;padding:0px;margin:0px}body{background-color:#F0F0F0;color:#000}body header{background-color:#fff;box-shadow:2px 2px 6px 4px rgba(0,0,0,0.1)}body header #h-logo{margin:0px 0px 0px 5vw}body header #h-menu{margin:0px 5vw 0px 0px}body header #h-menu #h-social a:nth-of-type(2){margin:0px 10px}body main{width:100%}body footer{width:100%}body footer #m-footer{width:100%;background-color:#FFFFFF}body footer #b-footer{width:100%;background-color:#9D2449;color:#FFFFFF}body footer #b-footer p{font-weight:bold}body footer #b-footer a{color:#FFFFFF;text-decoration:none}.test{border:solid 1px red}.flex-container{display:flex}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.center-start{align-items:center;justify-content:flex-start}.center-end{align-items:center;justify-content:flex-end}.center-between{align-items:center;justify-content:space-between}.center-around{align-items:center;justify-content:space-around}.start-center{align-items:flex-start;justify-content:center}.start-start{align-items:flex-start;justify-content:flex-start}.start-end{align-items:flex-start;justify-content:flex-end}.end-center{align-items:flex-end;justify-content:center}.center-center{align-items:center;justify-content:center}@media screen and (max-width: 767px) and (orientation: portrait){body{font-size:12px}body header{width:100%;height:15vh;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;left:0}body header #h-logo{height:auto;width:80%;margin:0px 0px 10px 0px}body header #h-menu #h-social a{width:20px;height:20px}body main{min-height:75vh}body footer #b-footer{height:10vh;padding:10px 0px}}@media screen and (max-width: 767px) and (orientation: landscape){body{font-size:12px}body header{width:100%;height:15vh;padding:10px 0px;flex-direction:row;align-items:center;justify-content:space-between;position:fixed;top:0;left:0}body header #h-logo{height:40px;width:auto;margin:0px 0px 0px 5vw;transition:all ease .3s}body header #h-logo:hover{transform:scale(1.05)}body header #h-menu #h-social a{width:22px;height:22px;transition:all ease .3s}body header #h-menu #h-social a:hover{transform:scale(1.2)}body main{min-height:100vh}body footer #b-footer{height:15vh}}@media screen and (min-width: 768px) and (max-width: 1023px){body{font-size:12px}body header{width:100%;height:15vh;padding:10px 0px;flex-direction:row;align-items:center;justify-content:space-between;position:fixed;top:0;left:0}body header #h-logo{height:40px;width:auto;margin:0px 0px 0px 5vw;transition:all ease .3s}body header #h-logo:hover{transform:scale(1.05)}body header #h-menu #h-social a{width:22px;height:22px;transition:all ease .3s}body header #h-menu #h-social a:hover{transform:scale(1.2)}body main{min-height:80vh}body footer #b-footer{height:15vh}}@media screen and (min-width: 1024px){body{font-size:14px}body header{width:100%;height:12vh;flex-direction:row;align-items:center;justify-content:space-between;position:fixed;top:0;left:0}body header #h-logo{height:40px;width:auto;margin:0px 0px 0px 5vw;transition:all ease .3s}body header #h-logo:hover{transform:scale(1.05)}body header #h-menu #h-social a{width:22px;height:22px;transition:all ease .3s}body header #h-menu #h-social a:hover{transform:scale(1.2)}body footer #b-footer{padding:10px 0px;height:15vh}}