html, body { /*height: 100%;*/ margin: 0; padding: 0; } .phone, .phone iframe { height: 100%; width: 100%; } @media(min-width:765px) { .phone { position: absolute; top: 50%; left: 50%; background: #111; border-radius: 55px; box-shadow: 0px 0px 0px 2px #aaa; width: 320px; height: 568px; margin: -400px 0 0 -160px; padding: 105px 25px; } .phone::before { content: ''; width: 60px; height: 10px; border-radius: 10px; position: absolute; left: 50%; margin-left: -30px; background: #333; top: 50px; } .phone::after { content: ''; position: absolute; width: 60px; height: 60px; left: 50%; margin-left: -30px; bottom: 20px; border-radius: 100%; box-sizing: border-box; border: 5px solid #333; } .phone iframe { width: 320px; height: 568px; display: block; width: 100%; } } /*LOOP - Font Size */ .f-s-2 { font-size: 2px !important; } .f-s-4 { font-size: 4px !important; } .f-s-6 { font-size: 6px !important; } .f-s-8 { font-size: 8px !important; } .f-s-10 { font-size: 10px !important; } .f-s-12 { font-size: 12px !important; } .f-s-14 { font-size: 14px !important; } .f-s-16 { font-size: 16px !important; } .f-s-18 { font-size: 18px !important; } .f-s-20 { font-size: 20px !important; } .f-s-22 { font-size: 22px !important; } .f-s-24 { font-size: 24px !important; } .f-s-26 { font-size: 26px !important; } .f-s-28 { font-size: 28px !important; } .f-s-30 { font-size: 30px !important; } .f-s-32 { font-size: 32px !important; } .f-s-34 { font-size: 34px !important; } .f-s-36 { font-size: 36px !important; } .f-s-38 { font-size: 38px !important; } .f-s-40 { font-size: 40px !important; }