:root{--gold:#d69927;--red:#8a363c;--rose:#f0e3e0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{background-color:#f2f2f2;margin:0;padding:0;overflow-x:hidden}.container{position:absolute;top:0;left:50%}*{font-family:Arial,Verdana,Tahoma,sans-serif}p,ul,li{font-size:.9rem;font-weight:100;line-height:1.6}a{color:var(--red);font-weight:700;text-decoration:none}a:hover{color:var(--gold)}.content{background-color:#fff;width:100vw;min-height:100vh;margin-left:-50vw;position:relative}@media (width>=860px){.content{width:860px;margin-left:-430px}}.header{width:100%;min-width:200px;height:132px}.header .logo{float:left;margin:20px 0 0 24px}.header .lantern{float:right;margin-right:14px}@media (width>=600px){.header .logo{margin:20px 0 0 54px}.header .lantern{margin-right:24px}}h3{font-size:1.8rem;font-weight:400;line-height:2rem}nav{text-align:right;border-bottom:14px solid var(--gold)}nav a{border-top:1px solid var(--gold);color:#000;padding:10px 14px 10px 10px;font-weight:700;text-decoration:none;display:block}nav a:hover{color:var(--red)}@media (width>=400px){nav{padding:0 40px 4px 0}nav a{border-top:none;padding:0 14px 4px 0;display:inline-block}}.title{background:var(--red) url(../images/almond-tree.jpg) right;height:425px}.title h1{float:right;text-align:right;color:#fff;max-width:400px;margin:0;padding:40px;font-size:3.5rem;font-weight:200;line-height:4rem;display:inline}.title div{clear:both}.title h2{float:right;text-align:right;color:#fff;max-width:400px;margin:0;padding:40px;font-size:1.5rem;font-weight:200;line-height:2rem;display:inline}.info{display:block}.left,.right{vertical-align:top;background-image:none;background-repeat:no-repeat;background-size:1px 100%;width:100%;font-size:16px;display:block}.left{background-position:100% 0;padding:40px 40px 0}.right{background-position:0 0;padding:20px 0 40px 40px}.left h2{color:var(--red);margin:0;font-size:2.5rem;font-weight:700;line-height:3rem}.how>img{float:right;margin-right:20px}.how h2{color:var(--red);margin:100px 0 0;padding-right:20px;font-size:2.5rem;font-weight:400;line-height:3rem}.how h3{color:var(--gold);margin-top:10px;padding-right:10px;font-size:1.8rem;font-weight:400;line-height:2rem}.how .icons{width:100%;display:block}.how .icons div{vertical-align:bottom;width:50%;display:block}.how .play-store{text-align:right}.how .app-logo img{width:100%;max-width:100px}.how .play-store img{width:100%;max-width:120px;margin:20px 0}@media (width>=300px){.how .icons{display:table}.how .icons div{display:table-cell}.how .play-store img{margin:0 40px 5px -20px}}@media (width>=400px){.how .app-logo img{max-width:110px}.how .play-store img{max-width:130px}}@media (width>=700px){.how .app-logo img{max-width:120px}.how .play-store img{max-width:140px}}@media (width>=800px){.how .app-logo img,.how .play-store img{max-width:140px}}@media (width>=600px){.info{display:table}.left,.right{vertical-align:top;background-image:linear-gradient(to bottom, white 0px, white 40px, var(--gold) 40px, var(--gold) calc(100% - 40px), white calc(100% - 40px));width:50%;padding-bottom:40px;display:table-cell}}.courses{background:var(--red) url(../images/persian_almond_stars.jpg);height:574px}.who-are-we{padding-left:60px}.what-we-offer{padding-top:40px;padding-right:60px}.what-we-offer h3,.who-are-we h3{color:var(--gold)}.about-us h2,.our-goals h2{color:var(--red);width:100%;margin:0;padding:40px 40px 20px;font-size:2.5rem;font-weight:700;line-height:3rem}.about-us{background:url(../images/stars.png) right 20px top 20px/100px no-repeat}.mission{padding-left:40px}.mission h3{color:var(--gold);margin:20px 0 10px;padding-left:20px}.mission p{padding:0 40px}.shields{flex-wrap:wrap;justify-content:center;width:100%;padding:40px;display:flex}.shields .shield{flex-direction:column;flex:0 0 50%;justify-content:start;align-items:center;width:50%;max-width:50%;display:flex;@media (width>=600px){flex:0 0 25%;width:25%}}.shields .shield img,.shields .shield p{text-align:center;width:calc(100% - 40px);margin:0}.shields .shield p{padding-bottom:40px}.shields .shield h3{background-color:var(--rose);border:2px solid var(--red);text-align:center;width:calc(100% - 40px);color:var(--red);border-radius:25px;margin:20px 0 40px;padding:10px;font-size:1.2rem;font-weight:400;line-height:1.5rem}.education-is-the-key{background:var(--red) url(../images/education-is-the-key.jpg) center/cover no-repeat;justify-content:center;align-items:center;height:484px;display:flex}.education-is-the-key h2{color:#fff;text-align:center;padding:40px;font-size:2.75rem;font-weight:200}.useful-information{flex-direction:column;display:flex;@media (width>=580px){flex-direction:row}}div.information{padding:40px;& h2{color:var(--red);width:100%;margin:0;font-size:2rem;font-weight:400;line-height:3rem}& h4{color:var(--red);margin-bottom:-10px;font-size:1rem;font-weight:700}}.useful-information div{@media (width>=580px){flex:0 0 50%;width:50%;max-width:50%}}.useful-information .app-small{justify-content:center;align-items:center;display:flex;@media (width>=580px){display:none}}.useful-information div.app{flex-direction:column;justify-content:space-between;display:none;& img{width:100%}@media (width>=580px){display:flex}}footer{border-top:14px solid var(--gold);background-color:var(--red);flex-direction:column;justify-content:space-evenly;align-items:center;min-height:200px;padding:0 40px 40px;display:flex;@media (width>=480px){flex-direction:row}}footer h2{color:#fff;font-size:1.25rem}footer div{flex-direction:column;align-items:center;display:flex}footer a{color:#fff;padding-left:20px;font-size:1rem;line-height:1.5;text-decoration:none;display:block}footer a:hover{color:var(--gold)}