@font-face { font-family: 'Proxima'; src: url(fonts/proximanova-regular-webfont.eot?1307578394); src: url('fonts/proximanova-regular-webfont.eot?iefix') format('eot'), url(fonts/proximanova-regular-webfont.woff?1307578394) format('woff'), url(fonts/proximanova-regular-webfont.ttf?1307578394) format('truetype'), url('fonts/proximanova-regular-webfont.svg#webfont2rpW2ohz') format('svg') } @font-face { font-family: 'Proxima Black'; src: url(fonts/proximanova-black-webfont.eot?1307578394); src: url('fonts/proximanova-black-webfont.eot?iefix') format('eot'), url(fonts/proximanova-black-webfont.woff?1307578394) format('woff'), url(fonts/proximanova-black-webfont.ttf?1307578394) format('truetype'), url('fonts/proximanova-black-webfont.svg#webfont2rpW2ohz') format('svg') } body, * { padding: 0; margin: 0; list-style: none; } #dmo_main { font-family: 'Proxima', sans-serif; width: 100%; max-width: 310px; background: url('../img/dmo.svg') top right no-repeat #ce0002; background-size: 90%; height: auto; .main_text { color: #fff; padding: 4% 4% 0 4%; .small { text-transform: uppercase; font-size: 14px; width: 95%; } .large { font-family: 'Proxima Black', sans-serif; font-size: 22px; width: 61%; padding: 2px 0 5px 0; } } .form_block { padding: 4%; input { font-family: 'Proxima', sans-serif; width: 100%; padding: 3px 0; text-align: center; margin: 3px auto; text-transform: uppercase; border: 0; } input[type="text"] { } input[type="submit"] { width: 100%; background: #000; color: #fff; } .endMessage { font-family: 'Proxima Black', sans-serif; text-align: center; font-size: 24px; color: #fff; } } } #cloud_ad { width: 100%; height: auto; a { display: block; width: 100%; height: 100%; img { width: 100%; max-width: 310px; } } } @media screen and (max-width: 568px) { #dmo_main { .main_text { .small { } .large { } } } } @media screen and (max-width: 221px) { #dmo_main { background-position: right top; background-size: 80%; .main_text { .small { width: 100%; padding: 0 0 2px 0; } .large { width: 90%; padding: 0 0 2px 0; } } } } @media screen and (max-width: 216px) { #dmo_main { background-position: right top; background-size: 60%; .main_text { .small { width: 100%; padding: 0 0 2px 0; } .large { width: 90%; padding: 0 0 2px 0; } } } }