@import url("https://web.uillinois.edu/UserFiles/Servers/Server_583/File/bootstrap/5/3/bootstrap.css");

@import url("https://web.uillinois.edu/UserFiles/Servers/Server_583/File/toolkit/2/16-1/toolkit.css");
@import url("https://web.uillinois.edu/UserFiles/Servers/Server_583/File/toolkit/2/16-1/toolkit-system.css");
@import url("https://web.uillinois.edu/UserFiles/Servers/Server_583/File/toolkit/2/16-1/custom-system.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");
html {
    margin: 0px !important;
}
header.mhat {
background: rgba(0, 0, 0, 0) url(/UserFiles/Servers/Server_1240/Image/mentalhealth/Mental%20Health%20Website%20Banner.png);
/*
    background: rgba(0, 0, 0, 0) url(/UserFiles/Servers/Server_1240/Image/mentalhealth/Mental%20Health%20Training%20Banner%20faded.png);
*/
    background-color: #E8E9EB;
    background-position: center;
    background-size: 56%;
    background-repeat: no-repeat;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media screen and (max-width: 992px) {
header.mhat {
    background-size: contain;
    height: 240px;
}
}

/* Xtra CSS for the /about page */
.campus-listed li {
  padding: 0;
  margin: 0;
  margin-bottom: .75rem;
}
.campus-listed img {
  width: 75px;
  height: auto;
  padding-right: 10px;
}
.plainlist {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.plainlist {
  padding: 5px;
}
ul.plainlist a {
  text-decoration: none;
}
/*Custom Cards */
.card {
margin-bottom: .5rem;
}
.card-header h2,
.card-header h3 {
margin: 0;
font-size: 1.25rem;
}

/*Custom Cards */

.block-cards .card:hover img, .block-cards .card:focus img {
opacity: .8;
}
 .block-cards .card-body {
padding: 5%;
}
.block-cards a, .block-cards .card a {
 /* color: #555;*/
  border-bottom: 1px solid transparent;
  transition: border-color .4s ease-in-out;
text-decoration: none;
}
  .block-cards .card:hover .card-title, .block-cards .card:visited .card-title, .block-cards .card:focus .card-title {
    text-decoration: none;
    border-bottom: 1px solid;
    border-top: 10px solid #112968;
 /* color: #555;*/
    display: inline-block;   
 }
  .block-cards .card:focus {
    outline: 1px dotted;
    outline-offset: 2px; }
 */
/*From /UserFiles/Servers/Server_1240/File/css/app.css */
.campus-opt {
  text-align: center;
  display: inline-block;
  padding: 3px;
  font-size: 1.1rem; }
  @media screen and (max-width: 63.9375em) {
    .campus-opt {
      max-width: 118px; } }
  .campus-opt a:link {
    color: #fff;
    text-decoration: none; }
  .campus-opt a:visited {
    color: #CADEE7 !important; }
  .campus-opt a:hover {
    color: #CADEE7 !important;
    border-color: #CADEE7; }
  .campus-opt a:visited:hover {
    border-color: white;
    color: white !important; }
.download-light a {
  padding-left: 22px;
  background: url(/UserFiles/Servers/Server_1240/Image/img/download-light.png) left center no-repeat;
  color: #fff;
  font-size: .9rem; 
text-decoration: none;}
.download-light a:hover {
  color: #fff;
  font-size: 0.9rem;}
.download-dark a {
  padding-left: 22px;
  background: url(/UserFiles/Servers/Server_1240/Image/img/download.png) left center no-repeat;
  color: #0E608D;
  font-size: .9rem;
text-decoration: none; }
.download-dark a:hover {
  font-size: 0.9rem;}
.download-light a:hover, .download-dark a:hover {
  text-decoration: underline; }
[id*="-header"] .location-link {
text-align: center;
margin-top: -20px;
}
  [id*="-header"] .location-link  a {
color: #fff;
}
@media screen and (min-width: 992px) {
  [id*="-header"] .location-link  {
  text-align: right;
  margin-right: 160px;
  }
}

footer::before {
	content: ' ';
	display: block;
	height: 15px;
	background-image: url(https://www.uillinois.edu/userfiles/Servers/Server_1240/image/extraordinary/ex-deco.jpg);
	background-size: cover;
}
il-header[view="full"] .il-links {
	margin-top: -50px;
}
.homepage il-header[view="full"] .il-links {
	margin-top: 0px;
}
/***** DATA page infotext ***/
.data-banner {
	background: #000 url("/UserFiles/Servers/Server_1240/Templates/img/data-banner.jpg") no-repeat scroll center right / cover;
}
.infotext {
font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif;
text-align: center;
font-weight: bold !important;
color: #13294b;
margin: 0 auto 1rem;
}
@media screen and (min-width: 992px) {
	.infotext .card-body {
	padding: 0 1.25rem;
	}
}
.infotext .card-title {
font-size: 3.25rem;
font-weight: 800;
margin-bottom: 0;
}
.infotext .card-text {
font-size: 1.3rem;
}
.infotext .card {
	border: none;
}
.infotext .col-lg-4 {
	border-bottom: 4px solid #13294b;
}
.infotext .col-lg-4:last-child {
	border-bottom: none;
} 
 @media screen and (min-width: 992px) {
  .infotext .col-lg-4 {
	border-bottom: none;
	border-right: 4px solid #13294b;
  }
  .infotext .col-lg-4:last-child {
	border-right: none;
    } 
 }
a.btn { text-decoration: none;}

.homepage [id^="ws-pa-"] .title h3 {
font-family: "Lato", Helvetica, Roboto, Arial, sans-serif;
}
.homepage [id^="ws-pa-"] a:hover + .entry-pod img {
  transform: scale(1.13);
  -webkit-transform: scale(1.13);
}
@media screen and (max-width: 768px) {
  .homepage [id^="ws-pa-"] .article-entries .entry {
    height: 225px !important;
   }
}
.homepage [id^="ws-pa-"] .article-entries .entry a:hover + .entry-pod .title h3 {
    color: rgb(29, 88, 167) !important;
}
.homepage [id^="ws-pa-"] .title h3 {
font-family: "Lato", Helvetica, Roboto, Arial, sans-serif;
}

header.no-header {
background: transparent;
	height: 55px;
position: relative;
z-index: 1000;
}
header.immas {
  background: #1F4096 ;
}
  @media screen and (min-width: 900px) {
header.immas {
  background: #000 url("/userfiles/Servers/Server_1240/image/i-mmas/i-mmas.jpg") no-repeat scroll center right / cover ;
}
}
.text-white h1, .text-white h2,
.text-white h3, .text-white h4 {
color: #fff;
}
.il-formatted .btn-secondary:link, .il-formatted .btn-secondary:visited,
.il-formatted .btn-secondary:hover, .il-formatted .btn-secondary:focus, .il-formatted .btn-secondary:active {
color: #fff;
}
.il-formatted .btn-outline-secondary:hover, .il-formatted .btn-outline-secondary:focus, .il-formatted .btn-outline-secondary:active {
color: #fff;
}

.text-center h1, .text-center h2,
.text-center h3, .text-center h4 {
text-align: center;
}
header.ui-ride {
	background: #000 url("/UserFiles/Servers/Server_1240/Templates/img/uiride-banner.jpg") no-repeat scroll center right / cover;
}
header.online {
	background: rgba(0, 0, 0, 0) url("https://www.uillinois.edu/UserFiles/Servers/Server_1240/Templates/img/about-banner-wide.jpg") no-repeat scroll right center / cover;
}
header.shield {
	background: rgba(0, 0, 0, 0) url("/userfiles/Servers/Server_1240/image/Theme/vials-bkg-2.jpg") no-repeat scroll right center / cover;
}
.ex-intro-wrapper p {
	width: 100%;
}

.ex-hero-inner p {
	font-size: 1.3rem;
}
.ex-main .stories-module__story-headline {
	line-height: inherit;
}
il-header[view="compact"] .il-links {
background-color: #fff;
}
.no-header {
--il-cloud-1: transparent;
}
.ex-main::after {
	background-image: none;
}
.homepage #NewsFeeds {
margin-top: -50px; 
background: #13294b;
}
.homepage #NewsFeeds, .homepage #NewsFeeds h2.major-title, .homepage #NewsFeeds .news-blog-intro a {
color: #fff;
}
.homepage .news-blog-intro a:hover {
text-decoration: none;
}
.homepage .news-blog-summary p {
font-style: italic;
}
.homepage #NewsFeeds ul > li {
	line-height: 1;
	margin: 1rem 0 0 1.25rem;
	font-weight: 400;
    font-size: 1.15rem;
}
.homepage #NewsFeeds ul {
    list-style-type: none;
   }
.homepage #NewsFeeds li:before { 
content: '> ';
}
.homepage #NewsFeeds p {
font-weight: 700;
}
.homepage .il-formatted .news-blog-summary .il-button:hover {
background-color: #0455a4 !important;
}
@media screen and (min-width: 992px){
.homepage #NewsFeeds .divider-light {
	border-left: 3px solid #fff;
 }
}
@media screen and (max-width: 768px){
.homepage #NewsFeeds .divider-light {
  padding-top: 2rem;
  border-top: 3px solid #fff;
  margin-top: 2rem;
 }
}
@media screen and (max-width: 768px) {
  .homepage #NewsFeeds [id^="ws-pa-"] .article-entries .entry {
    height: 300px !important;
   }
}
[id*="ws-pa-"] .title h3 {
	color: #1f4096 !important;
	font-family: Oswald,Helvetica,sans-serif !important;
	font-size: 1.15rem !important;
	font-weight: normal !important;
line-height: 1.4 !important;
margin: 0;
}
[id*="ws-pa-"] a:hover ~ .entry-pod .title h3,
[id*="ws-pa-"]:hover .title h3 {
	color: #A52603 !important;
}
.table.schedule td {
border: 2px solid #ccc;
}
.table.schedule thead, .table.schedule thead th {
border: 1px solid #111;
}

:root, [data-bs-theme="light"] {
	--il-clickable-card-heading-color: #1F4096;
	--il-image-feature-button-color: #1F4096;
}
 header.erc {
     background: #111 url("/Userfiles/Servers/Server_1240/Image/img/our-newsp2.jpg") no-repeat scroll right center / cover;
}
 header.osi {
     background: #111 url("/UserFiles/Servers/Server_1240/Templates/img/about-banner-wide.jpg") no-repeat scroll right center / cover;
}
 header.about {
     background: #111 url("/UserFiles/Servers/Server_1240/Templates/img/about-banner-wide.jpg") no-repeat scroll right center / cover;
}
 header.data {
     background: #111 url("/UserFiles/Servers/Server_1240/Templates/img/data-banner.jpg") no-repeat scroll right center / cover;
}
header.brasillinois {
  background: #1F4096 ;
  background: #000 url("/userfiles/Servers/Server_1240/image/Initiatives/brazil_flag_placeholder.jpg") no-repeat scroll center right / cover ;
}


.il-footer-social a[href*="twitter.com/"]::before {
 content: "\F8DB";
font-family: "Bootstrap-icons";
font-size: 28px;
top: 10px;
}
@media (max-width:768px) {
[id*="ws-pa-"].container-col-3 .article-entries .entry {
	width: 100% !important;
    height: 350px !important;
 }
}
@media screen and (max-width: 992px) {
.homepage-wordmark-block img.home-wordmark-compact {
position: absolute;
}
.carousel-inner .carousel-caption h2 {
	font-size: 1.25rem !important;
  }
}

/* Blue1 Header */
.card.header-blue1 .card-header {
  background-color: #112968;
}

/* Blue2 Header */
.card.header-blue2 .card-header {
  background-color: #216ea0;
}

/* Blue3 Header */
.card.header-blue3 .card-header {
  background-color: #6fafc7;
}

/* Blue4 Header */
.card.header-blue4 .card-header {
  background-color: #bed5e0;
}

/* CSS for Cards */

.card h2, .card h3 {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  margin-top: 0; 
  font-size: 1.5rem;
}
.top-blue li {
  margin: 0 0 5px 16px;
}

il-clickable-card h2,
il-clickable-card h3,
il-clickable-card h4,
il-clickable-card h5,
il-clickable-card p.heading {
  color: #0455A4;
}
il-clickable-card h2:after,
il-clickable-card h3:after,
il-clickable-card h4:after,
il-clickable-card h5:after,
il-clickable-card p.heading:after {
  background-color: #0455A4;
}
.card-flex {
  display: flex;
  padding: 0;
}
.card {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.card {
  border: #C4C6C8 1px solid;
}
.card .card-title {
  margin-top: 0;
  color: #13294B;
  font-weight: Bold;
  font-size: 21px;
}
.card .img-title-card {
  padding: 0.75rem 1rem;
}
.card .img-title-card .card-title {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  padding: 0.25rem 0;
  padding-left: 2.5rem;
  margin-bottom: 0;
}
.card .img-title-card p:first-of-type {
  margin-top: 0.5rem;
}
.card .list-group {
  margin-top: 0;
}
.card .list-group .list-group-item {
  border: none;
  border-top: #C4C6C8 1px solid;
  margin: 0;
  padding: 0.5rem 1rem;
}
.topic-card {
  background-color: #FFFFFF;
}
.topic-card .home-icon {
  text-align: center;
}
.topic-card .home-icon svg {
  margin: 0 auto;
}
.card.top-blue1 {
  border-top: 40px solid #112968;
  background-color: #FFFFFF;
}
.card.top-blue2 {
  border-top: 40px solid #4f6898;
  background-color: #FFFFFF;
}
.card.top-blue3 {
  border-top: 40px solid #216ea0;
  background-color: #FFFFFF;
}
.card.top-blue4 {
  border-top: 40px solid #6fafc7;
  background-color: #FFFFFF;
}
.card.top-uiuc{
  border-top: 40px solid #FF5F05;
  background-color: #FFFFFF;
}
.card.top-uic{
  border-top: 40px solid #D50032;
  background-color: #FFFFFF;
}
.card.top-uis{
  border-top: 40px solid #003366;
  background-color: #FFFFFF;
}
.card.top-system {
  border-top: 40px solid #0455A4;
  background-color: #FFFFFF;
}
.card.top-blue-left {
  border-top: 10px solid #0455A4;
  background-color: #FFFFFF;
  width: 92%;
}
.card.top-blue .list-group {
  border-top: none;
}
.card.top-blue-left .list-group {
  border-top: none;
}
.card.header-blue .card-header {
  background-color: #0455A4;
}
.card.header-blue .card-header .card-title {
  color: #FFFFFF;
  padding: 0.5rem 0;
  margin-bottom: 0;
}
.card.contact-card .card-header {
  background-color: #0455A4;
}
.card.contact-card .card-header .card-title {
  color: #FFFFFF;
  background-image: URL("/UserFiles/Servers/Server_1988658/Image/icons/Content_contact.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 35px 35px;
  padding: 0.5rem 0;
  padding-left: 3rem;
  margin-bottom: 0;
}
.card ul {
  padding: 0;
}
.card h2, .card h3, .card h4, .card h5 {
font-family: "Lato", Helvetica, Arial, sans-serif;
}
il-clickable-card.uofi-theme-white {
  --il-clickable-card-margin: 0;
  --il-background-color: #F7F9FB;
  --il-text-color: #000;
  --il-clickable-card-heading-color: #0455A4;
  --il-clickable-card-heading-color-hover: #BFD46D;
  --il-clickable-card-background-hover: #13294B;
  --il-gray-2: #C4C6C8;
  --il-orange: #0455A4;
  --il-industrial-blue-1: #BFD46D;
  }
}
uofi-formatted il-clickable-card {
  margin-bottom: 1rem;
}
il-clickable-card.busfin-cc {
  /*background-color: #F7F9FB;*/
  background-color: #FFFFFF;
  padding-bottom: 1rem;

}
il-clickable-card.uofi-theme-white-clickable h1, il-clickable-card.uofi-theme-white-clickable h2, il-clickable-card.uofi-theme-white-clickable h3, il-clickable-card.uofi-theme-white-clickable h4, il-clickable-card.uofi-theme-white-clickable h5, il-clickable-card.uofi-theme-white-clickable h6 {
  font-size: 20px;
}
.card.uofi-theme-white {
  border-radius: 0;
  border-top: 3px solid #0455A4;
}
.card.uofi-theme-white .card-body {
  padding: 2rem 1.875rem;
}
.card.uofi-theme-white .card-title a:visited {
  color: #0455A4;
}
.card.uofi-theme-white .card-title a:hover, .card.uofi-theme-white .card-title a:focus, .card.uofi-theme-white .card-title a:visited:hover, .card.uofi-theme-white .card-title a:visited:focus {
  color: #0D605E;
}
.card.uofi-theme-white .card-title a:after {
  content: "";
  -webkit-mask-image: var(--il-clickable-card-post);
  mask-image: var(--il-clickable-card-post);
  background-size: 16px 16px;
  font-weight: 500;
  height: 16px;
  width: 16px;
  display: var(--il-clickable-card-post-display);
  margin-left: 4px;
  display: inline;
  position: absolute;
  margin-top: 6px;
  background-color: #0455A4;
}
.card.uofi-theme-white .card-title a:hover:after, .card.uofi-theme-white .card-title a:focus:after {
  background-color: #0D605E;
}
.clickable-card {
  display: block;
  border: 1px solid var(--il-gray-2);
  border-bottom: 3px solid var(--il-orange-darker-2);
  margin: var(--il-clickable-card-margin);
  text-decoration: none;
  color: var(--il-text-color);
  background: var(--il-background-color);
  width: 100%;
  padding: 2.8rem 1.875rem;
  border-radius: 0;
  margin-bottom: 10px;
}
.clickable-card h2,
.clickable-card h3,
.clickable-card h4,
.clickable-card h5,
.clickable-card p.heading {
  color: #0455A4;
}
.clickable-card h2:after,
.clickable-card h3:after,
.clickable-card h4:after,
.clickable-card h5:after,
.clickable-card p.heading:after {
  background-color: #0455A4;
}
.clickable-card h2:hover,
.clickable-card h3:hover,
.clickable-card h4:hover,
.clickable-card h5:hover,
.clickable-card p.heading:hover {
  color: #BFD46E;
}
.clickable-card p {
  font-size: 1.25rem;
  line-height: 1.6875rem;
}
.clickable-card .card-title a.stretched-link {
  text-decoration: none;
  transition: color 0s;
}
.clickable-card .card-title a.stretched-link:hover {
  text-decoration: none;
  color: #BFD46E;
}
.clickable-card:hover {
  color: #fff ;
  background-color: #13294b;
}
.clickable-card h2::after, .clickable-card h3::after, .clickable-card h4::after, .clickable-card h5::after, .clickable-card p.heading::after {
  content: "";
  -webkit-mask-image: var(--il-clickable-card-post);
  mask-image: var(--il-clickable-card-post);
  background-size: 16px 16px;
  font-weight: 500;
  height: 16px;
  width: 16px;
  display: var(--il-clickable-card-post-display);
  margin-left: 4px;
  display: inline;
  position: absolute;
  margin-top: 6px;
  background-color: var(--il-clickable-card-heading-color);
}
.clickable-card:hover h2::after, .clickable-card:hover h3::after, .clickable-card:hover h4::after, .clickable-card:hover h5::after, .clickable-card:hover p.heading::after {
  background-color: #BFD46E !important;
}

.btn-primary {
--bs-btn-bg: #13294b;
--bs-btn-border-color: #13294b;
}

/* Campus Icons and Links */
.UIUC {
  background-image: url(/userfiles/Servers/Server_1988658/image/university-branding/BlockI-Logo-Full-Color-RGB.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 26px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 4px;
  display: inline-block;
  background-size: 16px;
}
h2.UIUC {
  padding-left: 34px;
  margin-left: 5px;
  background-size: 23px;
}
.UIC {
  background-image: url(/userfiles/Servers/Server_1988658/image/university-branding/uic-circle.SVG);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block;
  background-size: 20px;
}
h3.UIC {
  padding-left: 35px;
}
h2.UIC {
  padding-left: 40px;
  background-size: 30px;
}
.UIS {
  background-image: url(/userfiles/Servers/Server_1988658/image/university-branding/UISLegacyDome_UISBlue.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
        margin-left: 5px;
  display: inline-block;
  background-size: 16px;
}
h2.UIS {
  padding-left: 35px;
  margin-left: 8px;
  background-size: 23px;
}
.bs-icon{
  background-image: ;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
        margin-left: 5px;
  display: inline-block;
  background-size: 16px;
}
.bi {
  padding-right: 8px;
}
h2.System{
  padding-left: 10px;
  margin-left: 8px;
  background-size: 23px;
}

:root, [data-bs-theme="light"] {
--il-details-padding: 15px 0px 15px 5px;
margin-top: 10px;
margin-bottom; 0px;
}

.li-accordion-panel {
margin-top: 10px !important;
margin-bottom: 0px !important;
}

/* Cards */

.card h2, .card h3 {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  margin-top: 0; 
  font-size: 1.5rem;
}
.top-blue li {
  margin: 0 0 5px 16px;
}

il-clickable-card h2,
il-clickable-card h3,
il-clickable-card h4,
il-clickable-card h5,
il-clickable-card p.heading {
  color: #0455A4;
}
il-clickable-card h2:after,
il-clickable-card h3:after,
il-clickable-card h4:after,
il-clickable-card h5:after,
il-clickable-card p.heading:after {
  background-color: #0455A4;
}
.card-flex {
  display: flex;
  padding: 0;
}
.card {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.card {
  border: #C4C6C8 1px solid;
}
.card .card-title {
  margin-top: 0;
  color: #13294B;
  font-weight: Bold;
  font-size: 21px;
}
.card .img-title-card {
  padding: 0.75rem 1rem;
}
.card .img-title-card .card-title {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  padding: 0.25rem 0;
  padding-left: 2.5rem;
  margin-bottom: 0;
}
.card .img-title-card p:first-of-type {
  margin-top: 0.5rem;
}
.card .list-group {
  margin-top: 0;
}
.card .list-group .list-group-item {
  border: none;
  border-top: #C4C6C8 1px solid;
  margin: 0;
  padding: 0.5rem 1rem;
}
.topic-card {
  background-color: #FFFFFF;
}
.topic-card .home-icon {
  text-align: center;
}
.topic-card .home-icon svg {
  margin: 0 auto;
}
.card.top-blue {
  border-top: 10px solid #0455A4;
  background-color: #FFFFFF;
}
.card.top-blue-left {
  border-top: 10px solid #0455A4;
  background-color: #FFFFFF;
  width: 92%;
}
.card.top-blue .list-group {
  border-top: none;
}
.card.top-blue-left .list-group {
  border-top: none;
}
.card.header-blue .card-header {
  background-color: #0455A4;
}
.card.header-blue .card-header .card-title {
  color: #FFFFFF;
  padding: 0.5rem 0;
  margin-bottom: 0;
}
.card.contact-card .card-header {
  background-color: #0455A4;
}
.card.contact-card .card-header .card-title {
  color: #FFFFFF;
  background-image: URL("/UserFiles/Servers/Server_1988658/Image/icons/Content_contact.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 35px 35px;
  padding: 0.5rem 0;
  padding-left: 3rem;
  margin-bottom: 0;
}
.card ul {
  padding: 0;
}
.card h2, .card h3, .card h4, .card h5 {
font-family: "Lato", Helvetica, Arial, sans-serif;
}


.content-wrapper {
  margin-top: 80px;
  margin-bottom: 80px;
  margin-right: 80px;
  margin-left: 80px;
}