/*QUISOM*//*QUISOM*//*QUISOM*/
@media only screen and (max-width: 767px) {
.quisom_parent_div {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
padding: 0rem 0rem 0rem 0rem;
height: auto;
min-height: 100vh;
text-align: center;
background-image: url("../images/backgrounds/rect.svg"), url("../images/backgrounds/quisom-bg.jpg");
background-position: 45vw center, -55vw -2px;
background-size: cover, cover;
background-repeat: no-repeat, no-repeat;
max-width: calc(100% - 8px);
margin: 4px 4px 4px 4px;
}
.quisom_h2 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
align-items: end;
width: 100%;
margin-top: auto;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
height: auto;
min-height: 25vh;
max-width: calc(100% - 0px);
font-size: 2rem;
}
.quisom_h2_txt_span {
display: block;
width: 100%;
margin-top: auto;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
height: auto;
/* min-height: 0vh; */
max-width: calc(100% - 0px);
line-height: 1;
background-color: #f7ffff;
/* text-align: left; */
}
.quisom_h2_txt_wrap {
display: block;
width: 100%;
margin-top: auto;
margin-right: auto;
margin-bottom: 2px;
margin-left: auto;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
padding-left: 4px;
height: auto;
/* min-height: 0vh; */
max-width: calc(100% - 16px);
line-height: 1.2;
/* background-color: #f7ffff; */
vertical-align: bottom;
}
.quisom_h2_svg_span {
display: block;
width: 100%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0px;
height: auto;
min-height: 0.1rem;
font-size: 0.1rem;
vertical-align: top;
max-width: calc(60vw - 0px);
}
.quisom_h2_svg_span svg {
vertical-align: top;
}
.quisom_p {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
align-items: start;
width: 100%;
margin-top: 0;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
height: auto;
min-height: 25vh;
max-width: calc(100% - 0px);
text-align: center;
font-size: 1.2rem;
}
.quisom_p_span {
display: block;
width: 100%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
height: auto;
max-width: calc(100% - 8px);
text-align: left;
background-color: #f7ffff;
}
.brand_circled {
display: inline-block;
background-image: url("../images/backgrounds/circular.svg");
background-size: 100% auto;
background-repeat: no-repeat;
background-position: 0px 0px;
background-clip: padding-box;
text-shadow: 1px 1px 1px #f7ffff;
}
.tag_bot_left_div {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: start;
align-items: end;
width: 100%;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
min-height: 20vh;
max-width: calc(100% - 0px);
align-self: end;
}
.tag_quisom_span {
display: block;
width: 100%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
max-width: 70px;
align-self: end;
}
}
/*MOBILES⬆︎⬆︎⬆︎*/
/*DESKTOP⬇︎⬇︎⬇︎*/
@media only screen and (min-width: 768px) {
.quisom_parent_div {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: start;
align-items: end;
width: 100%;
padding: 0rem 0rem 0rem 0rem;
min-height: 100vh;
/* text-align: center; */
background-image: url("../images/backgrounds/rect.svg"), url("../images/backgrounds/quisom-bg.jpg");
background-position: 45vw center, -55vw center;
background-size: cover, cover;
background-repeat: no-repeat, no-repeat;
max-width: calc(100% - 8px);
margin: 4px auto 4px auto;
}
.quisom_h2 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: end;
align-items: end;
width: 100%;
/* margin-top: 0; */
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
height: auto;
/* min-height: 30vh; */
max-width: calc(45vw - 0px);
font-size: 1.3rem;
}
.quisom_h2_txt_span {
display: block;
width: auto;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
height: auto;
/* min-height: 0vh; */
/* max-width: calc(35vw - 0px); */
/* line-height: 1; */
background-color: #f7ffff;
text-align: right;
}
.quisom_h2_txt_wrap {
display: block;
width: auto;
margin-top: 0;
margin-right: 0;
margin-bottom: 0px;
margin-left: auto;
padding-top: 12px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 8px;
height: auto;
/* min-height: 0vh; */
max-width: calc(100% - 8px);
/* line-height: 1.2; */
background-color: #f7ffff;
/* vertical-align: bottom; */
}
.quisom_h2_svg_span {
display: block;
width: 100%;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
height: auto;
min-height: 0.1rem;
font-size: 0.1rem;
max-width: calc(20vw - 0px);
vertical-align: top;
}
.quisom_h2_svg_span svg {
vertical-align: top;
}
.quisom_p {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: end;
align-items: center;
width: 100%;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
height: auto;
min-height: 30vh;
max-width: calc(100% - 0px);
font-size: 1.2rem;
}
.quisom_p_span {
display: block;
width: 100%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: calc(45vw - 0px);
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
height: auto;
max-width: calc(32em - 8px);
text-align: left;
background-color: #f7ffff;
}
.brand_circled {
display: inline-block;
background-image: url("../images/backgrounds/circular.svg");
background-size: 100% auto;
background-repeat: no-repeat;
background-position: 0px 0px;
background-clip: padding-box;
text-shadow: 1px 1px 1px #f7ffff;
}
.underlined_span {
display: inline-block;
width: auto;
margin: 0;
padding: 0;
height: auto;
background-image: url("../images/backgrounds/underline.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-clip: padding-box;
}
.highlight_span {
display: inline-block;
width: auto;
margin: 0;
padding: 0;
height: auto;
background: linear-gradient(transparent 18%, rgba(215, 255, 37, 1) 20%, #d7ff24 80%, transparent 82%);
border-radius: 36%;
}
.tag_bot_left_div {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: start;
align-items: end;
width: 100%;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
min-height: 20vh;
max-width: calc(100% - 0px);
align-self: end;
}
.tag_quisom_span {
display: block;
width: 100%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
max-width: 38px;
align-self: end;
}
}