.typography.--title1{font-family:Porto Roobert,sans-serif;font-size:4rem;line-height:4.4rem}@media (min-width:1224px){.typography.--title1{font-size:5.6rem;line-height:6rem}}.typography.--title2{font-family:Porto Roobert,sans-serif;font-size:3.6rem;line-height:4rem}@media (min-width:1224px){.typography.--title2{font-size:4.8rem;line-height:5.2rem}}.typography.--title3{font-family:Porto Roobert,sans-serif;font-size:3.2rem;line-height:3.6rem}@media (min-width:1224px){.typography.--title3{font-size:4rem;line-height:4.4rem}}.typography.--title4{font-family:Porto Roobert,sans-serif;font-size:2.8rem;line-height:3.2rem}@media (min-width:1224px){.typography.--title4{font-size:3.2rem;line-height:3.6rem}}.typography.--title5{font-family:Porto Roobert,sans-serif;font-size:2.4rem;line-height:2.8rem}.typography.--title6{font-family:Porto Roobert,sans-serif;font-size:2rem;line-height:2.4rem}.typography.--body1{font-family:Open Sans,sans-serif;font-size:1.6rem;line-height:2.4rem}.typography.--body2{font-size:1.4rem}.typography.--body2,.typography.--caption{font-family:Open Sans,sans-serif;line-height:2rem}.typography.--caption{font-size:1.2rem}.typography.--label{font-family:Open Sans,sans-serif;font-size:1rem;line-height:1.4rem}.typography.--overline{font-size:1.4rem}.typography.--button,.typography.--overline{font-family:Open Sans,sans-serif;line-height:2rem}.typography.--button{font-size:1.6rem}