div.banner{margin-top:10px;padding:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;z-index:1}p.banner-text,.banner span p{padding:10px 5px 15px 5px;margin:0;text-align:center;width:90%}div.banner span a,div.banner span p{display:inline-block}a.banner-button{padding:10px 20px;text-decoration:none;border-radius:5px;margin:0 20px}a.banner-button:hover{text-decoration:none}.close-button{cursor:pointer;position:absolute;top:3%;right:5%;padding:2px;border-radius:5px;height:25px}.close-button span{display:block;width:18px;height:2px;border-radius:1px;position:relative;transition:all .5s ease-in-out}.close-button span:first-child{top:10px;webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.close-button span:last-child{top:8px;webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}@media only screen and (min-width:768px){.close-button{right:8%;top:6%}p.banner-text,.banner span p{width:auto}}@media only screen and (min-width:900px){.close-button{right:10%;top:8%}}@media only screen and (min-width:1024px){div.banner{flex-direction:row}}