@font-face {
  font-family: "southamptonbold";
  font-style: normal;
  font-weight: normal;
  src: url("/fonts/southampton_bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/southampton_bold-webfont.woff") format("woff"), url("/fonts/southampton_bold-webfont.ttf") format("truetype"), url("/fonts/southampton_bold-webfont.svg#southamptonbold") format("svg");
}

@font-face {
  font-family: "southampton_display_boldRg";
  font-style: normal;
  font-weight: normal;
  src: url("/fonts/southampton_displaybd-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/southampton_displaybd-webfont.woff") format("woff"), url("/fonts/southampton_displaybd-webfont.ttf") format("truetype"), url("/fonts/southampton_displaybd-webfont.svg#southampton_display_boldRg") format("svg");
}

@font-face {
  font-family: "southampton_mediumregular";
  font-style: normal;
  font-weight: normal;
  src: url("/fonts/southampton_med-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/southampton_med-webfont.woff") format("woff"), url("/fonts/southampton_med-webfont.ttf") format("truetype"), url("/fonts/southampton_med-webfont.svg#southampton_mediumregular") format("svg");
}

@font-face {
	font-family: 'Swiss_721_Regular';
	src: url('/fonts/Swiss 721 Regular.eot');
	src: local('☺'), url('/fonts/Swiss 721 Regular.woff') format('woff'), url('/fonts/Swiss 721 Regular.ttf') format('truetype'), url('/fonts/Swiss 721 Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  src: url("/fonts/icomoon.eot?#iefix-c2dpsy&v=3") format("embedded-opentype"), url("/fonts/icomoon.woff?-c2dpsy&v=3") format("woff"), url("/fonts/icomoon.ttf?-c2dpsy&v=3") format("truetype"), url("/fonts/icomoon.svg?-c2dpsy#icomoon&v=3") format("svg");
}

[class^="icon-"], [class*=" icon-"], .item-list__rich .active:before {
     font-family: "icomoon","franklin-gothic-urw",sans-serif;
     font-style: normal;
     font-variant: normal;
     font-weight: normal;
     line-height: 1;
     text-transform: none;
}
html{
	font-family: "franklin-gotic-urw",sans-serif;
}
#skiptocontent a {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid white;
    border-bottom-right-radius: 8px;
    border-right: 1px solid white;
    color: white;
    left: 0;
    padding: 6px;
    position: absolute;
    top: -40px;
    /*transition: top 1s ease-out 0s, background 1s linear 0s; 20/07/21 Accessibility issues flagged by Silktide*/
    z-index: 100;
}
    #skiptocontent a:focus {
        background: none repeat scroll 0 0 #dc0050;
        left: 0;
        outline: 0 none;
        position: absolute;
        top: 0;
        /*transition: top 0.1s ease-in 0s, background 0.5s linear 0s; 20/07/21 Accessibility issues flagged by Silktide*/
    }
div.container-fluid{
	padding: 0;
}
header{
	/*background: url(img/spring7_399064.jpg) no-repeat fixed center top / cover #00193c;*/
}
.header-main{
	width: 100%;
    background-color: rgba(0,25,60,0.9);
}
div.header-main > div.content{
	display: flex;
    justify-content: space-between;
    padding: 1.7rem 0;
}
div.no-padding{
	padding-left: 0;
	padding-right: 0;
}
.search-nav-links {
     padding-bottom: 0.2em;
     text-align: right;
}
.search-nav-links a, .search-nav-links span {
     color: #ffffff;
     display: inline-block;
     font-size: 1em;
     margin-bottom: 0.6em;
     margin-left: 0.25em;
}
.search-nav-links a:hover, .search-nav-links a:focus {
     text-decoration: underline;
}
.search-main {
     margin-bottom: 0px;
     margin-top: 0px;
     width: 100%;
}
.popular-tasks{
	padding: 3.5rem 0 2.5rem 0;
}
.popular-tasks.container div.row div.col-md-4{
	display: flex;
    flex-flow: column;
    flex-grow: 1;
}
.popular-tasks.container div.row div.col-md-4 a:hover{
	background: none repeat scroll 0% 0% #002e6f;
    color: #ffffff;
    transition: background 0.25s ease 0s;
}
.popular-tasks.container div.row div.col-md-4 a{	
	font-size: 1.2em; 
	font-weight: 400; 
	color: #ffffff;
	background: rgba(0,25,60,0.9);
    border-radius: 4px;
    margin: 5px;
    padding: 1rem;
	flex-grow: 1;
}
.popular-tasks.container div.row div.col-md-4 a.img{
	margin-right:.7rem;
}
.alert {
	box-sizing: border-box;
	padding: 1em;
	position: relative;
	width: 100%;
	/*word-spacing: -3px;*/
	text-align: center;
	font-size: 1rem;
	border-radius: unset !important;
	margin-bottom: 0;
}
.alert p {
	font-size: 1em;
	margin: 0px;
	width: 90%;
}
.alert h2 {
    font-size: 1.1em;
    margin: 0px;
}
.alert__success {
    background: none repeat scroll 0% 0% #233d15;
    /*border-color: #36b14a;*/
}
.alert__success p {
    color: #f1f2f0;
}
.alert__success p a {
    color: #f1f2f0;
}
.alert__success p a:hover {
    color: #f1f2f0;
}
.alert__success h2 {
    color: #2a8a3a;
}
.alert__danger {
     background: none repeat scroll 0% 0% #CE1937;
}
.alert__danger p {
     color: #FFF;
}
.alert__danger p a {
     color: #FFF;
}
.alert__danger p a:hover {
     color: #FFF;
}
.alert__danger h2 {
     color: #b44848;
}
.alert__info {
    /*background: none repeat scroll 0% 0% #c6d2ed;*/
    background: none repeat scroll 0% 0% lightgrey;
    /*border-color: #365cb1;*/
}
.alert__info p {
    color: #1e3363;
    overflow: hidden;
    line-height: 1.3em;
}
.alert__info p a {
     color: #1e3363;
}
p.icon-info a {
    color: #1e3363;
}
.alert__info p a:hover {
     color: #1e3363;
}
.alert__info h2 {
     color: #2a488a;
}
.alert__warning {
     background: none repeat scroll 0% 0% #f4f165;
}
.alert__warning p {
     color: #545206;
}
.alert__warning p a {
     color: #545206;
}
.alert__warning p a:hover {
     color: #545206;
}
.alert__warning h2 {
     color: #545206;
}
.alert__sombre {
    background: #5b5b5b;
}

.alert__sombre p {
    color: #fff;
}

.alert__sombre p a {
    color: #fff;
}
.alert .container {
     margin: 0px auto;
}
.alert .container p {
    font-size: 1.1em;
    margin: 0px;
    /* padding: 0.2em 0px; */
    vertical-align: top;
    display: -webkit-inline-box;
    /* line-height: 1.4em; */
    width: 100%;
    text-align: left;
    /*word-spacing: -4px;*/
    font-weight: 500;
}
.alert .container p:before {
    font-size: 1.5em;
    margin-right: 0.7em;
    display: none;
    white-space: nowrap;
    margin-top: 13px;
    color: #e60054;
}
.alert a {
    text-decoration: underline;
}
input:focus {
    outline: solid 1px #fff;
    outline-offset: 1px;
}
.form__inline label {
     display: none;
}
.form__inline .field {
     display: inline;
}
.form__inline .button, .form__inline .button__primary, .form__inline .search-main button, .search-main .form__inline button, .form__inline .button__outline-standout, .form__inline .button__outline-white, .form__inline .button__standout, .form__inline input[type="submit"] {
     display: inline;
}
.form__inline select {
     display: inline;
}
.form__block label {
     display: block;
}
.form__block .field {
     display: block;
     padding: 6px 12px;
     width: 94%;
}
.form__block .button, .form__block .button__primary, .form__block .search-main button, .search-main .form__block button, .form__block .button__outline-standout, .form__block .button__outline-white, .form__block .button__standout, .form__block input[type="submit"] {
     display: block;
}
.form__block select {
     display: block;
}
.form__append {
     overflow: auto;
}
.form__append .field {
     box-sizing: content-box;
     float: left;
     font-size: 1em;
}
.form__append-search {
     /*overflow: auto;*/
     /*margin: 0.5em 0 0 1.2em;*/
	 display: flex;
	 justify-content: center;
}
.form__append-search .field {
     background-clip: padding-box;
     border-radius: 3px 0 0 3px;
     border: medium none;
     box-sizing: border-box;
     float: none;
     padding: 0.5em 0.7em;
     width: 85%;
     z-index: 100;
}
.lt-ie8 .form__append-search .field {}
.form__append-search button {
    border-radius: 0px 3px 3px 0px;
    border: medium none;
    color: #ffffff;
    float: none ! important;
    font-family: 'icomoon';
    margin: 0px;
    position: absolute;
    right: -3px;
    width: 10%;
    z-index: 1000000;
}
div.search input[type=submit]
{
/*    content: "\f002";
    font-family: 'FontAwesome';*/
	/* src:url("/fonts/icomoon.eot?-c2dpsy");
	src:url("/fonts/icomoon.eot?#iefix-c2dpsy") format("embedded-opentype"),url("/fonts/icomoon.woff?-c2dpsy") format("woff"),url("/fonts/icomoon.ttf?-c2dpsy") format("truetype"),url("/fonts/icomoon.svg?-c2dpsy#icomoon") format("svg");
    /*width: 10%;*/
}
div.search label{
  display: inline-block;
  text-align: left;
  text-indent: -9999px;
  color: #fff;
  width: 0px;
}
.form__append-search input[type="submit"]{
	border: medium none;
	border-radius: 0 3px 3px 0;
	color: #fff;float: none !important;
	font-family: 'icomoon';
	margin: 0;
	position: relative;
	/*top: 2px;
	right: 4px;*/
	/*width: 10%;*/
	z-index: 1000000;
	height:2.22em;
}
.button, .button__primary, .search-main button, .button__outline-standout, .button__outline-white, .button__standout, input[type="submit"], button {
    border-radius: 3px;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    font-family: "franklin-gothic-urw",sans-serif;
    font-size: 1em;
    font-weight: 400;
    /*height: 2em;
    line-height: 2em;*/
    margin: 0.5em 0px;
    padding: 0px 1em;
    text-decoration: none;
    text-rendering: optimizelegibility;
}
.button.bigger, .bigger.button__primary, .search-main button.bigger, .bigger.button__outline-standout, .bigger.button__outline-white, .bigger.button__standout, input.bigger[type="submit"], button.bigger {
    font-size: 1.2em;
    padding: 0.2em 1.7em;
}
.button.show-hide-list, .show-hide-list.button__primary, .search-main button.show-hide-list, .show-hide-list.button__outline-standout, .show-hide-list.button__outline-white, .show-hide-list.button__standout, input.show-hide-list[type="submit"], button.show-hide-list {
    font-size: 1.2em;
    padding: 0.2em 1em;
    text-transform: uppercase;
}
.button__primary, .search-main button {
    background: none repeat scroll 0 0 #dc0050;
    border-color: #606060;
    color: #ffffff;
}
.button__primary:hover, .button__primary:focus, .search-main button:hover, .search-main button:focus {
    background: none repeat scroll 0 0 #a9003d;
}
.button__outline-standout {
    border: 2px solid #dc0050;
    text-transform: uppercase;
    background: none repeat scroll 0 0 #dc0050;
    color: #ffffff ! important;
}
.button__outline-standout:hover, .button__outline-standout:focus {
    background: none repeat scroll 0 0 #ffffff;
    color: #dc0050 ! important;
    transition: background 0.25s ease 0s;
}
.search-nav-links {
    padding-bottom: 0.2em;
}
.search-nav-links span:last-of-type {
    display: none;
}
.search-nav-links a, .search-nav-links span {
    color: #ffffff;
    display: inline-block;
    font-size: 1em;
    margin-bottom: 0.6em;
    margin-left: 0.25em;
}
.search-nav-links a:hover, .search-nav-links a:focus {
    text-decoration: underline;
	color: #fff;
}
.search-main {
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
}
icon-container:last-of-type {
    display: none;
}
/*div.icon-container:last-of-type {
    display: block;
}*/
.icon-container-wrapper {
    margin: 0.5em 0;
}
.icon-container-wrapper:last-of-type{
	border-bottom: none;
}
.icon-container-wrapper .icon-container {
	font-family: "franklin-gothic-urw",sans-serif;
	overflow: auto;
	padding: 0 0.75em 0.75em 0.75em;
	text-align: center;
	vertical-align: top;
	width: 230px;
	border-bottom: 1px solid #ccc;
}
.icon-container img{
	padding: 10px;
	transition: padding .3s ease-out;
	height: 100px;
	box-sizing: border-box
}
.icon-container a:hover img{
	padding: 5px;
	transition: padding .1s ease-out;
}
/*.icon-container-wrapper{
	border-bottom: 1px solid #ccc;
}*/
.icon-container a {
    color: #00193c ! important;
}
.icon-container h2 {
    font-family: "franklin-gothic-urw",sans-serif;
    font-weight: 500;
    font-size: 1.3rem;
    margin: 0 0 0.5em;
}
.icon-container h2:before {
    display: block;
    font-family: 'icomoon';
    font-size: 1.5em;
    margin-bottom: 0.5em;
}
.icon-container a:hover, .taxonomy-row .icon-container a:focus {
    color: #00193c !important;
    text-decoration: underline;
}
.icon-container nav {
    font-size: 0.75em;
    line-height: 1.25;
}
.icon-container nav ul {
     padding: 0;
}
.icon-container nav a {
     padding: 0.2em;
}
.icon-container nav a:hover {
     text-decoration: underline;
}
.icon-container nav em {
     font-weight: 700;
}
.icon-container .button__standout {
     background: none repeat scroll 0 0 transparent;
     border: 2px solid #ffffff;
     color: #ffffff ! important;
     display: block;
     font-size: 0.9em;
     margin: 0.7em auto 0;
     text-transform: uppercase;
     width: 60%;
}
.icon-container .button__standout:hover, .taxonomy-row .icon-container .button__standout:focus {
     background: none repeat scroll 0 0 #ffffff;
     border-width: 2px;
     color: #dc0050 ! important;
     transition: background 0.25s ease 0s;
}
.promotional-row {
    background: none repeat scroll 0 0 #f6f0ef;
    overflow: hidden;
    text-align: center;
    padding: 30px 20px 30px 20px;
}
.promo-block {
    position: relative;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    text-align: left;
	padding-left: 7px !important;
	padding-right: 7px !important;
	padding: 7px;
}
.promo-row{
	margin:	1rem 0;
}
.image-wrap {
    background-color: #fff;
    height: 220px;
    width: 100%;
    display: block;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}
.promo-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 220px;
    width: 100%;
    display: block;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}
.promo-block a {
    color: #fff !important;
    display: block;
    height: 100%;
    width: 100%;
	display: flex;
    flex-flow: column;
}
.promo-text {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    padding: 12px 15px;
    font-size: 1.2em;
    min-width: 100%;
    display: block;
    box-sizing: border-box;
	/*min-height: 83px;*/
	flex-grow: 1;
}
.promo-block .promo-text{
	background: #00193c;
}
.promo-block:nth-of-type(2) .promo-text, .promo-block:nth-of-type(4) .promo-text, .promo-block:nth-of-type(8) .promo-text, .promo-block:nth-of-type(10) .promo-text {
    background: #2F73AD !important;
}
.promo-block:nth-of-type(3) .promo-text, .promo-block:nth-of-type(5) .promo-text, .promo-block:nth-of-type(9) .promo-text, .promo-block:nth-of-type(11) .promo-text{
    background: #666 !important;
}
/*.second-row > .promo-block:last-of-type .promo-text{
	background: #00193c;
}
.second-row > .promo-block:first-of-type .promo-text{
	background: #438dcc;
}
.second-row > .promo-block:nth-of-type(2) .promo-text{
	background: #777;
}*/
.kicker {
    font-weight: bold;
    font-family: Arial;
}
.promo-block:hover .promo-image {
     opacity: 0.8;
}
.promo-block:hover .promo-text {
text-decoration: underline;
}


/*.footer-main{
    background: none repeat scroll 0 0 #00193c;
    color: #ffffff;
    font-size: 1.2em;
    padding: 1.8em 0;
}	
.footer-main > div.container{
	display: flex;
    justify-content: space-between;
}
.footer-main .container {
    margin: 0 auto;
}
.footer-main a {
    color: #ffffff;
}
.footer-main a:visited {
    color: #ffffff;
}
.footer-main a:hover {
    text-decoration: underline;
	color: #ffffff;
}
.footer-links p span:after {
    content: "|";
    padding: 0 0.5rem;
    color: #fff;
}
.footer-links p span:last-of-type:after {
    content: "";
    padding: 0;
}
.footer-links p {
    margin: 0;
    padding: 0;
}
.footer-links .social {
    line-height: 1.8em;
    margin: 0.8em 0 0;
}
.footer-links .social a {
    margin: 0 0.2em;
    vertical-align: middle;
}
.footer-links .social a:before {
    font-size: 1.2em;
    margin-right: 0.2em;
}
.footer-links .social a:hover {
    color: #a9003d;
    text-decoration: none;
}*/
.field {
     /*background: none repeat scroll 0% 0% #fafafa;*/
     border-color: #c2bdb6;
     border-radius: 3px;
     border-style: solid;
     border-width: 2px;
     font-family: "franklin-gothic-urw",sans-serif;
     font-size: 0.9em;
     padding: 0.25em 0.4em;
}
.login-box  button, input {
line-height: normal;
background: none repeat scroll 0 0 #fafafa;
border-color: #c2bdb6;
border-radius: 3px;
border-style: solid;
border-width: 2px;
font-family: "franklin-gothic-urw",sans-serif;
/*font-size: 1.5em;*/
padding: 0.25em 0.4em;
}
button, input, select, textarea {
     font-size: 100%;
     margin: 0;
     vertical-align: baseline;
}
.login-box  button, input {
line-height: normal;
background: none repeat scroll 0 0 #fafafa;
border-color: #c2bdb6;
border-radius: 3px;
border-style: solid;
border-width: 2px;
font-family: "franklin-gothic-urw",sans-serif;
/*font-size: 1.5em;*/
padding: 0.25em 0.4em;
}
.footer-links .social a:before {
	font-size: 1.2em;
	margin-right: 0.2em;
}
.icon-twitter:before {
	content: "\f099";
	font-family: "FontAwesome";
}
.icon-facebook:before {
  content: "\e62d";
}
.icon-youtube:before {
  content: "\e63d";
}
/* Added to simulate moving SOBOT before asking ICS to change stylesheet*/
.flxb-button.flxb-docked:not(.flxb-dock-full) {
    top: calc(85% - 100px);
}
/* Civic Cookie Control */
#ccc-button-holder {text-align: center;}
#ccc-end {text-align: center;}
#ccc[close-button] #ccc-dismiss-button {display: inline-block !important}
/* Hide the triangle as we'll launch the preferences automatically and from the cookies page */
#ccc-icon{display: none}
#ccc .ccc-tabbable:focus {
    outline: solid 3px #ffbf47 !important;
}

/*#ccc[slideout][left] #ccc-icon {opacity: 0.5}
#ccc[slideout][left][open] #ccc-icon {opacity: 1}
#ccc[slideout][left] #ccc-icon:hover{opacity: 1}*/

/* Cookie Consent Ends */

/* Omnisearch*/
 .ui-autocomplete-category 
 {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
}
 .ui-widget
 {
     font-family: "franklin-gothic-urw",sans-serif;
 }
 
 .ui-state-focus
 {
     background-color: #7da1c4 !important;
     background-image: none !important;
 }
 .moreResults
 {
     margin-left:40px;
 }
 .searchResFoot
 {
     color: #008000;
     word-wrap:break-word;
 }

/*Medium devices (tablets, 768px)*/
@media (max-width: 768px) {
	div.header-main > div.container{
		display: block;	
	}
	.site-logo{
		display: block;
		font-size: 1.5em;
		margin: 0px 0px 1em;
		text-align: center;
		/*text-indent: -10000px;*/
		width: 100%;
	}
    .search-nav-links {
        text-align: center;
    }
    div.form__append-search.search {
        padding-left: .5rem;
        padding-right: .5rem;
    }
	.icon-container-wrapper{
		border-bottom: none;	
	}
	div.icon-container:last-of-type{
    display: none;
	border-bottom: 0;
	}
	div.icon-container:nth-last-child(3),div.icon-container:nth-last-child(4){
		border: 0;
	}
    .promo-block:nth-of-type(3) .promo-text {
        background-color: #2F73AD;
    }
	.promo-block:nth-of-type(4) .promo-text{
		background-color:#666;
	}
	.promo-row{
		Margin-bottom: 0;
	}
	.promo-block{
		margin: 0 0 1rem 0;
	}
	.promo-text{
		padding: 12px 15px;
		/*min-height: 83px;*/
	}
	.footer-main > div.container{
		flex-direction: column;
		text-align: center;
	}
	.footer-main a:visited {
    color: #ffffff;
	}
	.footer-links{
		order:-1 !important;
		margin-bottom: 1rem;
		font-size: 1em;
	}
}
@media (min-width: 768px){
	div.icon-container:last-of-type{
		display: block !important;
	}
	div.icon-container:nth-last-child(-n+4){
		border: 0;
	}
	.footer-links{
		/*order:-1 !important;
		margin-bottom: 1rem;*/
		font-size: .8em;
		margin-left: 3rem;
	}
    .promo-block:nth-of-type(3) .promo-text {
        background-color: #2F73AD !important;
    }
	.promo-block:nth-of-type(4) .promo-text{
		background-color:#666 !important;
	}
}
/* Small devices (landscape phones, 576px)*/
@media (max-width: 576px) {
	div.icon-container:last-of-type{
    display: none;
	}
	div.icon-container{
		border-bottom: 1px solid #ccc ! important;
	}
	div.icon-container:nth-last-child(-n+4){
		border: 0 !important;
	}
	.icon-container-wrapper{
		border-bottom: none;
		/*padding: 0px 4rem;*/
	}
	.footer-links{
		order:-1 !important;
		margin-bottom: 1rem;
	}
    div.popular-tasks.container {
        padding: 1.5rem 2rem 2.5rem 2rem;
    }
    .popular-tasks.container div.row div.col-md-4 a {
        font-size: 1.1em;
    }

    .icon-container h2 {
        font-size: 1.1rem;
    }

    .promo-text {
        font-size: 1.1rem
    }

    .footer-links {
        font-size: 1rem;
    }
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	div.icon-container:last-of-type{
		display:none !important;
	}
	div.icon-container:nth-last-child(-n+7){
		border: 0;
	}
	.promo-block:nth-of-type(3) .promo-text{
		background-color:#666 !important;
	}
    .promo-block:nth-of-type(4) .promo-text {
        background-color: #2F73AD !important;
    }

}
/* March 2022 New footer update*/

.footer-main > div.container {
    display: block;
    overflow: visible;
    text-align: center;
}

.footer-main {
    padding: 16px 0;
    font-size: 14px;
    background: none repeat scroll 0 0 #00193c;
}

.footer-column {
    border-right: 0;
}

.sectionLinks {
    display: block;
    columns: 2;
    column-rule: 1px solid rgba(255, 255, 255, 0.4);
    column-gap: 30px;
}

    .sectionLinks a {
        display: block;
        margin: 0 0 10px 0;
    }

.footer-column:nth-of-type(1) {
    padding: 0 20px;
}

.footer-main a {
    color: #ffffff;
}

    .footer-main a:visited {
        color: #ffffff;
    }

    .footer-main a:hover {
        text-decoration: underline;
        cursor: pointer;
    }

.stayconnected {
    text-align: center;
    margin-top: 0;
}
.stayconnected img {
    max-width: 100%;
}
.cityofopportunity {
    margin-top: 30px;
}
.cityofopportunity img {
    max-width: 100%;
}

.social-column {
    display: flex;
    flex-wrap: wrap;
}

.social-block {
    align-self: flex-end;
}

.social {
    text-align: center;
    padding: 25px 0;
}

.social a {
    display: inline;
    margin: 0 10px;
}
.social a i:hover {
    text-decoration: underline;
    cursor: pointer;
}

@media only screen and (min-width: 576px) {
    .sectionLinks {
        columns: 3;
    }

    .footer-column:nth-of-type(3) {
        margin: 5px 0;
    }

    .sectionLinks a {
        margin: 0 0 8px 0;
    }
}


@media only screen and (min-width: 768px) {
    .footer-main > div.container {
        text-align: unset;
    }

    .stayconnected {
        text-align: left;
    }

    .footer-column:nth-of-type(1) {
        border-right: 1px solid rgba(255, 255, 255, 0.4);
    }

    .social {
        text-align: left;
        padding: 0;
    }

    .sectionLinks a:hover {
        color: #fff !important;
    }

    .social a {
        display: block;
        margin: 0 0 8px 0;
    }
}