.autience-table-cell{ display: table-cell; border:1px solid white; } .autience-yn-wrapper{ display: table-cell; width: 700px; vertical-align: middle; } .yeloni-yn-content-topdata { padding: 30px; } .yeloni-yn-content-topdata { font-family: ‘Trebuchet MS’, Helvetica, sans-serif; text-align: center; color: #424242; } .yeloni-yn-content-topdata hr { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); } .yeloni-light-text { font-size: 13px; line-height: 16px; padding-bottom: 10px; color: #A4A4A4; width: 80%; margin: 0 auto; margin-top: 0px; text-align: center; } .yeloni-yn-content-topdata .yline1 { font-size: 16px; color: #6E6E6E; } .yeloni-yn-content-topdata .yline1 span { background-color: #E6E6E6; height: 24px; border-radius: 24px; padding: 14px; } .yeloni-yn-content-topdata .yline2 { font-size: 36px; font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif; line-height: 36px; margin-bottom: 10px; } .yeloni-yn-content-topdata .yline3 { font-size: 36px; font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif; } .yeloni-yn-content-topdata .yline4 { text-transform: uppercase; font-size: 66px; line-height: 66px; font-family: ‘Trebuchet MS’, Helvetica, sans-serif; } .yeloni-yn-content-buttons { text-align: center; } .yeloni-yn-content-buttons table { width:80%; margin: 0 auto; border: 0px; } .yeloni-yn-content-buttons table td { width:50%; padding: 5px; } .yeloni-superlarge { font-size: 50px; line-height: 50px; } .yeloni-yn-yesbutton, .yeloni-yn-nobutton { padding: 20px 0px 20px 0px; width: 100%; cursor: pointer; color:white; font-size: 16px; line-height: 20px; background-color: blue; text-align: center; font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif; border-radius: 5px; } .yeloni-yn-yesbutton { background-color: #86B404; border-bottom: 5px solid #688E00; } .yeloni-yn-nobutton { background-color: #A4A4A4; border-bottom: 5px solid #848484; } @media only screen and (min-width: 768px) { /* tablets and desktop */ } @media only screen and (max-width: 767px) { /* phones */ } @media only screen and (max-width: 767px) and (orientation: portrait) { /* portrait phones */ } @media only screen and (max-width : 360px){ /* phones potrait */ }