@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700;900&display=swap');
@import url('animations.css');
* { margin: 0; padding: 0; box-sizing: border-box; }
.container { margin:50px auto; max-width:390px; padding:0 15px; }
.link { text-align: center; display: inherit }
.home_content p{text-align: center; display: inherit }
.inner_content p { font-size: 25px; line-height: 40px; text-align: left }
.inner_info { font-size: 42px; line-height: 55px; font-weight: 300; margin-bottom: 20px; text-align: left; list-style: none; padding: 0 0 80px; }
/* =============================== Theme colors   =========================================  */


/* ==================== body color   ======================  */

body { background: #132037; color: #996633; font-family: 'Rubik', sans-serif; }
/* ==================== Logo    ======================  */
h1{ text-align:center}
.logo { display: inline-block; width: 335px; margin-bottom: 80px; background: url(../images/logo_sprite.png) no-repeat 0 0; height: 485px; background-size: 100%; }
body h2 { font-size: 42px; line-height: 55px; font-weight: 300; margin-bottom: 20px; text-align: center }


/* ==================== anchor color    ======================  */

a { color: #996633; text-decoration: none }
a:hover { color: #f5610e }
/* ==================== back button color    ======================  */

.back { width: 25px; height: 30px; display: inline-block; background: url(../images/back_arrow.png) no-repeat 0 0; background-size: 25px; margin: 50px 0 20px }
.back:hover { background-position: center bottom }


.home_text{ background:url(../images/color0_text.png) no-repeat top center; max-width:360px; margin:0 auto;  background-size:contain; height:130px;}


@media only screen and (min-width: 1025px) {

.logo:hover { background-position: left bottom }
}

@media only screen and (max-width: 1024px) {
 body .container{ margin-top:50px; margin-bottom:0}
.logo{ margin-bottom:15px}	
body h2 {
    font-size: 35px;
    line-height: 45px;}
	
.inner_info{ font-size:33px; }
	
}

@media only screen and (max-width: 479px) {

 body .container{ padding-left:20px; padding-right:20px; margin-top:20px;}
.logo { display: inline-block; width: 280px; background: url(../images/logo_sprite.png) no-repeat 0 0; height: 406px; background-size: 100%; }

body h2 {
    font-size: 32px;
    line-height: 40px; margin-bottom:10px}
	
.home_text{ max-width:300px; margin:0 auto;  background-size:contain; height:105px;}
	
}