@charset "UTF-8";
/* CSS Document */
/*CPCS*/

<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0">

/*
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
cpcs.css Section Start
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
*/

.blackBox{
    margin: 0; 
    padding: 0; 
    background-color: black;
}

.videoSize{
    width: 640px; 
    height: 480px;
}

.openSans{
    font-family: 'Open Sans', sans-serif; 
    font-size: 20pt;
}

.adobeCaslon{
    font-family: adobe-caslon-pro, serif; font-style: italic;
    font-size: 20pt;
}

.blackBackground{
    background-color: #000000; 
    width: 94%; 
    height: 100%; 
    overflow: hidden;
}

.absolute.abs{
    position: absolute; 
    width: 75%; 
    text-align: center; 
    margin-left: 9.5%;
}

.zeroMargins{
    margin: 0; 
    padding: 0;
}

.buttons.main{
    width: 100%; 
    vertical-align: top;
}

.buttons.block{
    display: inline-block; 
    width: 20%;
}

.buttons.image{
    padding: 1%; 
    width: 100%;
}

/*LSAL*/

.lsalUBox{
    border: 1px #841617 solid; 
    padding: 2%; 
    margin: 10px;
}

.lsalUDegreebar{
    background-color: #841617; 
    color: #ffffff;    
}

.lsalUBannerOutline{
    border: 2px solid #841617;
}

.lsalGBox{
    border: 1px #7E1413 solid; 
    padding: 2%; 
    margin: 10px;
}

.lsalGDegreebar{
    background-color: #7E1413; 
    color: #ffffff;    
}

.lsalGBannerOutline{
    border: 2px solid #7E1413;
}

/*LSCJ*/

.lscjBox{
    border: 1px #032A5E solid; 
    padding: 2%; 
    margin: 10px;
}

.lscjDegreebar{
    background-color: #032A5E; 
    color: #ffffff;    
}

.lscjBannerOutline{
    border: 2px solid #032A5E;
}

/*LSCS*/

.lscsBox{
    border: 1px #1F4C25 solid; 
    padding: 2%; 
    margin: 10px;
}

.lscsDegreebar{
    background-color: #1F4C25; 
    color: #ffffff;    
}

.lscsBannerOutline{
    border: 2px solid #1F4C25;
}

/*LSHA*/

.lshaBox{
    border: 1px #3D392D solid; 
    padding: 2%; 
    margin: 10px;
}

.lshaDegreebar{
    background-color: #3D392D; 
    color: #ffffff;    
}

.lshaBannerOutline{
    border: 2px solid #3D392D;
}

/*LSLC*/

.lslcBox{
    border: 1px #d38516 solid; 
    padding: 2%; 
    margin: 10px;
}

.lslcDegreebar{
    background-color: #d38516; 
    color: #ffffff;    
}

.lslcBannerOutline{
    border: 2px solid #d38516;
}

/*LSMS*/

.lsmsGBox{
    border: 1px #255F8B solid; 
    padding: 2%; 
    margin: 10px;
}

.lsmsGDegreebar{
    background-color: #255F8B; 
    color: #ffffff;    
}

.lsmsGBannerOutline{
    border: 2px solid #255F8B;
}

/*LSPS*/

.lspsBox{
    border: 1px #41033C solid; 
    padding: 2%; 
    margin: 10px;
}

.lspsDegreebar{
    background-color: #41033C; 
    color: #ffffff;    
}

.lspsBannerOutline{
    border: 2px solid #41033C;
}

/*LSTD*/

.lstdBox{
    border: 1px #CBC4A4 solid; 
    padding: 2%; 
    margin: 10px;
}

.lstdDegreebar{
    background-color: #CBC4A4; 
    color: #ffffff;    
}

.lstdBannerOutline{
    border: 2px solid #CBC4A4;
}

/*
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
cpcs.css Section End
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
*/

/*
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
Grid Layout.css Section Start
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
*/

/*Quinton Webb 2022-01-10: Wiped out the previous contents of the Grid Layout Test css, renamed to Grid Layout.css, and replaced with new, functional grid layout code built here: https://codepen.io/qwebb/pen/JjrBxbv */

.grid_container {
  display: grid;
  width: 75%;
  height: 500px;
  /*grid-template-columns:333px;
  grid-template-columns: 200px 1fr 1fr;
  grid-template-rows: 250px 1fr 1fr 100px;
  grid-template-rows: 333px;*/
  grid-template-columns: [first] 0.75fr [end];
  grid-template-rows: [row1-start] .3fr [last-line];
  grid-auto-rows: .3fr;
  grid-auto-columns: 0.75fr;
    grid-template-areas:
      "grid_image grid_item_2"
      "grid_image grid_item_3"
      "grid_image grid_item_4"
      "grid_image grid_item_5"
      "grid_image grid_item_6"
      "grid_item_1 grid_item_7"
      "grid_item_1 grid_item_8";
  grid-row-gap: .5rem;
  grid-column-gap: .5rem;
  text-align: center;
}

.grid_image {
  grid-row: 1 / 6;
  grid-column: 1 / 2;
  grid-area: grid_image;
}

.grid_image>img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.grid_item_1 {
  grid-row: 6 / 8;
  grid-column: 1 / 2;
}

.grid_item_2 {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
}

.grid_item_3 {
  grid-row: 2 / 3;
  grid-column: 2 / 3;
}

.grid_item_4 {
  grid-row: 3 / 4;
  grid-column: 2 / 3;
}

.grid_item_5 {
  grid-row: 4 / 5;
  grid-column: 2 / 3;
}

.grid_item_6 {
  grid-row: 5 / 6;
  grid-column: 2 / 3;
}

.grid_item_7 {
  grid-row: 6 / 7;
  grid-column: 2 / 3;
}

.grid_item_8 {
  grid-row: 7 / 8;
  grid-column: 2 / 3;
}

.grid_body {
  display: flex;
  justify-content: center;
  padding: 20px;
  font-family: Open Sans;
}

.grid_img {
  background-color: #841617;
  border-radius: 8px;
  box-shadow: 3px 3px 3px grey;
}

.grid_item {
  background-color: #841617;
  color: #ffffff;
  border-radius: 8px;
  box-shadow: 3px 3px 3px grey;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  font-weight: bold;'
  text-align:center;
}

.grid_item:hover{
  background-color: #5c0e0e
}

.grid_item a:hover{
  text-decoration:none !important;
}

.grid_item a{
	color: white !important;
	text-decoration: none !important;
}

.grid_image,
.grid_item_1,
.grid_item_2,
.grid_item_3,
.grid_item_4,
.grid_item_5,
.grid_item_6,
.grid_item_7,
.grid_item_8 {
  background-color: #841617;
}

/*
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
Grid Layout.css Section End
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
*/

/*
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
Q-Master.css Section Start
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
*/

/*Quinton Webb 12-15-21: Created The Master CSS file for Home Page elements for the PACS UI/UX Overhaul Project. Combined the disparate elements from the button_hover.css and button_examples.css that I had been working on previously. Commented and cleaned up items as well.*/

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css);
/*Imports in FontAwesome iconography*/
/*<link href="/http://drive.google.com/uc?export=view&id=1pBnTCUUNVz1s1nUPn0EcOAPxYMm" rel="stylesheet">*/

/*Home Page Button Code Start*/
/*Quinton Webb 2021-12-15: The .btn1 code creates the button style used in the Home Page. Start Here, Introduction, PACS APA, Student Resources, and PACS Support Desk buttons utilize this. These buttons are currently found on Home Page Version 1 and Version 2.

The HPBox code creates the box used in Units 1-8 in Version 1 and the Unit 1-8 Images in Version 2. The hover and expand effect also stems from this style used in both locations.

Quinton Webb 2021-12-17: The HPButton and HPButtons code was developed for use in Version 4. Still a work in progress, need to make button grid resembling the 'School of Media and Film' layout from the Course Design Notes doc. Having different sized buttons/boxes inside a larger box is proving difficult.

Section could also do with some cleaning up of button terminology. HPBox = Unit image button, HPButton = grid buttons in Version 4, HPButtons2 = wrapper of HPBox elements, HPButtons = wrapper of HPButton*/

.btn1 {
background-color: #841617;
  border: none;
  color: white !important;
  padding: 12px 16px;
  /*font-size: 1.5rem;*/
  cursor: pointer;
  border-radius: 6px;
  box-shadow: 3px 3px 3px grey;
  margin: 5px 5px 3px;
  text-decoration: none !important;
}

.btn1:hover {
  background-color: #5c0e0e
}

.btn1 a:hover {
    text-decoration :none !important;
}

.HPBox {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 6px;
}

.HPBox img {
  margin: 10px;
  padding: 0;
  box-shadow: 5px 5px 3px grey;
  border-radius: 6px;
  
}

.HPBox p {
  color: #515052;
  text-align: center;
  font-size: 1.1em;
  margin: -5px;
}

.HPBox:hover {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.HPBox3 {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 6px;
}

.HPBox3 img {
  padding: 0;
  box-shadow: 3px 3px 3px grey;
  border-radius: 6px;
  
}

.HPBox3 p {
  color: #515052;
  text-align: center;
  font-size: 1.1em;
  margin: -5px;
}

.HPBox3:hover {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.HPButton {
  background-color: #841617;
  color: white !important;
  padding: 1rem;
  height: 4rem;
  padding: 1rem;
  font-size: 1.5rem;
  cursor: pointer;
  border-radius: 6px;
  box-shadow: 5px 5px 5px grey;
  text-decoration: none !important;
}

.HPButton:hover {
  background-color: #5c0e0e
}

.HPButton a{
	color: white !important;
	text-decoration: none !important;
}

.HPButton a:hover {
    text-decoration :none !important;
}

.HPButtons {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
  text-align:center;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.HPButtons2 {
  display: -webkit-flex;
  justify-content: center;
  padding: 20px 0;
  margin: 0px 0px 25px 0px;
  max-width: 100%;
  text-decoration:none !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

/* Testing for Homepage 4 */ 

.HPButtons3 {
  display: -webkit-flex;
  justify-content: center;
  padding: 20px 0;
  margin: 0px 0px 25px 0px;
  max-width: 100%;
  text-decoration:none !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.HPButton2 {
  background-color: #841617;
  color: white !important;
  padding: 1rem;
  margin-bottom: 10px;
  height: 4rem;
  padding: 1rem;
  font-size: 1.5rem;
  cursor: pointer;
  border-radius: 6px;
  box-shadow: 5px 5px 5px grey;
  text-decoration: none !important;
}

.HPButton2:hover {
  background-color: #5c0e0e
}

.HPButton2 a{
	color: white !important;
	text-decoration: none !important;
}

.HPButton2 a:hover {
    text-decoration :none !important;
}

/*Home Page Button Code End*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*Home Page Banner Image Start*/
/*Quinton Webb 2021-12-15: This section is for banner image stylizing. Mostly the border-radii and box-shadow used in both Version 3 and Version 4.*/

.bannerimage img{
    border-radius: 8px;
	-moz-border-radius:8px;
    -webkit-border-radius:8px;
	-ms-border-radius:8px;
    /*border: solid black;*/
	margin: auto;
	width: 75%
}

.bannerimage2 img{
    border-radius: 8px;
    /*-moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
	-ms-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;*/
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
	-ms-border-radius:8px;
    border: solid black;
	margin: auto;
	width: 75%
}

/*Home Page Banner Image End*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*Home Page Content Start*/
/*Quinton Webb 2021-12-15: This section contains the bulk of styles used on the Home Page.*/

.HPContainer {
 margin: auto;
  padding: 0;
  background: #fff;
  width: 75%;
}

.HPContainer h2,
.HPContainer h3 {
  text-align: center;
  letter-spacing: 0.1em;
  margin: auto;

}

.HPContainer h2 {
  padding: 20px 10px 0 10px;
  margin: auto;
 
}

/*.HPContainer h3 {
  margin: -10px 0 0 0;
 
}*/

.HPWrapper {
  width:100%;
  margin: auto;
  background: #fff;
  padding: 0;
  text-decoration: none!important;
  display: grid;
  justify-items: center;
}

.HPWrapper2U {
  width:75%;
  margin: auto;
  /*background: #fff;*/
  padding: 0;
  text-decoration: none!important;
  display: grid;
  justify-items: center;
}

.HPWrapper2B {
  margin: auto;
  background: #fff;
  padding: 0;
  text-decoration: none!important;
  display: grid;
  justify-items: center;
}

.HPWrapper3 {
  width:100%;
  margin: auto;
  background: #fff;
  padding: 0;
  text-decoration: none!important;
  display: grid;
  justify-items: center;
  text-align-last: center;
}

/*Quinton Webb 2021-12-15: This HPBoxes element is used in Version 1.*/
.HPBoxes {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
  -webkit-flex-flow: wrap;
  justify-content: space-around;
  padding: 10px 0;
  /*width: 75%;*/
}

/*Quinton Webb 2021-12-17: This HPBoxes2 element is used in Version 2 & 3.*/
.HPBoxes2U {
  display: -webkit-flex;
  justify-content: center;
  padding: 10px 0;
  margin: 0px 0px 25px 0px;
  max-width: 100%;
  text-decoration:none !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.HPBoxes2B {
  display: -webkit-flex;
  justify-content: center;
  padding: 10px 0;
  margin: 0px 0px 25px 0px;
  max-width: 100%;
  text-decoration:none !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  flex-flow:wrap;
}

/*Quinton Webb 2021-12-15: This HPLSection element starts the lower page style for Version 1.*/
.HPLSection {
  max-width: auto;
  max-height: auto;
  background: #fff;
  color: #515052;
  padding: 5px 10px;
  font-size: 1em;
  text-align: center;
  display: grid;
  justify-content: space-evenly;
}

/*Quinton Webb 2021-12-16: This HPLine element splits the upper half of the page from the bottom half, preceding the Course Map section.*/
.HPLine {
	border-top: 10px solid black;
	width: 75%;
	margin: auto;
	border-radius: 6px;
}

/*Quinton Webb 2021-12-15: This HPCourseMap element starts the lower page style for Version 2 & 3.*/
.HPCourseMap {
  max-width: auto;
  max-height: auto;
  background: #fff;
  color: #515052;
  padding: 5px 10px;
  font-size: 1rem;
  text-align: center;
	margin: auto;
	/*width: 75%;*/
}

/*Home Page Content End*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*Miscellaneous Start*/

/*Quinton Webb 2021-12-15: This section is for miscellaneous code that may come in handy for the Home Page. The a.external .ui-icon-extlink code that's here today is present because I hoped it would remove the underline from external links when hovering over them. Alas, no dice.*/

/*Quinton Webb 2021-12-16: For some reason the screen-reader-only code I had previously found wasn't here. Added back.*/

/*Quinton Webb 2022-1-18: Added a specific font class for version 4 so we can test resizing between screen dimensions.*/

a.external .ui-icon-extlink {
    display: none;
}

.screen-reader-only {
  position: absolute;
  width: 1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
  white-space: nowrap;
}

.v1u1text{
	font-size:2.5vw;
	text-align:center;
	width:75%;
	margin:auto;
}

.v2u1text{
	font-size:2.5vw;
	text-align:center;
	width:75%;
	margin:auto;
}

.v1u2text{
	font-size:2vw;
	text-align:center;
	width:75%;
	margin:auto;
}

.v2u2text{
	font-size:2vw;
	text-align:center;
	width:75%;
	margin:auto;
}

.v1btext{
	font-size: 16px;
	text-align: center;
	margin: auto;
}

.v2btext{
	font-size:2vw;
	text-align:center;
	width:75%;
	margin:auto;
}

.v4text{
	font-size: 16px;
	text-align: center;
	width: 75%;
	margin: auto;
}

/*Miscellaneous End*/

/*Media Queries Start*/

/*Quinton Webb 2022-1-18: This section is for Media Queries so we can differentiate our code, in this case, our font sizes, across a wide span of devices.*/

/* Extra small devices (phones, 200px and up) */
@media only screen and (min-width: 200px) {
.v2u1text{
	font-size:9vw;
	}
.v1u1text{
	width:100%;
	font-size:9vw;
}
.v2u2text{
	font-size:7.5vw;
	}
.v1u2text{
	font-size:7.5vw;
	width:100%
}
.v2btext{
	font-size:8vw;
	}
.v1btext{
	font-size:16px;
	width:100%;
	}
.v4text {
	font-size:12px;
	width: 75%;
	}
.grid_item {
	font-size:12px;
	}
.grid_container {
	grid-template-columns: [first] 1fr [end];
	grid-template-rows: [row1-start] .75fr [last-line];
	grid-template-columns: 1fr;
	grid-auto-rows: .75fr;
	width: 100%;
	}
.HPWrapper2U{
	width:100%;
	}
.HPButtons2 {
	width:100%;
	max-width:100%;
	}
.HPButtons3 {
	width:100%;
	max-width:100%;
	}
.HPBoxes2U{
	font-size:14px;
	}
.HPLine {
	width:100%
	}
.HPWrapper {
	width:100%
	}
.HPWrapper3 {
	width:100%
	}
.bannerimage2 img, .bannerimage img {
	width:100%
	}
}

/* Extra small devices (phones, 400px and up) */
@media only screen and (min-width: 400px) {
.v2u1text{
	font-size:6.5vw;
	}
.v1u1text{
	width:100%;
	font-size:6.5vw;
}
.v2u2text{
	font-size:6vw;
	}
.v1u2text{
	font-size:6vw;
	width:100%
}
.v2btext{
	font-size:5.5vw;
	}
.v1btext{
	font-size:16px;
	width:100%;
	}
.v4text {
	font-size:13px;
	width: 75%;
	}
.grid_item {
	font-size:13px;
	}
.grid_container {
	grid-template-columns: [first] 1fr [end];
	grid-template-rows: [row1-start] .75fr [last-line];
	grid-template-columns: 1fr;
	grid-auto-rows: .75fr;
	width: 100%;
	}
.HPButtons2 {
	width:100%;
	max-width:100%;
	}
.HPButtons3 {
	width:100%;
	max-width:100%;
	}
.HPBoxes2U{
	font-size:14px;
	}
.HPLine {
	width:100%
	}
.HPWrapper {
	width:100%
	}
.HPWrapper3 {
	width:100%
	}
.bannerimage2 img, .bannerimage img {
	width:100%
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.v2u1text{
	font-size:5.5vw;
	}
.v1u1text{
	width:100%;
	font-size:5.5vw;
}
.v2u2text{
	font-size:5vw;
	}
.v1u2text{
	font-size:5vw;
	width:100%
}
.v2btext{
	font-size:5vw;
	}
.v1btext{
	font-size:15px;
	width:100%;
	}
.v4text {
	font-size:14px;
	width: 75%;
	}
.grid_item {
	font-size:14px;
	}
.grid_container {
	grid-template-columns: [first] 1fr [end];
	grid-template-rows: [row1-start] .75fr [last-line];
	grid-template-columns: 1fr;
	grid-auto-rows: .75fr;
	width: 100%;
	}
.HPButtons2 {
	width:100%;
	max-width:100%;
	}
.HPButtons3 {
	width:100%;
	max-width:100%;
	}
.HPBoxes2U{
	font-size:16px;
	}
.HPLine {
	width:100%
	}
.HPWrapper {
	width:100%
	}
.HPWrapper3 {
	width:100%
	}
.bannerimage2 img {
	width:100%
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.v2u1text{
	font-size:4.5vw;
	}
.v1u1text{
	width:100%;
	font-size:4.5vw;
}
.v2u2text{
	font-size:4vw;
	}
.v1u2text{
	font-size:4vw;
	width:100%
}
.v2btext{
	font-size:3.5vw;
	}
.v1btext{
	font-size:15px;
	width:100%;
	}
.v4text {
	font-size:15px;
	width: 75%;
	}
.grid_item {
	font-size:15px;
	}
.grid_container {
	grid-template-columns: [first] 1fr [end];
	grid-template-rows: [row1-start] .75fr [last-line];
	grid-template-columns: 1fr;
	grid-auto-rows: .75fr;
	width: 100%;
	}
.HPButtons2 {
	width:100%;
	max-width:100%;
	}
.HPButtons3 {
	width:100%;
	max-width:100%;
	}
.HPBoxes2U{
	font-size:18px;
	}
.HPLine {
	width:100%
	}
.HPWrapper {
	width:100%
	}
.HPWrapper3 {
	width:100%
	}
.bannerimage2 img {
	width:100%
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.v2u1text{
	font-size:4vw;
	}
.v1u1text{
	width:100%;
	font-size:4vw;
}
.v2u2text{
	font-size:3.5vw;
	}
.v1u2text{
	font-size:3.5vw;
	width:100%
}
.v2btext{
	font-size:3vw;
	}
.v1btext{
	font-size:16px;
	width:100%;
	}
.v4text {
	font-size:16px;
	width: 75%;
	}
.grid_item {
	font-size:16px;
	}
.grid_container {
	grid-template-columns: [first] 1fr [end];
	grid-template-rows: [row1-start] .75fr [last-line];
	grid-template-columns: 1fr;
	grid-auto-rows: .75fr;
	width: 100%;
	}
.HPWrapper2U{
	width:75%;
}
.HPBoxes2{
	font-size:24px;
}
.HPButtons2 {
	width:100%;
	max-width:100%;
	}
.HPButtons3 {
	width:100%;
	max-width:100%;
	}
.HPBoxes2U{
	font-size:20px;
}
.HPLine {
	width:100%
	}
.HPWrapper {
	width:100%
	}
.HPWrapper3 {
	width:100%
	}
.bannerimage2 img, .bannerimage img {
	width:100%
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.v2u1text{
	font-size:3vw;
	}
.v1u1text{
	width:100%;
	font-size:3vw;
	}
.v2u2text{
	font-size:2.5vw;
	}
.v1u2text{
	font-size:2.5vw;
	width:100%
	}
.v2btext{
	font-size:2vw;
	}
.v1btext{
	font-size:18px;
	width:100%
	}
.v4text, .grid_item {
	font-size:18px;
	}
.grid_container {
	grid-template-columns: [first] 0.75fr [end];
	grid-template-rows: [row1-start] .3fr [last-line];
	grid-auto-rows: .3fr;
	width: 75%;
	}
.HPWrapper2U{
	width:75%;
	}	
.HPBoxes2{
	font-size:24px;
	}
.HPButtons2 {
	width:75%;
	max-width:75%;
	}
.HPButtons3 {
	width:100%;
	max-width:100%;
	}
.HPWrapper2U{
	width:75%;
	max-width:none;
	}
.HPBoxes2U{
	font-size:22px;
	}
.HPLine {
	width:75%
	}
.HPWrapper {
	width:75%
	}
.HPWrapper3 {
	width:75%
	}	
.bannerimage2 img {
	width:75%
	}
}

/* Extra large devices (large laptops and desktops, 1400px and up) */
@media only screen and (min-width: 1400px) {
.v2u1text{
	font-size:3.5vw;
	}
.v1u1text{
	width:100%;
	font-size:3.5vw;
	}
.v2u2text{
	font-size:3vw;
	}
.v1u2text{
	font-size:3vw;
	width:100%
	}
.v2btext{
	font-size:2.5vw;
	}
.v1btext{
	font-size:20px;
	width:100%
	}
.v4text, .grid_item {
	font-size:20px;
	}
.grid_container {
	grid-template-columns: [first] 0.75fr [end];
	grid-template-rows: [row1-start] .3fr [last-line];
	grid-auto-rows: .3fr;
	width: 75%;
	}
.HPButtons2 {
	width:75%;
	max-width:75%;
	}
.HPButtons3 {
	width:100%;
	max-width:100%;
	}
.HPWrapper2U{
	width:75%;
	max-width:none;
	}
.HPBoxes2U{
	font-size:24px;
	}
.HPLine {
	width:75%
	}
.HPWrapper {
	width:75%
	}
.HPWrapper3 {
	width:75%
	}	
.bannerimage2 img {
	width:75%
	}
}

/* Extra large devices (large laptops and desktops, 1600px and up) */
@media only screen and (min-width: 1600px) {
.v2u1text{
	font-size:2.5vw;
	}
.v1u1text{
	width:100%;
	font-size:2.5vw;
	}
.v2u2text{
	font-size:2vw;
	}
.v1u2text{
	font-size:2vw;
	width:100%
	}
.v2btext{
	font-size:1.5vw;
	}
.v1btext{
	font-size:22px;
	width:100%
}
.v4text, .grid_item {
	font-size:22px;
	}
.grid_container {
	grid-template-columns: [first] 0.75fr [end];
	grid-template-rows: [row1-start] .3fr [last-line];
	grid-auto-rows: .3fr;
	width: 75%;
	}
.HPButtons2 {
	width:75%;
	max-width:75%;
	}
.HPButtons3 {
	width:100%;
	max-width:100%;
	}
.HPWrapper2U{
	width:75%;
	max-width:none;
	}
.HPBoxes2U{
	font-size:26px;
	}
.HPLine {
	width:75%
	}
.HPWrapper {
	width:75%
	}
.HPWrapper3 {
	width:75%
	}	
.bannerimage2 img {
	width:75%
	}
}

/* Extra large devices (large laptops and desktops, 1800px and up) */
@media only screen and (min-width: 1800px) {
.v2u1text{
	font-size:2.25vw;
	}
.v1u1text{
	width:100%;
	font-size:2.25vw;
	}
.v2u2text{
	font-size:1.75vw;
	}
.v1u2text{
	font-size:1.75vw;
	width:100%
	}
.v2btext{
	font-size:1.25vw;
	}
.v1btext{
	font-size:24px;
	width:100%
	}
.v4text, .grid_item {
	font-size:24px;
	}
.grid_container {
	grid-template-columns: [first] 0.75fr [end];
	grid-template-rows: [row1-start] .3fr [last-line];
	grid-auto-rows: .3fr;
	width: 75%;
	}
.HPButtons2 {
	width:75%;
	max-width:75%;
	}
.HPButtons3 {
	width:100%;
	max-width:100%;
	}
.HPWrapper2U{
	width:75%;
	max-width:none;
	}
.HPBoxes2U{
	font-size:28px;
	}
.HPLine {
	width:75%
	}
.HPWrapper {
	width:75%
	}
.HPWrapper3 {
	width:75%
	}	
.bannerimage2 img {
	width:75%
	}
}


/*Media Queries End*/

/*
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
Q-Master.css Section End
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
*/

/*
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
New_Master.css Section Start
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
*/

a.btn1 {
background-color: #841617;
  border: none;
  color: white !important;
  padding: 12px 16px;
  /*font-size: 1.5rem;*/
  cursor: pointer;
  border-radius: 6px;
  box-shadow: 3px 3px 3px grey;
  margin: 5px 5px 3px;
  text-decoration: none !important;
}

.btn1:hover {
  background-color: #5c0e0e
}

.btn1 a:hover {
    text-decoration :none !important;
}

/* K20 Misc Elements 
Note - To be cleaned up as needed!
*/ 

/* Containers and Image Boxes */
.GridWrapper {
    display: grid;
  width: 1000px;
  height: 600px;
  grid-template-columns: 250px 1fr 1fr;
  grid-template-rows: 200px 1fr 1fr 100px;
  grid-gap: 1rem;	
  text-align:center;
}

.Gridbox1 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
}

.Gridbox2 {
  grid-column-start: 3;
  grid-row-start: 1;
  grid-row-end: 4;
}

.MHPButton2 {
  background-color: #841617;
  color: white !important;
  margin-bottom: 18px;
  height: 4rem;
  padding: 1rem;
  font-size: 1.5rem;
  cursor: pointer;
  border-radius: 10px;
  box-shadow: 5px 5px 5px grey;
  text-decoration: none !important;
}

.MHPButton2:hover {
  background-color: #5c0e0e
}

.MHPButton2 a{
	color: white !important;
	text-decoration: none !important;
}

.MHPButton2 a:hover {
    text-decoration :none !important;
}



.UnitWrapper {
  width:100%;
  margin: auto;
  background: #fff;
  padding: 0;
  text-decoration: none!important;
  display: grid;
  justify-content: center;
}

.HPBoxGrey {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.HPBoxGrey img {	
  margin: 20px;
  padding: 0;
  box-shadow: 5px 5px 3px grey;
  
}

.HPBoxGrey p {
	color: #515052;
  	text-align: center;
  	font-size: 1.1em;
  	margin: -10px;	
}
.HPBoxGrey:hover {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


.BoxResource:hover {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.BoxResource p {
	color: #515052;
  	text-align: center;
  	font-size: 1.1em;
  	margin: -10px;	
}

.BoxResource img {	
  margin: 20px 60px 20px 60px;
  padding: 0;
  box-shadow: 5px 5px 3px grey;
  
}

.BoxResource {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

ol.c {
  list-style-type: upper-roman;
  color: #993333;
}


/* Center content in Div */
.CenterSection {
  max-width: auto;
  max-height: auto;
  background: #fff;
  color: #515052;
  padding: 5px 10px;
  font-size: 1em;
  text-align: center;
  display: flex;
  flex-flow: wrap;
  -webkit-flex-flow: wrap;
  justify-content: center;
}

/* Alerts */

.alert-gold a{
    color:#007bff;
}
.alert-gold a:hover,
.alert-gold a:focus{
    color:#0056b3;
}
.alert-gold{
    background-color: #F9F1C8;
    border-color: #F9E376;
    color: #212529;
}
.alert-secondary-lighter{
    background-color: #f5f5f5;
    border-color: #e8e7e7;
    color: #212529;
}
.alert-secondary-lighter a{
    color:#007bff;
}
.alert-secondary-lighter a:hover,
.alert-secondary-lighter a:focus{
    color:#0056b3;
}

/* End Alerts */

/*breadcrumb*/
.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #993333;
  content: "/";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #993333;
}

.nav.red-nav .breadcrumb{
    background-color: #d9d9d9;
    border-radius: 0;
    width: 100%;
}
.nav.red-nav .breadcrumb a{
    color: #993333;
    text-decoration: underline;
	font-size: 1.1em;
	letter-spacing: .75px;
}
.nav.red-nav .breadcrumb a:hover,
.nav.red-nav .breadcrumb a:focus
{
    color: #123F59;
    text-decoration: none;
}
/* End breadcrumbs */

/* Buttons */

.btn2 {
  background-color: #841617;
  border: none;
  color: white !important;
  padding: 12px 16px;
  font-size: 24px;
  cursor: pointer;
  border-radius: 6px;
  box-shadow: 5px 5px 5px grey;
  margin: 5px 5px 3px;
  text-decoration: none !important;
}

.btn2:hover {
  background-color: #5c0e0e
}

.btn2 a:hover {
    text-decoration :none !important;
}

.javits.btn-success{
    background-color: #326821;
    border-color: #2A591C;
    color: #ffffff;
}
.javits.btn-success:hover,
.javits.btn-success:focus{
    background-color: #3B7C27;
}
.javits.btn-primary{
    background-color: #176DA6;
    border-color: #146194;
    color: #ffffff;
}
.javits.btn-primary:hover,
.javits.btn-primary:focus{
    background-color: #1A7BBC;
}
.javits.btn-warning{
    background-color:#B94C1D;
    border-color: #B0481C;
    color: #ffffff;
}
.javits.btn-warning:hover,
.javits.btn-warning:focus{
    background-color: #C7511F;
}
/* End Buttons */

/* Card */
.card-border{
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
/* Card */

/* Checklist */

.checklist {
background: #987d63;
  display: inline-block;
  padding: 20px;
  display: relative;
  border-radius: 8px;
    margin-top: 44px;
  position: relative;
}
.checklist.gold {
background: #c7a787;
  display: inline-block;
  padding: 20px;
  display: relative;
  border-radius: 8px;
    margin-top: 44px;
  position: relative;
  width: 100%;
}
.checklist-inner{
background: #fff;
    padding: 1.5em 1em 2em .25em;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
min-height: 350px;
}

.checklist-inner:after{
height: 40px;
    width: 40px;
    content: "";
    background: #fff;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -29px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: inset 1px 1px #a9a9a9;
    border: 10px solid #757575;
}
.checklist-inner:before{
border: 6px solid #757575;
    border-radius: 8px 8px 0 0;
    background: #757575;
    height: 28px;
    width: 90px;
    content: "";
    display: block;
    left: 50%;
    transform: translateX(-50%);
    top: -13px;
    position: absolute;
    box-shadow: 0 12px 0 #686868;
}
.checklist ul{
  padding-left: 14px;
}
.checklist ul li{
  /*display: block;*/
  position: relative;
  padding: 5px 7px;
}
/*.checklist ul li:before {
  color: #000;
  position: absolute;
  left: -14px;
  top: 18px;
  content: "";
  display: inline-block;
  transform: rotate(-45deg);
  height:8px;
  width: 14px;
  border-bottom: 4px solid #993333;
  border-left: 4px solid #993333;
}*/
.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img,.card-img-bottom,.card-img-top{-ms-flex-negative:0;flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{-ms-flex:1 0 0%;flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}

.collapse:not(.show){display:none}
.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}
.fall2020-bkg{
    background:  url(https://k20instructionaldesign.oucreate.com/img/K20-blue-building.png);
    background-position: left bottom;
    background-repeat: no-repeat;
}
@media (min-width: 992px){
	.checklist{
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width: 991px){
	.checklist{
		margin-left: 0;
	}
}

i.icss-check-list {
    width: .78em;
    height: .9em;
    background-color: transparent;
    border-width: .065em;
    border-style: solid;
    border-radius: .05em;
    -webkit-box-shadow: 0 -0.4em 0 -0.31em;
    box-shadow: 0 -0.4em 0 -0.31em;
    margin: .1em .11em 0;
}


i.icss-check-list:before {
    width: .4em;
    height: .22em;
    border-width: 0 0.05em;
    border-radius: .03em;
    -webkit-box-shadow: inset 0 0.3em, 0.15em 0.34em 0 -0.075em, 0.15em 0.58em 0 -0.075em;
    box-shadow: inset 0 0.3em, 0.15em 0.34em 0 -0.075em, 0.15em 0.58em 0 -0.075em;
    top: -.1em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
i.icss-check-list:after {
    width: .35em;
    height: .4em;
    border: .1em solid transparent;
    background-color: transparent;
    top: .1em;
    left: 0em;
    -webkit-box-shadow: inset -0.06em -0.06em, 0.16em 0.16em 0 -0.1em;
    box-shadow: inset -0.06em -0.06em, 0.16em 0.16em 0 -0.1em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
i.icss-check-circle {
    width: 1em;
    height: 1em;
    background-color: transparent;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 0.1em;
    box-shadow: inset 0 0 0 0.1em;
    margin: 0;
}
i.icss-check-circle:before,
i.icss-check-circle:after {
    width: .16em;
    height: .7em;
    background-color: currentColor;
    border-radius: .1em;
    top: .63em;
    left: .33em;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform-origin: 0.08em 0.08em;
    -ms-transform-origin: 0.08em 0.08em;
    transform-origin: 0.08em 0.08em;
}
i.icss-check-circle:after {
    width: .43em;
    height: .16em;
}
/* End Checklist */


/* Colors for Calling*/
.accordion .card .btn-link:active{background: transparent;}
.text-red{color: #993333;}
.text-light-blue{color: #3085bb;}
.text-blue{color: #206f3d} actually green
.text-mid-blue{color: #32516c;}
.text-mid-dark-blue{color: #1d6da1;}
.text-dark-blue{color: #1a3953;}
.text-navy{color: #1c546e;}
.highlight-ara{ color: #2C7250;}
.text-dark-red{color: #691919}
.light-blue{color: #ffffff; background: #3085bb;}
.mid-blue{color: #ffffff; background: #32516c;}
.dark-blue{color: #ffffff; background: #1a3953;}
.dark-red{color: #ffffff; background: #922222;}
.dark-gray{color: #ffffff; background: #757575;}
.dark-yellow{color: #000000; background: #e1bb43;}
.light-blue-bkg{ background: #E4F0F7;}
.gold-bkg{ background-color: #F9E99A;}
.teal-bkg{ background-color: #0297A7;}
.dark-teal-bkg{ background-color: #144F5C;}
.orange-bkg{ background-color: #D15320;}
.another-gray{background-color: #f1f1f1;}
.k20yellow{
    background:#e8bf3d;
}
/* End Colors */


/* Flip Card */
.flip-card {
  background-color: #fff;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
}

.flip-card-back {
  background-color: #ffffff;
  transform: rotateY(180deg);
}

/* End Flipcard */

 

/* Headers*/ 

.h2-PACS-crimson{
	color: #993333;
	border-bottom: 4px solid #993333;
	letter-spacing: 2px;
}

  .h2-red{
 	color: #922222;
 	border-bottom: 8px solid #922222;
 }
 
 hr{
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); 
 }
 /* End Headers */
 
/*Notepad*/

.notepad{
    background: #f3f3f3;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.22);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.22);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.22);
    padding-bottom: 1em;
}
.notepad h2,
.notepad h3,
.notepad h4,
.notepad h5{
    background: #e8bf3d;
}
.notepad ol{
    margin: 1em 1em 1em 2em;
}
.notepad ul{
    margin: 1em 1.5em;
}
.notepad ol li,
.notepad ul li{
    border-bottom: 3px dotted #cacaca;
}
.notepad ol li:last-of-type,
.notepad ul li:last-of-type{
    border-bottom: 0;
}

.notepad ol li p,
.notepad ul li p{
    margin: 1rem 1.5em;
}
.notepad-alt{
    background: #f3f3f3;
    padding-bottom: 1em;
}
.notepad-alt h2,
.notepad-alt h3,
.notepad-alt h4,
.notepad-alt h5{
    background: #e8bf3d;
}
.notepad-alt ol{
    margin: 1em 1em 1em 2em;
}
.notepad-alt ul{
    margin: .5em;
}
.notepad-alt ol li,
.notepad-alt ul li{
    border-bottom: 3px dotted #cacaca;
}
.notepad-alt ol li:last-of-type,
.notepad-alt ul li:last-of-type{
    border-bottom: 0;
}

.notepad-alt ol li p,
.notepad-alt ul li p{
    margin: .5em;
}

/* End Notepad */

/* Progress Bar */
.ui-tabs-panel img{
    max-width: 100%;
}
.k20-progress1-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: .5em 0;
}
.mod-title{
  margin-right: .5em;
  text-transform: uppercase;
  font-weight: bold;

}
.k20-progress1-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: .5em 0;
}
.mod-title{
  margin-right: .5em;
  text-transform: upp
}

.k20-progress1-inner ul{
  list-style-type: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: nowrap;
  padding-left: 0;
  z-index: 5;
  position: relative;
}
.k20-progress1-inner ul:after{
  height: 4px;
  background: #000;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  width: 99%;
  z-index: -1;
}
.k20-progress1-inner ul li{
  background: linear-gradient(0deg, rgb(235, 248, 255) 0%, rgb(224, 242, 253) 100%);
    padding: .4em .5em;
  border-radius: 50%;
  margin: 0 1em;
  border: 4px solid #ffffff;
}
.k20-progress1-inner ul li.active{
  background: #1a3953;
  color: #ffffff;
}
.k20-progress1-inner ul li.name{
  background: transparent;
  color: #212529;
  margin-left: 0;
  padding-left: 0;
  border: 0;
  font-size: 1em;
}
span.smaller{
  font-size: .75em;
  line-height: .75em;
  font-weight: 200;
}
.k20-progress1-inner ul li.name p.module{
  margin-top: -8px;
}
.k20-progress1-inner ul li.name p.page{
    position: relative;
    bottom: -10px;
}
.k20-progress1-inner ul li:first-of-type{
  margin-left: 0;
}
.k20-progress1-inner ul li:last-of-type{
  margin-right: 0;
}
.k20-progress1-inner ul li p{
  font-family: sans-serif;
  font-size: .88em;
  line-height: .88em;
  margin: 0;
}

/* End Progress Bar */



/* Image Attributes */

.responsive {
  width: 100%;
  height: auto;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/* End Image Attributes */

.hangingindent {
  padding-left: 2em;
  text-indent: -2em;
}

ul.apa-reference{
    list-style-type: none;
    margin-left: 0;
}
ul.apa-reference li p{
    padding-left: 2em;
  text-indent: -2em;
}

.calendar{
    background: #f8f9fa;
  display: inline-block;
  padding: 20px;
  display: relative;
  border-radius: 8px;
margin-top: 44px;
  position: relative;
}
.calendar-inner{
    background: #fff;
    padding: 1.5em 1em 2em .25em;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

.divider{
    border-bottom: 4px dotted #32516c;
    padding: 1em 2em 0;
    margin: 0 auto 3em;
}

.text3d {
  color: #fff;
  font-size: 60px;
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

.center-lined{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.center-lined:after{
  position: absolute;
  content: "";
  height: 2px;
  width: 90%;
  background: #000;
  z-index: 1;
}
.center-lined > *{
  position: relative;
  background: #fff;
  padding: .5em;
  border: 2px solid #000;
  z-index: 2;
}

.img-fluid{
    max-width: 100% !important; 
    height: auto;
}
.roundedouter{
  position: relative;
}
.roundedouter:before{
  position: absolute;
  left: 14px;
  top: 0;
  content: "";
  background: rgba(232, 192, 59, 0.84);
  border-radius: 12px 0 12px 0;
  padding: .5em;
  display: inline-block;
}
.roundedouter:after{
  position: absolute;
  left: 14px;
  top: 10px;
  content: "";
  background: rgba(41, 138, 194, 0.66);
  border-radius: 12px 0 12px 0;
  padding: .5em;
  display: inline-block;
  transform: rotate(90deg);
}
.roundedinner:before{
   position: absolute;
  left: 0;
  top: 10px;
  content: "";
  background: rgba(145, 13, 39, 0.74);
  border-radius: 0 12px 0 12px;
  padding: .5em;
  display: inline-block;
  transform: rotate(90deg);
}
.roundedinner:after{
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background: rgba(97, 97, 97, 0.75);
  border-radius: 0 12px 0 12px;
  padding: .5em;
  display: inline-block;

}
.roundedouter > *{
  padding-left: .5em;
  margin-left: 2em;
}

.squareouter{
  position: relative;
}
.squareouter:before{
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 0;
  background: #910D28;
  width: .8em;
  height: .8em;
  display: block;
}
.squareouter:after{
  content: "";
  position: absolute;
  top: 0;
  left: .9em;
  background: #298ac4;
    border-radius: 50%;
  width: .8em;
  height: .8em;
  display: block;
}
.squareinner:before{
  content: "";
  position: absolute;
  top: .9em;
  background: #e8bf3d;
    border-radius: 50%;
  width: .8em;
  height: .8em;
  display: block;
}
.squareinner:after{
  content: "";
  position: absolute;
  top: .9em;
  left: .9em;
  background: #626262;
  border-radius: 50%;
  width: .8em;
  height: .8em;
  display: block;
}
.squareinner > * {
  margin-left: 1.5em;
}

.linedcolors{
  display: flex;
  flex-wrap: nowrap;
}
.linecolor{
  height: .5em;
  flex-basis: 25%;
}
.linered{
  background: #910D28;
}
.linemidblue{
    background: #298ac4; 
}
.lineyellow{
  background: #e8bf3d;
}
.linedarkblue{
background: #1c546e;
}
.linedheading{
  margin-top: .25em;
}
.arrow-bkg{
  background: #bababa;
}
.arrow-heading{
  position: relative;
  background: #922222;
  display: inline-block;
  padding: 12px 96px 12px 96px;
}
.arrow-heading:after{
    content: '';
    position: absolute;
    top: 0;
    right: -48px;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-left: 3em solid #922222;
    border-bottom: 3.8em solid transparent;
}
.arrow-heading > *{
  color: #fff;
}

.list-unstyled{padding-left:0;list-style:none}

p, li, ul, ol, table, blockquote {
	letter-spacing: .03em;
}

/*# sourceMappingURL=bootstrap-grid.css.map */













/*Navigation Elements*/


/*Navbar*/
.nav.red-nav{
    color: #212529;
}
.nav.red-nav .breadcrumb{
    background-color: #d9d9d9;
    border-radius: 0;
    width: 100%;
}
.nav.red-nav .breadcrumb a{
    color: #993333;
    text-decoration: underline;
	font-size: 1.1em;
	letter-spacing: .75px;
}
.nav.red-nav .breadcrumb a:hover,
.nav.red-nav .breadcrumb a:focus
{
    color: #123F59;
    text-decoration: none;
}

.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar > .container,
.navbar > .container-fluid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.navbar.fall-navbar-bkg{
    padding: .5rem;
}
.fall-navbar-bkg .navbar-toggler{
    border-color: #1a3953;
    padding: .5em;
    border-width: 2px;
}
fall-navbar-bkg .navbar-toggler{
    background-color: transparent;
    border-width: 3px;
    margin-left: 1em;
    padding: .5rem;
    transition: background-color .4s ease;
}
.fall-navbar-bkg .navbar-toggler:hover,
.fall-navbar-bkg .navbar-toggler:focus{
    background-color: rgba(255, 255, 255, .5);
}
.navbar.fall-navbar-bkg{
    background-image: url(https://k20instructionaldesign.oucreate.com/img/k20center-logo-color-50px.png), linear-gradient(0deg, rgb(235, 248, 255) 0%, rgb(224, 242, 253) 100%);
    background-position: 99% center, left top ;
    background-repeat: no-repeat, repeat;
    background-size: 42px 42px, cover;
}

.navbar.fall-navbar-bkg i.icss-bars, 
.navbar.fall-navbar-bkg i.icss-bars:before, 
.navbar.fall-navbar-bkg i.icss-bars:after{
    width: 1.2em;
    height: 4px;
    border-radius: .06em;
    background-color: #1a3953;
    margin: 0 0;
}

.nav.red-nav{
    color: #212529;
}
.nav.red-nav .breadcrumb{
    background-color: #d9d9d9;
    border-radius: 0;
    width: 100%;
}
.nav.red-nav .breadcrumb a{
    color: #993333;
    text-decoration: underline;
	font-size: 1.1em;
	letter-spacing: .75px;
}
.nav.red-nav .breadcrumb a:hover,
.nav.red-nav .breadcrumb a:focus
{
    color: #123F59;
    text-decoration: none;
}

/* Success */ 

i[class*="icss-"]:before, i[class*="icss-"]:after {
    content: "";
    border-width: 0;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

i[class*="icss-"] {
    position: relative;
    display: inline-block;
    font-style: normal;
    background-color: currentColor;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
}
.icons > div {
    background: #eee;
    font-size: 2em;
    display: inline-block;
    padding: 0.2em;
    margin: 0.2em;
    border: 0.1em solid #ddd;
    line-height: 1em;
    height: 1em;
}

i.icss-success {
    width: 1em;
    height: 1em;
    background-color: transparent;
    margin: 0;
	color: #993333;
}
i.icss-success:after,
i.icss-success:before {
    width: .16em;
    height: .7em;
    background-color: currentColor;
    border-radius: .1em;
    top: .6em;
    left: .33em;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform-origin: 0.08em 0.08em;
    -ms-transform-origin: 0.08em 0.08em;
    transform-origin: 0.08em 0.08em;
}
i.icss-success:after {
    width: .43em;
    height: .16em;
}

/* Success */


/*
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
New_Master.css Section End
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
*/

/*
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
Bootstrap_Grid.css Section Start
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
*/

/*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  /*.col-sm-8 {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }*/
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  /*.col-md-4 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }*/
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}


/*
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
Bootstrap_Grid.css Section End
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
*/

/*
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
Q-Master-Marketing-Updates.css Section Start
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
*/

/*Quinton Webb 2022-03-21: Created new CSS file for Marketing update course home page testing. Removed unnecessary css elements since we're not using other versions.

Terminology has changed. .btn1 has become .btnr (red button for Units), and .btndg (dark grey buttons for resources).

.HPWrapper2U, .HPBoxes2U, .HPLine, and .bannerimage2 have become HPWrapper_m, HPBoxes_m, HPLine_m, and .bannerimage_m, respectively.

*/

/*Miscellaneous Start*/

.btnr {
background-color: #841617;
  border: none;
  color: white !important;
  padding: 12px 16px;
  /*font-size: 1.5rem;*/
  cursor: pointer;
  border-radius: 6px;
  box-shadow: 3px 3px 3px grey;
 
  margin:10px;
  text-decoration: none !important;
}

.btnr:hover {
  background-color: #5c0e0e
}

.btnr a:hover {
    text-decoration :none !important;
}

.btndg {
background-color: #566573;
  border: none;
  color: white !important;
  padding: 12px 16px;
  /*font-size: 1.5rem;*/
  cursor: pointer;
  border-radius: 6px;
  box-shadow: 3px 3px 3px grey;
  margin: 5px 5px 3px;
  text-decoration: none !important;
  max-width: 1200px;
}

.btndg:hover {
  background-color: #17202A
}

.btndg a:hover {
    text-decoration :none !important;
}

.btndg external {
background-color: #566573;
  border: none;
  color: white !important;
  padding: 12px 16px;
  /*font-size: 1.5rem;*/
  cursor: pointer;
  border-radius: 6px;
  box-shadow: 3px 3px 3px grey;
  margin: 5px 5px 3px;
  text-decoration: none !important;
  max-width: 1200px;
}

.btndg external:hover {
  background-color: #17202A
}

.btndg a external:hover {
    text-decoration :none !important;
}

/*.unitbg {*/
	/*background-color: #D0D3D4;*/
	/*background-color: rgba(0, 0, 0, 0.8); /* 80% Black */
	/*width: 75%;*/
	/*margin:auto;*/
/*}*/

.bannerimage_m img{
    border-radius: 8px;
    /*-moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
	-ms-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;*/
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
	-ms-border-radius:8px;
	margin: auto;
	width: 75%;
	max-width: 1200px;
}

.bannerimage_mu img{
    border-radius: 8px;
    /*-moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
	-ms-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;*/
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
	-ms-border-radius:8px;
	margin: auto;

	
}

.row_m {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
}

.row_m2 {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
}

.HPBG {
  padding: 0.5px;
  background-color: lightgrey;
  width: auto;
  border-radius: 6px;
  max-width: 1200px;
}

.HPWrapper_m {
  max-width: 1200px;
  text-decoration: none!important;
}

.HPWrapper_m2 {
  max-width: 1200px;
  text-decoration: none!important;
}

.HPBoxes_m {
  display: grid;
  padding: 0px 10px;
  margin: 20px;
  max-width: 100%;
  text-decoration:none !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.HPBoxes_m2 {
  display: -webkit-flex;
  margin: 6px 0px 0px 0px;
  max-width: 1200px;
  text-decoration:none !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  place-content: center;
  
}

.HPLine_m {
	border-top: 10px solid black;
	margin: auto;
	border-radius: 6px;
	max-width: 1200px;
}

a.external .ui-icon-extlink {
    display: none;
}

.screen-reader-only {
  position: absolute;
  width: 1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
  white-space: nowrap;
}

.wtext{
	font-size:2.5vw;
	max-width: 1200px;
}

.ctext{
	font-size:2vw;
	max-width: 1200px;
}

/*Miscellaneous End*/

/*Testing*/

/*Quinton Webb 2022-12-12: Added container_m_apa tag for the PACS APA Guide course. Copied container_m and replaced display:inline-grid with display:flex and justify-items:center with justify-content:center.*/

.container_m {
  display: inline-grid;
  max-width: 1200px;
  /*grid-template-columns: repeat(4, minmax(10px, 1fr));*/
  /*grid-template-rows: repeat(2, 150px);*/
  grid-gap: 1rem;  
  padding: 20px;
  background-color: lightgrey;
  width: auto;
  border-radius: 6px;
  justify-items: center;
}

.container_m_apa {
  display: flex;
  max-width: 1200px;
  /*grid-template-columns: repeat(4, minmax(10px, 1fr));*/
  /*grid-template-rows: repeat(2, 150px);*/
  grid-gap: 1rem;  
  padding: 20px;
  background-color: lightgrey;
  width: auto;
  border-radius: 6px;
  justify-content: center;
}

.body_m {
  /*height: 100vh;*/
  display: flex;
  flex-direction: column;
  max-width: 1200px;
}

.item_m {
  background-color: #841617;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: none;
  margin: 10px;  
  color: white !important;
  padding: 12px 50px; 
  cursor: pointer;
  text-decoration: none !important;
}

.item_m:hover{
  background-color:#5c0e0e;
}

.item_m a:hover{
  txt-decoration: none !important;
}

.container_m2 {
  display: flex;
  max-width: 1200px;
  /*grid-template-columns: repeat(3, 1fr);*/
  /*grid-template-rows: repeat(2, 150px);*/
  grid-gap: 1rem;  
  padding-top: 20px;
  padding-bottom: 20px;
  width: auto;
  border-radius: 6px;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}

.body_m2 {
  /*height: 100vh;*/
  display: flex;
  flex-direction: column;
  max-width: 1200px;
}

.item_m2 {
  background-color: #566573;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: none;
  /*margin: 10px;*/  
  color: white !important;
  padding: 12px 10px;
  cursor: pointer;
  text-decoration: none !important;
}

.item_m2:hover{
  background-color:#17202A;
}

.item_m2 a:hover{
  txt-decoration: none !important;
}

.item_m2 external {
  background-color: #566573;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: none;
  margin: 10px;  
  color: white !important;
  padding: 12px 30px;
  cursor: pointer;
  text-decoration: none !important;
}

.item_m2 external:hover{
  background-color:#17202A;
}

.item_m2 external a:hover{
  txt-decoration: none !important;
}

/* Testing End */

/*Media Queries Start*/

/*Quinton Webb 2022-1-18: This section is for Media Queries so we can differentiate our code, in this case, our font sizes, across a wide span of devices.*/
/*Quinton Webb 2022-12-12: Added container_m_apa media queries for the PACS APA Guide course.*/

/* Extra small devices (phones, 200px and up) */
@media only screen and (min-width: 200px) {
.wtext{
	font-size:7.5vw;
	}
.ctext{
	font-size:9vw;
	}
.HPWrapper_m{
	width:100%;
	}
.HPWrapper_m2{
	width:100%;
	}
.HPBoxes_m{
	font-size:14px;
	}
.HPBoxes_m2{
	font-size:14px;
	}
.HPLine_m {
	width:100%
	}
.bannerimage_m img {
	width:100%
	}
.bannerimage_mu img {
	width:100%
	}
/*Media Queries for 'Testing' Elements*/
.container_m{
	font-size:9px;
	grid-template-columns: repeat(1, minmax(10px, 1fr));
	}
.container_m_apa{
	font-size:9px;
	grid-template-columns: repeat(1, minmax(10px, 1fr));
	}
.body_m{
    width:100%
	}
.container_m2{
	font-size:14px;
	grid-template-columns: repeat(1, minmax(10px, 1fr));
	}
.body_m2{
    width:100%
	}
}

/* Extra small devices (phones, 400px and up) */
@media only screen and (min-width: 400px) {
.wtext{
	font-size:6vw;
	}
.ctext{
	font-size:6.5vw;
	}
.HPWrapper_m{
	width:100%;
	}
.HPWrapper_m2{
	width:100%;
	}
.HPBoxes_m{
	font-size:14px;
	}
.HPBoxes_m2{
	font-size:14px;
	}
.HPLine_m{
	width:100%
	}
.bannerimage_m img {
	width:100%
	}
.bannerimage_mu img {
	width:100%
	}
/*Media Queries for 'Testing' Elements*/
.container_m{
	font-size:14px;
	grid-template-columns: repeat(1, minmax(10px, 1fr));
	}
.container_m_apa{
	font-size:14px;
	grid-template-columns: repeat(1, minmax(10px, 1fr));
	}
.body_m{
    width:100%
	}
.container_m2{
	font-size:14px;
	grid-template-columns: repeat(1, minmax(10px, 1fr));
	}
.body_m2{
    width:100%
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.wtext{
	font-size:5vw;
	}
.ctext{
	font-size:5.5vw;
	}
.HPWrapper_m{
	width:100%;
	}
.HPWrapper_m2{
	width:100%;
	}
.HPBoxes_m{
	font-size:16px;
	}
.HPBoxes_m2{
	font-size:16px;
	}
.HPLine_m{
	width:100%
	}
.bannerimage_m img {
	width:100%
	}
.bannerimage_mu img {
	width:100%
	}
/*Media Queries for 'Testing' Elements*/
.container_m{
	font-size:16px;
	grid-template-columns: repeat(2, minmax(10px, 1fr));
	}
.container_m_apa{
	font-size:16px;
	grid-template-columns: repeat(2, minmax(10px, 1fr));
	}
.body_m{
    width:100%
	}
.container_m2{
	font-size:16px;
	grid-template-columns: repeat(1, minmax(10px, 1fr));
	}
.body_m2{
    width:100%
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.wtext{
	font-size:4vw;
	}
.ctext{
	font-size:4.5vw;
	}
.HPWrapper_m{
	width:100%;
	}
.HPWrapper_m2{
	width:100%;
	}
.HPBoxes_m{
	font-size:18px;
	}
.HPBoxes_m2{
	font-size:18px;
	}
.HPLine_m{
	width:100%
	}
.bannerimage_m img {
	width:100%
	}
.bannerimage_mu img {
	width:100%
	}
/*Media Queries for 'Testing' Elements*/
.container_m{
	font-size:16px;
	grid-template-columns: repeat(2, minmax(10px, 1fr));
	}
.container_m_apa{
	font-size:16px;
	grid-template-columns: repeat(2, minmax(10px, 1fr));
	}
.body_m{
    width:100%
	}
.container_m2{
	font-size:16px;
	grid-template-columns: repeat(1, minmax(10px, 1fr));
	}
.body_m2{
    width:100%
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.wtext{
	font-size:3.5vw;
	}
.ctext{
	font-size:4vw;
	}
.HPWrapper_m{
	width:100%;
	}
.HPWrapper_m2{
	width:100%;
	}
.HPBoxes_m{
	font-size:20px;
	}
.HPBoxes_m2{
	font-size:20px;
	}
.HPLine_m{
	width:100%
	}
.bannerimage_m img {
	width:100%
	}
.bannerimage_mu img {
	width:100%
	}
/*Media Queries for 'Testing' Elements*/
.container_m{
	font-size:20px;
	grid-template-columns: repeat(2, minmax(10px, 1fr));
	}
.container_m_apa{
	font-size:20px;
	grid-template-columns: repeat(2, minmax(10px, 1fr));
	}
.body_m{
    width:100%
	}
.container_m2{
	font-size:20px;
	grid-template-columns: repeat(2, minmax(10px, 1fr));
	}
.body_m2{
    width:100%
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.wtext{
	font-size:2.5vw;
	}
.ctext{
	font-size:3vw;
	}
.HPWrapper_m{
	width:100%;
	}
.HPWrapper_m2{
	width:100%;
	}
.HPBoxes_m{
	font-size:22px;
	}
.HPBoxes_m2{
	font-size:22px;
	}
.HPLine_m{
	width:100%
	}
.bannerimage_m img {
	width:100%
	}
.bannerimage_mu img {
	width:100%
	}
/*Media Queries for 'Testing' Elements*/
.container_m{
	font-size:15px;
	grid-template-columns: repeat(3, minmax(10px, 1fr));
	}
.container_m_apa{
	font-size:15px;
	grid-template-columns: repeat(3, minmax(10px, 1fr));
	}
.body_m{
    width:100%
	}
.container_m2{
	font-size:22px;
	grid-template-columns: repeat(2, minmax(10px, 1fr));
	}
.body_m2{
    width:100%
	}
}

/* Extra large devices (large laptops and desktops, 1400px and up) */
@media only screen and (min-width: 1400px) {
.wtext{
	font-size:2.25vw;
	}
.ctext{
	font-size:2.75vw;
	}
.HPWrapper_m{
	width:100%;
	}
.HPWrapper_m2{
	width:100%;
	}
.HPBoxes_m{
	font-size:24px;
	}
.HPBoxes_m2{
	font-size:24px;
	}
.HPLine_m{
	width:100%
	}
.bannerimage_m img {
	width:100%
	}
.bannerimage_mu img {
	width:100%
	}
/*Media Queries for 'Testing' Elements*/
.container_m{
	font-size:15px;
	grid-template-columns: repeat(4, minmax(10px, 1fr));
	}
.container_m_apa{
	font-size:15px;
	grid-template-columns: repeat(4, minmax(10px, 1fr));
	}
.body_m{
    width:100%
	}
.container_m2{
	font-size:24px;
	grid-template-columns: repeat(3, minmax(10px, 1fr));
	}
.body_m2{
    width:100%
	}
}

/* Extra large devices (large laptops and desktops, 1600px and up) */
@media only screen and (min-width: 1600px) {
.wtext{
	font-size:1.75vw;
	}
.ctext{
	font-size:2.5vw;
	}
.HPWrapper_m{
	width:100%;
	}
.HPWrapper_m2{
	width:100%;
	}
.HPBoxes_m{
	font-size:26px;
	}
.HPBoxes_m2{
	font-size:26px;
	}
.HPLine_m{
	width:100%
	}
.bannerimage_m img {
	width:100%
	}
.bannerimage_mu img {
	width:100%
	}
/*Media Queries for 'Testing' Elements*/
.container_m{
	font-size:26px;
	grid-template-columns: repeat(4, minmax(10px, 1fr));
	}
.container_m_apa{
	font-size:26px;
	grid-template-columns: repeat(4, minmax(10px, 1fr));
	}
.body_m{
    width:100%
	}
.container_m2{
	font-size:26px;
	grid-template-columns: repeat(3, minmax(10px, 1fr));
	}
.body_m2{
    width:100%
	}
}

/* Extra large devices (large laptops and desktops, 1800px and up) */
@media only screen and (min-width: 1800px) {
.wtext{
	font-size:1.75vw;
	}
.ctext{
	font-size:2.25vw;
	}
.HPWrapper_m{
	width:100%;
	}
.HPWrapper_m2{
	width:100%;
	}
.HPBoxes_m{
	font-size:28px;
	}
.HPBoxes_m2{
	font-size:28px;
	}
.HPLine_m{
	width:100%
	}	
.bannerimage_m img {
	width:100%
	}
.bannerimage_mu img {
	width:100%
	}
/*Media Queries for 'Testing' Elements*/
.container_m_apa{
	font-size:28px;
	grid-template-columns: repeat(4, minmax(10px, 1fr));
	}
.container_m{
	font-size:28px;
	grid-template-columns: repeat(4, minmax(10px, 1fr));
	}
.body_m{
    width:100%
	}
.container_m2{
	font-size:28px;
	grid-template-columns: repeat(3, minmax(10px, 1fr));
	}
.body_m2{
    width:100%
	}
}

/*Media Queries End*/

/*
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
Q-Master-Marketing-Updates.css Section End
~~~~~~~~~~
~~~~~~~~~~
~~~~~~~~~~
*/