@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700&display=swap);main{height:calc(100vh)}.container{display:flex;width:100%;height:100%}.column-left,.column-right{display:flex;align-items:center;justify-content:flex-end;width:39.5%}.column-left .logo{max-width:34.4%;max-height:190px;height:auto;width:auto;padding-right:13.67%}@media (max-width:1170px){.column-left .logo{max-width:45%}}@media (max-width:970px){.column-left .logo{max-width:65%}}@media (max-width:480px){.column-left .logo{max-width:80%}}.column-right{justify-content:flex-start;width:60.5%;background-color:#000}@media (max-width:970px){.column-right{flex-direction:column;justify-content:center}}.column-right .button{display:block;width:35.4%;height:162px;margin-left:1.65%;background-size:cover;background-position:bottom;background-repeat:no-repeat}@media (max-width:1320px){.column-right .button{width:40.4%}}@media (max-width:1170px){.column-right .button{width:42.4%}}@media (max-width:970px){.column-right .button{width:75.4%;height:182px;margin-left:0}.column-right .button:last-child{margin-top:10px}}@media (max-width:480px){.column-right .button{width:90%;height:128px}}.column-right .button.button-first{background-image:url(../img/button1.png)}.column-right .button.button-second{background-image:url(../img/button2.png)}.column-right .box{position:relative}.column-right .box .text{display:flex;align-items:center;position:absolute;bottom:0;left:0;background-color:#fbb900;width:85%;height:38px}.column-right .box .text h2{display:flex;align-items:center;width:100%;font-family:"Open Sans Condensed",sans-serif;font-size:17px;font-weight:700;color:#1a1a1a;text-transform:uppercase;margin:0;white-space:nowrap;padding:9px 5px 8px;z-index:9}@media (max-width:1170px){.column-right .box .text h2{font-size:15px;padding-left:5px;white-space:normal}}@media (max-width:768px){.column-right .box .text h2{font-size:13px}}.column-right .box .text img{width:10px;height:19px;margin-right:10px;display:inline-block}.column-right .box .skew{width:15%;position:absolute;right:18px;bottom:0;height:38px;background:#fbb900;transform:skewX(45deg)}@media (max-width:768px){.column-right .box .skew{right:12px;transform:skewX(33deg)}}.column-right .box:hover .text{height:100%;transition:width .3s,height .6s .3s,background-color .6s .5s;width:100%;background-color:rgba(251,185,0,.9)}