a36070e1 by Jeff Balicki

fix

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 195eb5f4
...@@ -15170,13 +15170,33 @@ ol li ol { ...@@ -15170,13 +15170,33 @@ ol li ol {
15170 15170
15171 .partner-with-us { 15171 .partner-with-us {
15172 background-image: url("/wp-content/themes/understrap-child/images/green-background.png"); 15172 background-image: url("/wp-content/themes/understrap-child/images/green-background.png");
15173 width: 120%; 15173 width: 125vw;
15174 margin: -130px -10% 0 -10%; 15174 margin: -130px -15vw 0 -25vw;
15175 padding: 130px 7% 130px 20%; 15175 padding: 130px 0vw 130px 35vw;
15176 background-position: top left; 15176 background-position: top right;
15177 background-size: cover; 15177 background-size: 100vw;
15178 background-repeat: no-repeat; 15178 background-repeat: no-repeat;
15179 } 15179 }
15180 @media screen and (max-width: 1550px) {
15181 .partner-with-us {
15182 width: 125vw;
15183 margin: -130px -10% 0 -10%;
15184 padding: 130px 7% 130px 20%;
15185 background-position: top left;
15186 background-size: 125vw;
15187 background-repeat: no-repeat;
15188 }
15189 }
15190 @media screen and (max-width: 1200px) {
15191 .partner-with-us {
15192 background-size: 155vw;
15193 }
15194 }
15195 @media screen and (max-width: 1000px) {
15196 .partner-with-us {
15197 background-size: 155vw;
15198 }
15199 }
15180 @media screen and (max-width: 900px) { 15200 @media screen and (max-width: 900px) {
15181 .partner-with-us { 15201 .partner-with-us {
15182 flex-direction: column-reverse; 15202 flex-direction: column-reverse;
...@@ -15184,7 +15204,7 @@ ol li ol { ...@@ -15184,7 +15204,7 @@ ol li ol {
15184 margin: -130px -10% 0 -10%; 15204 margin: -130px -10% 0 -10%;
15185 padding: 40px 9% 130px 20%; 15205 padding: 40px 9% 130px 20%;
15186 background-position: 0px 50px; 15206 background-position: 0px 50px;
15187 background-size: 120vw; 15207 background-size: 150vw;
15188 background-repeat: no-repeat; 15208 background-repeat: no-repeat;
15189 } 15209 }
15190 } 15210 }
...@@ -15196,6 +15216,11 @@ ol li ol { ...@@ -15196,6 +15216,11 @@ ol li ol {
15196 max-width: 80Vw; 15216 max-width: 80Vw;
15197 } 15217 }
15198 } 15218 }
15219 @media screen and (max-width: 900px) {
15220 .partner-with-us .wp-block-column:first-of-type {
15221 padding-top: 75px;
15222 }
15223 }
15199 .partner-with-us h1, .partner-with-us .h1 { 15224 .partner-with-us h1, .partner-with-us .h1 {
15200 color: #231F20; 15225 color: #231F20;
15201 } 15226 }
...@@ -15204,8 +15229,12 @@ ol li ol { ...@@ -15204,8 +15229,12 @@ ol li ol {
15204 color: #007299; 15229 color: #007299;
15205 } 15230 }
15206 } 15231 }
15232 .partner-with-us .wp-block-image img {
15233 margin-top: -40px;
15234 }
15207 @media screen and (max-width: 900px) { 15235 @media screen and (max-width: 900px) {
15208 .partner-with-us .wp-block-image img { 15236 .partner-with-us .wp-block-image img {
15237 margin-top: 0px;
15209 max-width: 70%; 15238 max-width: 70%;
15210 float: right; 15239 float: right;
15211 } 15240 }
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -204,19 +204,34 @@ ul:not(.navbar-nav):not(.menu){ ...@@ -204,19 +204,34 @@ ul:not(.navbar-nav):not(.menu){
204 204
205 .partner-with-us{ 205 .partner-with-us{
206 background-image:url("/wp-content/themes/understrap-child/images/green-background.png"); 206 background-image:url("/wp-content/themes/understrap-child/images/green-background.png");
207 width: 120%; 207 width: 125vw;
208 margin: -130px -10% 0 -10%; 208 margin: -130px -15vw 0 -25vw;
209 padding: 130px 7% 130px 20%; 209 padding: 130px 0vw 130px 35vw;
210 background-position: top left; 210 background-position: top right;
211 background-size: cover; 211 background-size: 100vw;
212 background-repeat: no-repeat; 212 background-repeat: no-repeat;
213
214 @media screen and (max-width: 1550px) {
215 width: 125vw;
216 margin: -130px -10% 0 -10%;
217 padding: 130px 7% 130px 20%;
218 background-position: top left;
219 background-size: 125vw;
220 background-repeat: no-repeat;
221 }
222 @media screen and (max-width: 1200px) {
223 background-size: 155vw;
224 }
225 @media screen and (max-width: 1000px) {
226 background-size: 155vw;
227 }
213 @media screen and (max-width: 900px) { 228 @media screen and (max-width: 900px) {
214 flex-direction: column-reverse; 229 flex-direction: column-reverse;
215 width: 120%; 230 width: 120%;
216 margin: -130px -10% 0 -10%; 231 margin: -130px -10% 0 -10%;
217 padding: 40px 9% 130px 20%; 232 padding: 40px 9% 130px 20%;
218 background-position: 0px 50px; 233 background-position: 0px 50px;
219 background-size: 120vw; 234 background-size: 150vw;
220 background-repeat: no-repeat; 235 background-repeat: no-repeat;
221 } 236 }
222 .wp-block-column:first-of-type{ 237 .wp-block-column:first-of-type{
...@@ -227,18 +242,30 @@ ul:not(.navbar-nav):not(.menu){ ...@@ -227,18 +242,30 @@ ul:not(.navbar-nav):not(.menu){
227 } 242 }
228 } 243 }
229 } 244 }
245
246 .wp-block-column:first-of-type{
247
248 @media screen and (max-width: 900px) {
249 padding-top: 75px;
250 }
251 }
252
230 h1{ 253 h1{
231 color: #231F20; 254 color: #231F20;
232 @media screen and (max-width: 900px) { 255 @media screen and (max-width: 900px) {
233 color: #007299; 256 color: #007299;
234 } 257 }
235 } 258 }
236 @media screen and (max-width: 900px) {
237 .wp-block-image img{ 259 .wp-block-image img{
238 max-width: 70%; 260 margin-top: -40px;
239 float: right; 261 @media screen and (max-width: 1500px) {
240 } 262
241 263 }
264 @media screen and (max-width: 900px) {
265 margin-top: 0px;
266 max-width: 70%;
267 float: right;
268 }
242 } 269 }
243 } 270 }
244 271
......