3 font-family: "Roboto", sans-serif;
\r
16 @media only screen and (min-width: 0) {
\r
19 @media only screen and (min-width: $medium-screen) {
\r
22 @media only screen and (min-width: $large-screen) {
\r
30 @while $i <=$intervals {
\r
31 @media only screen and (min-width: 360+ ($i * $interval-size)) {
\r
32 font-size: 1.2rem * (1+ (.02 * $i));
\r
36 // Handle below 360px screen
\r
37 @media only screen and (max-width: 360px) {
\r
52 padding-bottom: 1rem;
\r
54 /* Responsive Headings */
\r
55 /* Extra Small Devices, Phones */
\r
57 @media only screen and (max-width: 768px) {
\r
75 /* Small Devices, Tablets */
\r
77 @media only screen and (min-width: 768px) {
\r
94 /* Medium Devices, Desktops */
\r
96 @media only screen and (min-width: 992px) {
\r
113 /* Large Devices, Wide Screens */
\r
115 @media only screen and (min-width: 1200px) {
\r
134 margin-bottom: 2rem;
\r
136 @extend .h1-responsive;
\r
138 margin-bottom: 4rem;
\r
140 .section-description {
\r
142 margin-bottom: 4rem;
\r
145 text-align: center;
\r
146 @media (max-width: 992px) {
\r
153 @extend .img-fluid;
\r
154 @extend .z-depth-1-half;
\r
157 @extend .z-depth-2;
\r
167 margin-bottom: 3rem;
\r
171 @extend .z-depth-0;
\r
175 text-align: center;
\r
177 margin-bottom: 2.2rem;
\r
181 margin-bottom: 0.6rem;
\r
187 .between-sections {
\r
188 margin-bottom: 4rem;
\r
191 // Lists default style
\r
194 list-style-type: none;
\r
196 list-style-type: none;
\r
200 // List style types
\r
203 list-style-type: disc;
\r
209 list-style-type: circle;
\r
215 list-style-type: square;
\r
221 list-style-type: upper-roman;
\r
226 list-style-type: upper-alpha;
\r