/* IMPORTS */
 @import url("https://use.typekit.net/iro0aiz.css");
 @import url("//fonts.googleapis.com/css?family=Lato");
/* SET VARIABLES */
 :root {
     --fontstack-headings: adobe-garamond-pro, 'EB Garamond', Garamond, serif;
     --fontstack-body: 'Lato', 'Century Gothic', sans-serif;
}
 :root {
     --white: #fff;
     --teal: #283d4a;
     --turquoise: #4E738A;
     --darkgray: #4e4e4e;
     --lightgray: #70707019;
     --orange: #AE6042;
}
 #utility-nav {
     background: var(--uthorange);
     height: 45px;
}
 .sb-icon-search {
     background-color:var(--uthorange);
}
 #womens .grid-container, #heart .grid-container{
     max-width:1100px;
}
#main #top-slides .orbit-bullets {
    margin-top: 0;
 padding-bottom:2em;
 background-color:var(--uthorange);
}
ul.utility-nav-links {
    right: 3.5rem;
    top: .25em;
}
.orbit-caption {
 background-color:#45697be3;
}
 nav.top-bar a {
     height: auto;
     line-height:auto;
}
.content-fixed h1, .content-fixed h2 {
     text-align: left;
     margin-bottom: 0.6rem;
}
 .grid-container {
     max-width: 85rem;
     margin: 0 auto;
}
 #dropdown-nav ul.vertical.large-horizontal.menu.accordion-menu li a{
     padding-top:.5em;
     padding-bottom:.5em;
}
 #dropdown-nav ul.vertical.large-horizontal.menu.accordion-menu .uth-tools-item a{
     font-size:.85em;
     color:#555;
     font-family:'Lato', sans-serif;
}
 #dropdown-nav ul.vertical.large-horizontal.menu.accordion-menu .uth-tools-item a:hover{
color:#fff;
 }
 #masthead {

}

#masthead, #womens, #heart, #mfom-video, #about-uthealth-houston, #elite-heart-vascular-team{
 padding-left:.75em;
 padding-right:.75em;
}
 #top-slides {
     margin: 0;
}
 #top-slides .orbit-figure, #top-slides .orbit-container, #top-slides .orbit-wrapper{
     height:100%;
     overflow:visible;
     background: var(--uthorange);
}
 .submenu-toggle {
     background-color:#f9f9f9;
     /* height:100%; */
}
 .submenu-toggle::after {
     border-color: #939393 transparent transparent;
}
 #top-slides img.orbit-image {
     border-radius: 0.5rem;
     object-fit: cover;
     width:100%;
     height:80vw;
     text-align:center;
     margin:auto 0;
     align-content:center;
}

 #top-slides .orbit-slide a{
     text-decoration:none;
}
.columns a:not(.button), .cell a:not(.button) {
    text-decoration: underline;
 color:#fff;
 /* text-decoration:none;
 font-size:.8em; */
}
.sb-search {
    top: -2.25rem;
}
 #top-slides .orbit-caption {
    background-color:var(--uthorange);
    text-align:center;
    position:relative;
    display:flex;
  flex-direction:column;
   align-items:center; 
    height:10em;
    text-decoration:none;
}
 #top-slides .orbit-caption h2 {
       padding-top:.5em;
     color:#fff;
     font-size: clamp(22px, 4vw, 28px);
}
 .orbit-next, .orbit-previous {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     z-index: 10;
     padding: 1rem;
     color: #ae6042;
}
 .orbit-next:hover, .orbit-previous:hover {
     color:#fff;
}
 .darkText:not(.heroHeader) > div {
     border:none;
     border-radius: 0;
     background: transparent;
}
 .go-top {
     position: fixed;
     bottom: 2em;
     right: 2em;
     text-decoration: none;
     color: white;
     background-color: rgba(0, 0, 0, 0.3);
     font-size: 12px;
     padding: 0em;
     display: none;
     height: 3rem;
     width: 3rem;
     background-color: #bbb;
     border-radius: 50%;
     margin-left: 5rem;
}
 .card-img-container {
     position: relative;
     text-align: center;
     color: white;
     width:100%;
     max-width:950px;
}
 .card-img-caption{
     position: absolute;
     bottom: 8px;
     left: 3%;
     background: rgba(33, 33, 33, .5);
     padding-left:.25rem;
     padding-right:.25rem;
     font-weight:500;
     font-size:1.0125rem;
}
 #womens .large-12 {
     margin-top:.25em;
     text-align:center;
     padding:0 0;
     font-family: var(--fontstack-headings);
     font-size:1.25em;
}
 #womens .large-12 h2{
     text-align:center;
     color:var(--uthorange);
     font-size: clamp(2.25em, 2vw, 2.8em);
}
 #womens .orbit-image {
     width: 100%;
     max-width: 100%;
     margin: 0;
}
 .go-top:hover {
     background-color: rgba(0, 0, 0, 0.6);
     color: #fff;
}
 .go-top i {
     font-size: 2rem;
     margin-left: .6rem;
     margin-top: .5rem;
}
 #utility-nav {
    position:relative;
}
 main .title-bar {
     background-color: #fff;
     height: 3.5rem !important;
}
 main .title-bar .menu-icon::after {
     height: 3px;
     background: var(--orange);
     -webkit-box-shadow: 0 7px 0 var(--orange), 0 14px 0 var(--orange);
     box-shadow: 0 7px 0 var(--orange), 0 14px 0 var(--orange);
}
 #utility-nav .logo-container {
     margin-top: .35rem;
}
 a:hover.header-logo {
     background-color: #69696D !important;
}
 .sb-icon-search {
     background-color:var(--uthorange);
}
 .menu.large-horizontal {
     align-items:center;
     display:flex;
}
 .dropdown.menu>li.is-active>a:hover {
     color:#fff;
}
 .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent.is-active>a {
     background-color:var(--uthblue);
     color:#fff;
}
 .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:hover {
     color:#fff;
}
 nav.top-bar, nav.top-bar a {
     background-color: #fff;
     color: var(--darkgray);
     font-family: var(--fontstack-headings);
     font-size: 1.125em;
     font-weight:500;
     padding-top: 0rem;
     padding-bottom: 0rem;
     transition: color ease 320ms, background-color ease 320ms, border-color ease 320ms, opacity ease 320ms;
}
 nav.top-bar a {
     line-height:1.4;
}
 nav.top-bar {
     width:100%;
}
 nav.top-bar li.hollow.manyfaces-btn a{
   font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
   padding: 0.5rem 2.5rem;
border-radius: 25px;
   border:var(--uthorange) solid 2px;
   font-size:1rem;
   /* font-weight:500; */
   color:var(--uthorange);
}
 nav.top-bar li.hollow.manyfaces-btn a:hover{
     background-color:var(--uthorange);
     border-color:var(--uthorange);
     color:#fff;
}
 .dropdown.menu>li>a {
     padding: 1.125rem 1.5rem;
}
 .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {
     padding-left:1rem;
     padding-right:3rem;
}
 nav.top-bar a:hover {
     text-decoration:none;
     background-color: var(--turquoise);
     color: var(--white);
}
 nav.top-bar, nav.top-bar li a.scroll {
     padding-bottom: 3rem;
     padding:0;
}
 .full-width {
     padding: 0;
}
 div.sticky-container div#topmenu {
     background-color:#fff;
    /* height:3.5rem!important;
     */
     -moz-box-shadow: 0 5px 5px rgb(0 0 0 / 25%);
     -webkit-box-shadow: 0 5px 5px rgb(0 0 0 / 25%);
     box-shadow: 0 2px 5px rgb(0 0 0 / 25%);
}
 #mfTopbar .divider {
     display: none;
}
 li.top-tiers a {
     font-size: 1rem;
     color: #929292;
}
 #masthead .innerwrap, #request-appointment .innerwrap {
     border: none;
     background: transparent;
     text-align: center;
     font-family: var(--fontstack-headings);
}
 .hero-logo img {
     width:70%;
}
 h2, h3, h4, h5, .h2, .h3, .h4, .h5, #page-content p.h2, #page-content p.h3, #page-content p.h4, #page-content p.h5 {
     font-family: var(--fontstack-headings);
     line-height: 1.2;
}
 a.button.orange-bg-btn, div.button-group.white-bg-btns a.button {
     border-radius: 2rem;
     font-weight: 700;
     padding-left: 2rem;
     padding-right: 2rem;
     margin-right: 1.5rem;
     text-decoration: none;
     margin-top: 1rem;
}
 #elite-heart-vascular-team .card-learn-more-btn {
       margin-top:1rem!important;
     text-decoration: none;
     color: var(--white);
     font-weight: bold;
     background: var(--darkgray);
     border: 2px solid var(--white);
     padding: .3rem .5rem;
     border-radius: 25px;
     transition: background color .3s ease;
     width: 65%;
     margin: 0 auto;
}
 #elite-heart-vascular-team a:hover .card-learn-more-btn {
     background: var(--white);
     color: var(--darkgray);
     border: 2px solid var(--darkgray);
}
 div.button-group.white-bg-btns a.button {
     background-color: #fff;
     color: var(--darkgray);
     border: 2px solid var(--darkgray);
}
 div.button-group.white-bg-btns a:hover.button {
     background-color: var(--darkgray);
     color: var(--white) !important;
     border: 2px solid var(--darkgray);
}
.orbit-bullets button {
    width: 1.65rem;
    height: 1.65rem;
}
#heart {
 margin-bottom:2em;
}
 #womens p, #heart p{
     font-family: var(--fontstack-headings);
     font-size: clamp(18px, 3vw, 20px);
}
 #womens .button.hollow, #heart .button.hollow {
     margin-top:1.25em;
     background: transparent;
     color: var(--uthblue);
     border: solid 2px var(--uthblue);
      padding: 0.5rem 4rem;
     border-radius: 25px;
     font-size: 1rem;
     text-decoration:none;
     font-weight: 700;
     font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
}
 #womens .button.hollow:hover, #heart .button.hollow:hover {
     background:var(--uthblue);
     color:#fff;
}
 a.button.orange-bg-btn {
     background-color: var(--orange);
     color: var(--white);
     border: 2px solid var(--white);
     font-size: 1em;
     padding:.5rem 4rem;
     font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
     /* margin-right:0; */
}
 #request-appointment a:hover.button.orange-bg-btn {
     color:var(--uthorange) !important;
}
 a:hover.button.orange-bg-btn {
     background-color: var(--white);
     color: var(--orange);
     border: 2px solid var(--white);
}
#main a.button.orange-bg-btn {
     background-color: transparent;
     border:var(--uthorange) solid 2px;
     color:var(--uthorange);
     font-size:1em;
     /* text-align: center; */
     padding: 0.5rem 4rem;
}
#main a:hover.button.orange-bg-btn{
     background-color: var(--uthorange);
     color:#fff;
}
#main .button-group a.button.orange-bg-btn {
 padding: 0.5rem 1.5rem;
 margin-right:1%;
}
#main a.button.orange-bg-btn.secondary {
     background-color: transparent;
     border:#fff solid 2px;
     color:#fff;
     font-size:1em;
}
#main a:hover.button.orange-bg-btn.secondary{
     background-color: #fff; 
     color:var(--uthorange);
}
 h2, .h2, #page-content h2 {
 
     text-align: center;
      font-size: 2.75rem;
    color: var(--orange);
}
 h1.section-title, #page-content h1.section-title {
    padding-top:.5em;
  padding-bottom:.25em;
}
 h2.section-title, #page-content h2.section-title {
    padding-top:.5em;
  padding-bottom:.25em;
}
 h3, .h3, #page-content h3 {
     margin-top:1em;
     font-size: 2em;
    color:var(--darkgray);
}
 h4, .h4, #page-content h4 {
     font-size: 2rem;
     color: var(--orange);
}
 h5, .h5, #page-content h5 {
     font-size: 1.6rem;
     color: var(--darkgray);
}
 h6, .h6, #page-content h6 {
     font-size: 1rem;
     font-family: var(--fontstack-headings);
     font-stretch: expanded;
}
 #elite-heart-vascular-team p {
     margin-top:1.5rem;
     text-align: center;
     font-family: var(--fontstack-headings);
     font-size: 1.5rem;
     line-height: 1.2;
     color: var(--darkgray);
     margin-bottom: 2.5rem;
}
 #elite-heart-vascular-team a.cell {
     border: #D5D5D5 solid 1px;
     background-color: var(--white);
     padding: .5rem;
     border-radius: .1rem;
     transition: all .3s;
     margin-bottom: 2rem;
     text-decoration:none;
}
 #elite-heart-vascular-team a:hover.cell {
     -moz-box-shadow: 0 5px 5px rgb(0 0 0 / 25%);
     -webkit-box-shadow: 0 5px 5px rgb(0 0 0 / 25%);
     box-shadow: 4px 4px 4px 5px rgb(0 0 0 / 25%);
}

 #elite-heart-vascular-team a:hover.cell {
     transform: scale(1.02);
     box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
 #elite-heart-vascular-team a.cell h3 {
     margin-top: 1rem;
     text-align: center;
     font-size: 1.76rem;
     margin-bottom: 0;
     color:var(--uthorange);
}
 #elite-heart-vascular-team a.cell p {
     margin-top: .5rem;
     text-align: center;
     font-size: 1.4rem;
     line-height: 1.1;
     color:var(--darkgray);
}
 #elite-heart-vascular-team .cell h2 {
     color: var(--darkgray);
     font-size: 2rem;

}
 div.button-group.white-bg-btns a.button {
     background-color: #fff;
     color: var(--darkgray);
     border: 2px solid var(--darkgray);
     border-radius: 2rem;
     font-weight: 700;
     margin-right: 1.5rem;
}
 .play-btn {
     background: rgba(0, 0, 0, 0.4);
     width: 50px;
     height: 35px;
     display: block;
     top: 25%;
     left: 35%;
     position: absolute;
     z-index: 2;
     text-align: center;
     font-size: 20px;
     color: #fff !important;
     line-height: 35px;
     border-radius: 10px;
  align-content:center;}

 #elite-heart-vascular-team {
     margin-top:3rem;
     margin-bottom: 2rem;
}
 #request-appointment {
     padding-top:3em;
  padding-bottom:1.75em;
}
 #mfom-video {
    /* padding-top:4rem;
     */
     background-color: var(--turquoise);
     color: #fff;
     font-family: var(--fontstack-headings);
     font-size: 1.25rem;
}
 #mediaPlayer {
     position: relative !important;
}
 #mfom-video h2 {
     color: #fff;
     text-align: left !important;
     font-size: 2rem;
}
 #mfom-video h2:last-child {
     text-align: center !important;
     margin-bottom: 0rem;
     font-size: 2.75rem;
}
 #mfom-video p.media-body {
     line-height: 1.5;
}
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
     background: #fff;
}
 .owl-theme .owl-dots .owl-dot span {
     background: #b9b9b9;
}
 #masthead h1 {
     font-family: var(--fontstack-headings) !important;
     font-size: 3rem;
     line-height: 1.2;
}
 #masthead p {
     font-family: "Adobe Garamond Pro", Garamond, Baskerville, "Baskerville Old Face", "Times New Roman", serif;
     font-size: 1.5rem;
}
 #about-uthealth-houston {
     background-color: #333;
     background: none;
     background-size: cover;
     overflow: hidden;
     height: 100%;
     padding-top: 4rem;
     padding-bottom: 4rem;
     margin-top: 0;
}
 #about-uthealth-houston a {
     color: var(--darkgray);
  margin-right:0;
}
 #about-uthealth-houston a:hover {
     color: #000;
}

 #about-uthealth-houston h2{
font-size:2.5em;
  margin-top:.5em;
 }
 #about-uthealth-houston .cell {
     background-color: var(--white);
     padding: 2.5rem;
     padding-top: 0;
}
 #about-uthealth-houston p {
     font-family: var(--fontstack-headings) !important;
     line-height: 1.5;
     color: var(--darkgray);
}
 footer a {
     text-decoration: none !important 
}
 #socialmedia {
     text-align: left;
}
 #latest-news {
     padding-top:5em;
     padding-bottom:2em;
}
 #latest-news a:not(.button){
     text-decoration:none;
     font-family: var(--fontstack-headings);
     color:#4e4e4d;
     text-align:left;
     font-size:1em;
     padding-left:1.25em;
     padding-right:1.25em;
     transition: all .2s ease-in-out;
     margin-bottom:4em;
}
 #latest-news a.cell img{
     transition: transform .5s;
     width:clamp(230px, 40vw, 300px) 
}
 #latest-news a.cell:hover img{
     transform: scale(1.025) 
}
 #latest-news a.news-cta {
     /* display:block; */
     /* text-align:center; */
     background-color: transparent;
     border:#000 solid 2px;
     color:#000;
     font-size:1em;
     font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
     /* width:clamp(200px ,15vw, 300px); */
     margin:0 auto;
     margin-top:0em;
}
 #latest-news a.news-cta:hover {
     background-color: var(--uthorange);
     border:var(--uthorange) solid 2px;
     color:#fff;
}
 #latest-news p {
     margin-top:1.0125em;
     margin-bottom:1em;
     font-family:'Lato', sans-serif;
     font-size: 1em;
}
 #latest-news .card-learn-more-btn {
     font-family: var(--fontstack-headings);
     text-decoration: none;
     color: #000;
     font-weight: bold;
     transition: all .5s ease-in-out;
}
 #latest-news a:hover .card-learn-more-btn {
     color:var(--uthorange);
}
 #latest-news .card-learn-more-btn svg {
     margin-left:.5em;
}
 #latest-news h2 {

     margin-bottom:3rem;
}
 #latest-news h3{
     font-size:clamp(16px, 4vw, 21px);
     font-weight:600;
     line-height:1.5;
     color:var(--uthblue);


}
 #latest-news .orbit-figure .imgCell>img {
     width: 100%;
    /* width of container */
     height: 100%;
    /* height of container */
     object-fit: cover;
     object-position: 20% 10%;
    /* try 20px 10px */
}
 #latest-news .orbit-bullets {
     margin-top: 3em;
     margin-bottom: 4rem;
}
 .figure-floater-text {
     font-family: var(--fontstack-headings) !important;
     position: relative;
     display: block;
     width: 30rem;
     background-color: #fff;
     height: 100%;
     top: 10%;
     left: -30%;
     right: 22%;
     padding: 3rem;
}
 .figure-floater-text a {
     color: var(--darkgray);
     text-decoration: none !important;
}
 .figure-floater-text h3 {
     margin-bottom: 2.5rem;
}
 .figure-floater-text p {
     line-height: 1.3;
     font-size:1.3rem;
}
 h4.news-cta a {
     font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
     color: var(--darkgray);
     font-size: 1rem;
     text-decoration: none;
     color: var(--darkgray);
     font-weight: bold;
     background: var(--white);
     border: 2px solid var(--darkgray);
     text-align: center;
     text-decoration: none !important;
     padding: .5rem 5rem;
     border-radius: 25px;
     transition: background color .3s ease;
}
 h4.news-cta a:hover {
     color: var(--white);
     background: var(--darkgray);
     border: 2px solid var(--white);
}
 h4.news-cta {
     margin-bottom: 5rem;
}
 @media only screen and (max-width: 1040px) {
    /** medium styles **/
     .figure-floater-text {
         font-family: var(--fontstack-headings) !important;
         color: var(--darkgray);
         position: relative;
         width: 100%;
         background-color: #fff;
         height: 100%;
         top: 0;
         left: 0;
         right: 0;
         padding: 3rem;
    }
}
 #request-appointment h2.multi-line {
     padding-left:5%;
     padding-right:5%;
     line-height:1.2;
     font-size:2.75rem;
     text-align:center;
}
 .is-dropdown-submenu {
     min-width: 100%;
     border: none;
     background: #F2F2F2;
}
 .media-body {
    white-space: pre-wrap;
}

#elite-heart-vascular-team a.cell img {
 max-width:60vw;
}
 @media screen and (min-width: 40em) {
  #elite-heart-vascular-team a.cell img {
 max-width:100%;
}
   #elite-heart-vascular-team .cell h2 {
     color: var(--darkgray);
     font-size: 2.75rem;

}

   #latest-news {

     padding-bottom:5em;
}
  #masthead, #womens, #heart, #mfom-video, #about-uthealth-houston{
 padding-left:0;
 padding-right:0;
}
   #top-slides img.orbit-image {
     height:50vw;
 }
     .hero-logo img {
         width:auto;
    }
     #womens .large-12 {
        padding:0 20%;
        margin-top:2em;
    }
     #top-slides img.orbit-image {
         height:auto;
    }
     #request-appointment h2.multi-line {
         padding-left:22%;
         padding-right:22%;
         line-height:1.2;
    }
}
 @media screen and (min-width: 64em) {
     #top-slides .orbit-figure, #top-slides .orbit-container, #top-slides .orbit-wrapper{
         height:100%;
    }
     #about-uthealth-houston {
         background: center / cover url("/manyfaces/images/med-center-aerial.webp") no-repeat;
    }
     #about-uthealth-houston {
    }
     #top-slides .orbit-caption {
         padding:0 20%;
         padding-bottom:0;
    }
     .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after {
         border-style: solid;
         font-family: "Font Awesome 6 Pro";
         content:"\f107";
         font-size:.65em;
         border:none;
         transition: all .2s;
         text-align: center;
         display:flex;
         align-items: center;
         justify-content: center;
         position:absolute;
         left:auto;
         right:10%;
         top:2.35rem;
    }
     .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:hover::after {
         rotate:-180deg;
    }
}
 @media only screen and (max-width: 640px) {
    /** small styles **/
     span.anchor-fix {
         margin-top:-40rem;
         padding-top:40rem;
         display:block;
         z-index:-9999999;
         position:relative;
    }
     #masthead .cell {
         padding:0;
         margin:0;
         width:100%;
    }
     #masthead h1 {
         line-height: 1.1;
         letter-spacing: -1.5px;
         font-size: 2.9rem;
    }
     #masthead p {
         font-size: 1.75rem;
         line-height: 1.2;
         margin-top: 1.2rem;
    }
     #request-appointment h2.multi-line {
         font-size:2rem;
    }

     #elite-heart-vascular-team p {
         text-align: left;
    }
     div.button-group.white-bg-btns a.button {
         font-size: 1.2rem;
         margin-right: 0;
         margin-bottom: 1rem;
    }
     a.button.orange-bg-btn {
         font-size: 1.2rem;
    }
     #mfom-video h2:last-child {
         text-align: center !important;
         margin-bottom: 0rem;
         font-size: 2.75rem;
         padding-left: 0;
         padding-right: 0;
         margin-bottom: 2rem;
         padding-top: 0;
         margin-top: 4rem !important;
    }
     .play-btn {
         background: rgba(0, 0, 0, 0.4);
         width: 40px;
         height: 28px;
         display: block;
         top: 1rem;
         left: 2.3rem;
         opacity:.7;
         position: absolute;
         z-index: 2;
         text-align: center;
         font-size: 20px;
         color: #fff !important;
         line-height: 35px;
         border-radius: 10px;
    }
     .top-nav-seperator {
         border-bottom: #9c9c9c solid 1px;
    }
     nav.top-bar, nav.top-bar .top-tiers a {
         padding-top: 0;
         padding-bottom: 0 !important;
    }
     #latest-news .orbit-bullets {
         margin-top: 0rem;
         margin-bottom: 3rem;
    }
     .figure-floater-text {
         font-family: var(--fontstack-headings) !important;
         color: var(--darkgray);
         position: relative;
         width: 100%;
         background-color: #fff;
         height: 100%;
         top: 0;
         left: 0;
         right: 0;
         padding: 1.5rem;
    }
     #about-uthealth-houston .cell {
         background-color: var(--white);
         padding: 0rem;
         padding-top: 0;
    }
     #about-uthealth-houston .cell p{
         line-height:1.5;
         font-size: clamp(16px, 2.75vw, 28px);
    }
     #socialmedia {
         text-align: center;
    }
}