:root{
	--main-dark: #184E77;
	--main-mid: #1E6091;
	--main-light: #168AAD;
	--main-super-duper-light: #EDFBFF;

	--secondary-dark-dark: #1c8387;
	--secondary-dark: #34A0A4;
	--secondary-mid:  #52B69A;		
	--secondary-light: #76C893;
	--secondary-super-light: #EEFDF3;

	--tertiary-dark-dark: #449034;
	--tertiary-dark: #99D98C;
	--tertiary-mid: #85E48C;
	--tertiary-light: #D9ED92;
	--tertiary-super-light: #fbffeb;

	--quaternary-super-light: #b8ccdb;
	--quaternary-light: #a0bacd;
	--quaternary-mid: #759ebb;
	--quaternary-dark: #7094af;

	--light-grey-separator: #e9e9e9;
	--grey-separator: #b6b6b6;
	--grey-msg: #c5c5c5;
	--map-grey: #e9e9e9;
	
	--shadow-grey: #e9e9e9;
	--grey-text: #808080;
	--vc-warning: #FF7C00;
	--vc-alert: #C70300;
	--vc-alert-dark: #960200;
	--vc-success: #198700;
	--vc-info: #FFC107;
}

html{
    position:relative;    
    font-family: 'Lato', 'Arial', 'Sans-Serif';
    font-weight: 300;
	font-size: 85%;
    text-rendering: optimizeLegibility; 
    line-height: 1em;   
}

body {
	font-size: 1rem;
}

.no-wrap {
	white-space: nowrap;
}

.grey-text-font {
	color: var(--grey-text);
}

.mapSearchIcon_comingSoon {
	color: purple !important;
font-size: 14px !important;
font-family: Roboto, Arial, sans-serif !important;
} 

.pointerCursor {
	cursor: pointer;	
}

.black-opacity_overlay {
	background: rgba(0, 0, 0, 0.15);
}

.mapSearchListingBG {
	background: rgba(22, 138, 173, 0.05);
}

.mapSearchListingBG:hover {
	background: rgba(22, 138, 173, 0.15);
}

.vc-status-msg-modal-alert-border {
	border: 2px solid var(--vc-alert);
}

.vc-status-msg-modal-alert-border-dark {
	border: 2px solid var(--vc-alert-dark);
}

.vc-status-msg-modal-success-border {
	border: 2px solid var(--vc-success);
}

.vc-status-msg-modal-info-border {
	border: 2px solid var(--vc-info);
}

.text-success-bg {
	background-color: var(--vc-success);
}

.shadow-grey {
	color: var(--shadow-grey);
}

.general-box-shadow {
	box-shadow: 0 0 8px 3px #f5f5f5;
}

.listingGalleryImg {
	padding: 10px;
	border: 1px solid var(--tertiary-mid);	
}

.warning-font-color {
	color: var(--vc-warning);
}

.alert-dark-font-color {
	color: var(--vc-alert-dark);
}

.vc-alert-dark-bg-color {
	background-color: var(--vc-alert-dark);
}

.alert-font-color {
	color: var(--vc-alert);
}

.vc-alert-bg-color {
	background-color: var(--vc-alert);	
}

.form-switch.custom-switch-color2 .form-check-input {
	box-shadow: none;
	outline: none;
	background-color: #EAF6FA;
	border-color: var(--secondary-light);
}

.form-switch.custom-switch-color2  .form-check-input:checked {
	background-color: var(--main-light);
}

.emptyList {
	font-style: italic;
	font-weight: bold;
	color: var(--grey-msg);
}

.eighty-five-perc-font-size {
	font-size: .85rem;
}

.italic-font {
	font-style: italic;
}

#searchPropertiesBtn:hover {
	cursor: pointer;
}

.grey-hr {
	border-bottom: 1px solid var(--grey-separator);
}

/* necessary safari browser fix for bootstrap */
.row:before, .row:after {display: none !important;}

#menu li {
	border-bottom: 1px solid var(--grey-separator);
}

#menu li:last-child {
	border-bottom: none;
}

.white-link:hover {
	background-color: var(--grey-separator);
	color: var(--main-dark);
}

.vc-header-standard-font-size {
	font-size: .75rem;
}

.vc-input::placeholder {
	color: #a6a6a6;
}

.vc-link-style-clean {
	text-decoration: none;		
}

.no-highlight input:focus {
  outline: none;
  box-shadow: none;
}

.vcLinkHover:hover {
	color: var(--secondary-dark);
}

.notif_warning_bg {
	background-color: #FDFFE8;
}

.notif_alert_bg {
	background-color: #FFE8E8;
}

.main-dark-font {
	color: var(--main-dark);
}

.secondary_dark_font {
	color: var(--secondary-dark);
}
.white-font {
	color: white;
}

.border-color-primary-mid {
	border-color: var(--main-mid);
}

.map-grey-bg-color {
	background-color: var(--map-grey);
}

.tertiary-dark-dark-bg-color {
	background-color: var(--tertiary-dark-dark);
}

.tertiary-light-bg-color {
	background-color: var(--tertiary-light);
}

.primary-dark-bg-color {
	background-color: var(--main-dark);
}

.primary-mid-bg-color {
	background-color: var(--main-mid);
}

.primary-light-font-color {
	color: var(--main-light);
}

.primary-light-bg-color {
	background-color: var(--main-light);
}

.primary-super-duper-light-bg-color {
	background-color: var(--main-super-duper-light);
}

.secondary-dark-bg-color {
	background-color: var(--secondary-dark-dark);
}

.secondary-bg-color {
	background-color: var(--secondary-dark);
}

.secondary-mid-bg-color {
	background-color: var(--secondary-mid);
}

.secondary-super-light-bg-color {
	background-color: var(--secondary-super-light);
}

.tertiary-dark-bg {
	background-color: var(--tertiary-dark);
}

.tertiary-dark-bg-hover:hover {
	background-color: var(--tertiary-dark);
	color: var(--main-dark);
}


.quaternary-dark-bg-color {
	background-color: var(--quaternary-dark);
}

.quaternary-mid-bg-color {
	background-color: var(--quaternary-mid);
}

.quaternary-light-bg-color {
	background-color: var(--quaternary-light);
}

.quaternary-super-light-bg-color {
	background-color: var(--quaternary-super-light);
}






.customWhiteBG {
	background-color: #FFFFFF;
}

.customPrimaryBG{
	background-color: var(--main-mid);
	border: none;
}

.customPrimaryBG:hover {
	background-color: var(--main-dark);
	opacity: 0.9;
    color: white; 	
}

.customSecondaryBG_hover:hover {
	background-color: var(--secondary-dark);
	opacity: 0.9;
    color: white;
}

.customSecondaryBG:hover {
	background-color: var(--secondary-dark);
	opacity: 0.9;
    color: white; 	
}

.overflow-y-scroll {
	overflow-y: scroll;
}

.underline {
	text-decoration: underline;
}

.no-underline {
	text-decoration: none;
}

.vc-line-item-bg {
	background-color: #F7F7F7;
}

.customSecondaryBG {
	background-color: var(--secondary-dark);
	border: none;
}

.secondary-dark-font {
	color: var(--secondary-dark);
}

.secondary-light-font {
	color: var(--secondary-light);
}

.secondary-mid-font {
	color: var(--secondary-mid);	
}

.tertiary-dark-font {
	color: var(--tertiary-dark);
}

.estimate-camera-icon-size {
	height: 22px;
	width: 25px;
}

.estimate-camera-filled-icon-size {
	height: 33px;
	width: 50px;
}

.estimate-notes-icon-size {
	height: 27px;
	width: 25px;
}

.linkAsButton {
	display: flex; 	
	padding-top: 2em; 
	padding-bottom: 4em; 
	padding-left: 15rem; 
	padding-right: 15rem; 	
	font-weight: bold; 
	text-align: center;
	text-decoration: none;
	border-radius: 6px;
}



.landing-grid-container {
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);	
  	gap: 0px;
}

.landing-header-grid-item-social-row {
	grid-column: col-start / span 12;
	border-bottom: 1px solid var(--grey-separator);
	background-color: white;
	
	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 10px;
}

.landing-header-grid-item-menu-row {
	grid-column: col-start / span 12;
	border-bottom: 1px solid var(--grey-separator);
	background-color: white;
	
	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 10px;
}

.landing-hero-grid-item-row {
	grid-column: col-start / span 12;
	background-color: white;
	
	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 10px;
}

.logged-in-body {
	grid-column: col-start / span 12;	
	height: auto;
	
	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 10px;
}

.small-menu-header {
	grid-column-start: 1;
	grid-column-end: 13;
}

.smallMenuLink {
	font-size: .75rem;
}

.smallMenuLinkLI:hover {
	background-color: #e9e9e9;
}

.maximized-left-menu {
	grid-column-start: 1;
	grid-column-end: 3;
	
	min-height: 100vh;
	min-width: 130px;
	
	background-color: var(--main-dark);
	border-right: 1px solid var(--grey-separator);		
}

.minimized-left-menu {
	grid-column-start: 1;
	grid-column-end: 1;
	
	min-height: 100vh;
	min-width: 130px;	
	padding-top: 5.15rem;
	
	background-color: var(--main-dark);
	border-right: 1px solid var(--grey-separator);
}

.maximized-left-menu2 {
	grid-column-start: 1;
	grid-column-end: 3;

	min-height: 100vh;
	min-width: 130px;

	background-color: var(--main-dark);
	border-right: 1px solid var(--grey-separator);
}

#maxBtn {
	border: none;	
}

#maxBtn:hover {
	background-color: var(--secondary-mid);
}

#maxBtn:focus {
	background-color: var(--secondary-dark);
	outline: none;
 	box-shadow: none;	
}

.hiddenDisplay {
	display: none;
}

.warningListRow{
	background-color: #F5B7B1;
}

.yellowListRow{
	background-color: #FEFFE6;
}

.greenListRow{
	background-color: #e6fff8;
}

.cont-sheet-body-content {
	grid-column-start: 1;
	grid-column-end: 13;
	
	min-height: 100vh;
	padding-top: 5.75rem;	
	
	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 10px;
}

.body-content_home_page {
	grid-column-start: 3;
	grid-column-end: 13;

	min-height: 100vh;

	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 10px;
}

.body-content {	
	grid-column-start: 3;
	grid-column-end: 13;
	
	min-height: 100vh;
	
	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 10px;
}

#small-menu-header-div {
	min-height: 50px;	
}

#body-content-container {
	grid-column-start: 2;
	grid-column-end: 12;
	
	min-height: 100vh;
	padding-bottom: 10rem;
}

#cont-sheet-body-content-container {
	grid-column-start: 1;
	grid-column-end: 13;
	
	min-height: 100vh;
	padding-bottom: 10rem;
}

.landing-hero-row {
	grid-column: col-start / span 12;	
	
	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 10px;
}

.landing-hero-tagline {

}

.landing-abt-vc-item-row {
	grid-column: col-start / span 12;
	background-color: white;
	
	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 10px;
}

.landing-vc-users-row {
	grid-column: col-start / span 12;
	background-color: white;
	
	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 10px;
}

.landing-vc-HIW-row {
	grid-column: col-start / span 12;
	background-color: white;
	
	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 10px;
}

.landing-vc-devices-row {
	grid-column: col-start / span 12;
	background-color: white;
	
	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 10px;
}

.landing-vc-contact-us-row {
	grid-column: col-start / span 12;
	background-color: white;
	
	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 10px;
}

.landing-vc-footer-row {
	grid-column: col-start / span 12;
	background-color: white;
	
	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 10px;
}

.hero-motto-format {
	font-size: 2vw;
	font-weight: 900;
	color: var(--main-mid);
}

.hero-tagline-format {
	font-size: 1.5vw;
	font-weight: 500;
	color: var(--main-mid);
}

.inner-header-grid {	
	grid-column-start: 2;
	grid-column-end: 12;		
}

.inner-hero-grid {
	grid-column-start: col-start;
	grid-column-end: col-end;		
}

.inner-abt-vc-grid {
	grid-column-start: col-start;
	grid-column-end: col-end;
}

.inner-vc-users-grid, .inner-vc-HIW-grid, .inner-vc-devices-grid, .inner-vc-contact-us-grid, .inner-vc-footer-grid {
	grid-column-start: col-start;
	grid-column-end: col-end;
}

#landing-abt-vc-row {
	background-image: url('../img/final/abt_vacant_cafe_background.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top, left;
	background-size: 100%;
	min-height: 62vw;
	
	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 10px;
}

#landing-vc-users-div {
	background-image: url('../img/final/users_section.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top, left;
	background-size: 100%;
	min-height: 56vw;
	
	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 10px;
}

#landing-vc-HIW-div {
	background-image: url('../img/final/how_it_works_section.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top, left;
	background-size: 100%;
	min-height: 52vw;
	
	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 10px;
}

#landing-vc-devices-div {
	background-image: url('../img/final/devices_background.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top, left;
	background-size: 100%;
	min-height: 41vw;
	
	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 10px;
}

#landing-vc-contact-us-div {
	min-height: 40vw;
	max-height: 35vw;
	background-color: var(--main-mid);
	
	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 15px;
	
	padding-top: 125px;
}

#landing-vc-footer-div {
	min-height: 5vw;
	background-color: var(--main-dark);
	
	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 10px;
}

.footer-text {
	grid-column-start: 5;
	grid-column-end: 9;
	
	height: 100%;
	display: flex;
	flex-direction: row;	
	justify-content: center;
	align-items: center; 
	gap: .01vw; 
	color: white;	
}

#contact-us-col-1 {
	grid-column-start: 2;
	grid-column-end: 4;
	
	height: 100%;
	display: flex;
	flex-direction: column;	
	justify-content: start;
	align-items: left; 
	gap: .01vw; 
	color: white;	
}

#contact-us-col-2 {
	grid-column-start: 4;
	grid-column-end: 5;
	
	height: 60%;
	display: flex;
	flex-direction: column;	
	justify-content: space-between;
	align-items: left; 
	gap: .01vw; 
	color: white;	
}

#contact-us-col-3 {
	grid-column-start: 6;
	grid-column-end: 9;
	
	height: 100%;
	display: flex;
	flex-direction: column;	
	justify-content: start;
	align-items: left; 
	gap: .01vw; 
	color: white;	
}

#contact-us-col-4 {
	grid-column-start: 9;
	grid-column-end: 12;
	
	height: 100%;
	display: flex;
	flex-direction: column;	
	justify-content: start;
	align-items: left; 
	gap: .01vw; 
	color: white;	
}

#landing-devices-txt {
	grid-column-start: 2;
	grid-column-end: 7;
	
	height: 100%;
	display: flex;
	flex-direction: column;	
	justify-content: center;
	align-items: start; 
	gap: .01vw; 	
}

#landiing-hero-row {
	background-image: url('../img/final/hero_desktop.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top, left;
	background-size: 100%;
	height: 43vw;
	
	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 10px;	
}

.landing-hero-header-box {
	grid-column-start: 2;
	grid-column-end: 8;	
	
	display: flex;
	flex-direction: column;	
	justify-content: center;
	align-items: start; 
	gap: .01vw; 
}

.landing-abt-vc-box-vid {
	grid-column-start: 2;
	grid-column-end: 12;	
	
	height: 100%;
	display: flex;
	flex-direction: column;	
	justify-content: center;
	align-items: start; 
	gap: .01vw; 	
}

.landingVid {
	height: 80%;	
}

.landing-abt-vc-box-txt {
	grid-column-start: 2;
	grid-column-end: 12;	
	
	display: flex;
	flex-direction: column;	
	justify-content: start;
	align-items: start; 
	gap: .01vw; 
	
	text-align: justify;	
}


#landingAbtVCHeader {
	margin-left: auto;
	margin-right: auto;	
}

.landing-page-header {
	width: 100%;
}

.grey-bottom-border {
	border-bottom: 1px solid var(--grey-separator);
}

.landing-header-social-media-row{	
	display: flex;
	justify-content: flex-end;
	align-items: start;  		
}

.contact-us-social-media-row {
	margin-left: -.5rem;
}

.contact-us-newsletter-txt {
	width: 75%;
	text-align: justify;
}

.landing-header-menu-row {
	min-height: 50px;		
}

.landing-search-props-input {
	width: 35vw;
}

.stateDropdown {
	width: 14vw;
}

.fa-circle-bg {
	 border-radius: 50%;
}


.fa-square-bg {
	padding: 50px;	
}

.fa, .fa-dark {
	padding: 10px;
  	font-size: 25px;	
	 margin: 10px 6px;
	 text-align: center;
}

.fa-secondary-background {
	background-color: var(--secondary-dark);
}

.fa-primary-background {
	background-color: var(--main-mid);
}

.fa-white-backgroud {
	background-color: white;
}

.fa-dark {
	text-decoration: none;  
  	color: var(--main-mid);
}

.fa-dark:hover {
	opacity: 0.7;
	color: var(--main-mid);
}

.fa, .fa2 {	 	  
  text-decoration: none;  
  color: white;
}

.fa:hover {
    opacity: 0.7;
    color: white;
}

.navbar-brand {
  padding: 0;
}
.navbar-nav .nav-item .nav-link {
  padding-top: 0;
  padding-bottom: 0;
  height: 2em;
  line-height:2em;
  font-size: .75em;
}

.navBarCustomButton {
	width: 5.5rem;	
}

.navBarLastItem {
	margin-right: -.25em;	
}

.navBarButtonPaddingLeft {
	margin-left: .5em;
}

.navBarLastLinkBeforeButtons {
	margin-right: 2em;
}

.contact-us-col-header {
	font-weight: 900;
	padding-bottom: 10px;
	border-bottom: 3px solid white;	
	width: fit-content;	
	margin-bottom: 20px;
}

.contact-us-section-header {
	font-weight: 900;
	padding-bottom: 10px;			
	margin-bottom: 10px;
}

.contact-us-abt-txt {
	text-align: left;
}

.contact-us-newsletter-field-div {
	width: 90%;
	margin-bottom: 15px;
}

.contact-us-form-field-style {
	background-color: black; 
	color: #f7f7f7; 
	border: none;
}

.realtorRoomListingFont {
	font-size: .7rem;
}

.contact-us-form-field-style::placeholder {
	color: #f7f7f7;
}

#contact-us-submit-btn-div {
	margin-top: 1rem;
}

#contact-us-users-links {	
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: start; 
	gap: .7vw; 
	color: #c6c6c6;	
}

#loginContainer {
	position: relative;
}

#superMenuItem {
	height: 40px;
	padding-top: 8px;
	border-bottom: 1px solid var(--vc-light-blue-color);
	padding-left: 15px;
}

#superMenuItem:hover {
	background-color: red;
}

.superMenu:hover{
	cursor: pointer;		
}	

.maximized-body-content {
	grid-column-start: 1;
	grid-column-end: 13;
	
	min-height: 100vh;
	
	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 10px;
}	

#noAdPageContent {
	grid-column-start: 1;
	grid-column-end: 12;
}

#noAdPageContent_noAdSpace {
	grid-column-start: 1;
	grid-column-end: 13;
}

#project-suite-noAdPageContent {
	grid-column-start: 1;
	grid-column-end: 13;
}

.vc-table > tbody {	
	box-shadow: 5px 3px 8px #e9e9e9;
}

.vc-table > tbody tr {	
	border-bottom: 1px solid var(--light-grey-separator);
}

.vc-table > tbody tr:first-child td {
	padding-top: 20px;
} 
.vc-table > thead th {
	padding-left: 0px;		
	font-size: .85rem;		
}

.vc-table > tbody td {
	padding-left: 0px;		
	font-size: .85rem;		
}

.vc-table > thead th:first-child {		
	border-top-left-radius:6px;	
	-moz-border-radius:6px;
}

.vc-table > thead th:last-child {		
	border-top-right-radius:6px;	
	-moz-border-radius:6px;
}	

.vc-table > thead {
	background-color: #B9CBDB;
	color: black;
	border: none;
}	

.vc-table > thead tr td {
	padding-top: 200px;
	padding-bottom: 25px;
}	
	
.service-area-border-radius {
	border-radius: 8px;
}	

.profile-rating-link-font {
	font-size: .75rem;	
}	

#passageMoreText {
	display: none;
}


.loan-appl-details-tbl tr td:first-child {
	white-space: nowrap;
    width: 1%;
}

.loan-appl-section-bottom-border {
	border-bottom: 1px solid var(--tertiary-dark);
}

.loan-appl-section-bottom-border-light {
	border-bottom: 1px solid var(--tertiary-light);
}

.noResize{
	resize: none;
}

.td-fit-to-content {
	width: fit-content;
}

.div-fit-to-content {
	width: fit-content;
}

.vc-text-area {
	resize: none;
}


	#teamDetailsPane{
		overflow-x: auto;
  		white-space: nowrap;
	}
	
	.font-point85rem {
		font-size: .85rem;
	}
	
	.font-point75rem {
		font-size: .75rem;
	}
	
	.addLenderTeamMemberSearchResultsItem:hover {
		background-color: var(--map-grey);
	}


	
	@media only screen and (min-width: 0px) and (max-width: 700px) {

		#vc_youtube_vid {
			width: 100%;
		}

	#account-settings-menu-container {
		border: 0px solid !important;
	}

	 #registrationFormContainer {
	 	width: 20rem;
	 }
	 
	#forgot-password-section {
		height: 185vw;	
		padding-bottom: 15px;
		margin-bottom: -7px;
		background-color: red;
	}

	#registration-section {	
		background-image: url('../img/final/registration_background_mobile.png');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top, left;
		background-size: 100% 100%;
		height: 185vw;	
		padding-bottom: 15px;
		margin-bottom: -7px;
		background-color: red;
	}

	.body-content {	
	grid-column-start: 1;
	grid-column-end: 13;
	
	min-height: 100vh;
	padding-top: 5.75rem;
	
	/* also make this a nested grid */
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-gap: 10px;
}

	#body-content-container {
		grid-column-start: 1;
		grid-column-end: 13;
		
		min-height: 100vh;
		padding-bottom: 10rem;
		margin-left: 1rem;
		margin-right: 1rem;		
	}

		.loginDiv, .loginDivFlex {
			position: absolute;
			top: 2.5rem;
			right: 0px;	
			transform: translateX(-5%);		
			z-index: 100;
			border-radius: 6px;
			
			width: 400px;
			height: 260px;
			background-color: white;
			border-radius: 6px;
			border: 3px solid var(--secondary-dark);			
		}
		
		.loginDiv {
			display: none;			
		}
			
		.loginDivFlex {
			display: flex;
			flex-direction: column;
			justify-content: space-around;
		}
		
		#upperLandingHeader {
			display: flex;
		}									
		
		#landing-abt-vc-row {
			min-height: 140vw;
			background-size: cover;
			background-repeat: no-repeat;
		}
		
		.landing-abt-vc-box-vid {
			grid-column-start:2;
			grid-column-end: 12;
			
			height: 55vw;
			display: flex;
			flex-direction: column;	
			justify-content: center;
			align-items: start; 
			gap: .01vw;										
		}
		
		.landingVid {
			height: 80%;	
		}
		
		.landing-abt-vc-box-txt {
			grid-column-start: 2;
			grid-column-end: 12;
			
			font-size: 1rem;
			text-align: justify;
			
			padding-bottom: 40px;
		}		
		
		#landing-abt-vc-box-txt_rollover {
			display: none;
		}
		
		#landingAbtVCHeader {
			margin-left: auto;
			margin-right: auto;	
			padding-bottom: 20px;
		}
	  
		#landingAbtVCHeader_lg {
			display: none;
		}  
		
		#landing-vc-users-div {
			background-image: url('../img/final/users_section_tablet.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 127vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}
		
		#landing-vc-HIW-div {
			background-image: url('../img/final/how_it_works_section_tablet.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 147vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}
		
		#landing-vc-devices-div {
			background-image: url('../img/final/devices_background_tablet.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 65vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}	
		
		#landing-devices-txt {
			grid-column-start: 2;
			grid-column-end: 12;
			
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: center;
			align-items: center; 
			gap: .01vw; 
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;					
		} 
		
		#landing-devices-txt-msg {
			grid-column-start: 1;
			grid-column-end: 13;			
		}	
		
		.landing-all-devices-header {
			color: white;		
						
			font-weight: 900;
			font-size: 1.5rem;	
			text-align: center;	
			margin-bottom: 1rem;	
		}	
		
		.landing-all-devices-words {
			color: white;
			font-weight: 300;
			text-align: center;
		}	
		
		#landing-devices-buttons {
			grid-column-start: 1;
			grid-column-end: 13;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;	
			
			display: flex;			
			justify-content: space-between;				
		} 
		
		#landing_devices_store_btn {
			width: 8.25rem;
		}	
		
		.devices_btn_extra_height {
			height: 2.8rem;
		}
		
		.contact-us-col-header {
			font-weight: 600;
			padding-bottom: 10px;
			border-bottom: 3px solid white;	
			width: fit-content;	
			margin-bottom: 20px;
		}

		#contact-us-col-1 {
			grid-column-start: 2;
			grid-column-end: 6;
			
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: start;
			align-items: left; 
			gap: .01vw; 
			color: white;	
		}
		
		#contact-us-col-2 {
			grid-column-start: 7;
			grid-column-end: 12;
			
			height: 48vw;
			
			display: flex;
			flex-direction: column;	
			justify-content: space-between;
			align-items: left; 
			gap: .01vw; 
			color: white;	
		}
		
		#contact-us-col-3 {
			grid-column-start: 2;
			grid-column-end: 6;
			
			margin-top: 50px;
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: start;
			align-items: left; 
			gap: .01vw; 
			color: white;	
		}
		
		#contact-us-col-4 {
			grid-column-start: 7;
			grid-column-end: 12;
			
			margin-top: 50px;
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: start;
			align-items: left; 
			gap: .01vw; 
			color: white;	
		}
		
		.contact-us-social-media-row .fa {
			padding: 7px;
		  	font-size: 25px;	
			margin: 0px 5px;
			text-align: center;
		}

		.contact-us-abt-txt {
			text-align: justify;
		}
		
		#landing-vc-contact-us-div {
			min-height: 180vw;
			max-height: 270vw;
			background-color: var(--main-mid);
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 15px;
			
			padding-top: 125px;
			padding-bottom: 100px;
		}
		
		#landing-vc-footer-div {
			min-height: 9vw;
			background-color: var(--main-dark);
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}

		.footer-text {
			grid-column-start: 2;
			grid-column-end: 12;
			
			height: 100%;
			display: flex;
			flex-direction: row;	
			justify-content: center;
			align-items: center; 
			gap: .01vw; 
			color: white;
			
			font-size: .75rem;	
		}
	}		
	
	@media only screen and (min-width: 576px) and (max-width: 701px) {
		#account-settings-menu-container {
		border: 0px solid !important;
	}

		#forgot-password-section {
		height: 158vw;	
		padding-bottom: 15px;
		margin-bottom: -7px;
	}

		#registration-section {	
		background-image: url('../img/final/registration_background_mobile.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top, left;
		background-size: 100%;
		height: 158vw;	
		padding-bottom: 15px;
		margin-bottom: -7px;
		background-color: green;
	}					
				
			.body-content {	
				grid-column-start: 3;
				grid-column-end: 13;
				
				min-height: 100vh;
				padding-top: .5rem;	
				
				/* also make this a nested grid */
				display: grid;
				grid-template-columns: repeat(12, [col-start] 1fr);
				grid-gap: 10px;
			}
			
			#tablet-ad-space {
				grid-column-start: 1;
				grid-column-end: 13;						
				
				height: 120px;								
				margin-bottom: 2rem;
			}
			
			#horzontalAdImg {
				width: 68vw;
			}
			
			#body-content-container {
			grid-column-start: 1;
			grid-column-end: 13;
			
			min-height: 100vh;
			margin-left: 1rem;
			margin-right: 1rem;
			padding-bottom: 10rem;			
		}
	}	
			
	@media only screen and (min-width: 701px) and (max-width: 991px) { 	
		#account-settings-menu-container {
		border: 0px solid !important;
	}
	
		#forgot-password-section {
		height: 132vw;	
		padding-bottom: 15px;
		margin-bottom: -7px;
	}

	#registration-section {	
		background-image: url('../img/final/registration_background-tablet.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top, left;
		background-size: 100% 100%;
		height: 132vw;	
		padding-bottom: 15px;
		margin-bottom: -7px;
		background-color: purple;
	}
	
	.body-content {	
				grid-column-start: 3;
				grid-column-end: 13;
				
				min-height: 100vh;
				padding-top: .5rem;	
				
				/* also make this a nested grid */
				display: grid;
				grid-template-columns: repeat(12, [col-start] 1fr);
				grid-gap: 10px;
			}
			
	#tablet-ad-space {
				grid-column-start: 1;
				grid-column-end: 13;		
				height: 4rem;				
				margin-bottom: 4rem;
			}

			
	#horzontalAdImg {
				height: 120px;
				width: 100%;
			}
					
		.loginDiv, .loginDivFlex {
			position: absolute;
			top: 2.5rem;
			left: -400px;
			z-index: 100;
			border-radius: 6px;
			
			width: 500px;
			height: 260px;
			background-color: white;
			border-radius: 6px;			
		}
		
		.loginDiv {
			display: none;			
		}
			
		.loginDivFlex {
			display: flex;
			flex-direction: column;
			justify-content: space-around;
		}
		  
		#landing-abt-vc-row {
			min-height: 140vw;
			background-size: cover;
			background-repeat: no-repeat;
		}
		
		  .landing-abt-vc-box-vid {
			grid-column-start:2;
			grid-column-end: 12;
			
			height: 55vw;
			display: flex;
			flex-direction: column;	
			justify-content: center;
			align-items: start; 
			gap: .01vw;								
		}
		
		.landingVid {
			height: 80%;	
		}	
		
		.landing-abt-vc-box-txt {
			grid-column-start: 2;
			grid-column-end: 12;
			text-align: justify;
			
			font-size: 1rem;
			padding-bottom: 20px;
		}		
		
		#landing-abt-vc-box-txt_rollover {
			display: none;
		}
		
		#landingAbtVCHeader {
			margin-left: auto;
			margin-right: auto;	
		}
		
		
		#landingAbtVCHeader_lg {
			display: none;
		} 
		
		#landing-vc-users-div {
			background-image: url('../img/final/users_section_tablet.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 127vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}	
		
		#landing-vc-HIW-div {
			background-image: url('../img/final/how_it_works_section_tablet.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 147vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}	
		
		#landing-vc-devices-div {
			background-image: url('../img/final/devices_background_tablet.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 72vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		} 		
		
		#landing-devices-txt {
			grid-column-start: 2;
			grid-column-end: 12;
			
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: center;
			align-items: center; 
			gap: .01vw; 
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;								
		} 
				
		#landing-vc-devices-div {
			background-image: url('../img/final/devices_background_tablet.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 65vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}	
				
		#landing-devices-txt-msg {
			grid-column-start: 1;
			grid-column-end: 13;						
		}	
		
		.landing-all-devices-header {
			color: white;		
						
			font-weight: 900;
			font-size: 2rem;	
			text-align: center;	
			margin-bottom: 1rem;	
		}	
		
		.landing-all-devices-words {
			color: white;
			font-weight: 600;
			text-align: center;
		}	
		
		#landing-devices-buttons {
			grid-column-start: 1;
			grid-column-end: 13;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;	
			
			display: flex;			
			justify-content: space-between;								
		} 
		
		#landing_devices_store_btn {
			width: 11.25rem;
		}	
		
		.devices_btn_extra_height {
			height: 3.8rem;
		}	
		
		#contact-us-col-1 {
			grid-column-start: 2;
			grid-column-end: 6;
			
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: start;
			align-items: left; 
			gap: .01vw; 
			color: white;	
		}
		
		#contact-us-col-2 {
			grid-column-start: 7;
			grid-column-end: 12;
			
			height: 35vw;
			
			display: flex;
			flex-direction: column;	
			justify-content: space-between;
			align-items: left; 
			gap: .01vw; 
			color: white;	
		}
		
		#contact-us-col-3 {
			grid-column-start: 2;
			grid-column-end: 6;
			
			margin-top: .5rem;
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: start;
			align-items: left; 
			gap: .01vw; 
			color: white;	
		}
		
		#contact-us-col-4 {
			grid-column-start: 7;
			grid-column-end: 12;
			
			margin-top: .5rem;
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: start;
			align-items: left; 
			gap: .01vw; 
			color: white;	
		}
		
		.contact-us-newsletter-txt {
			width: 90%;
			text-align: justify;
		}

		.contact-us-social-media-row .fa {
			padding: 7px;
		  	font-size: 25px;	
			margin: 0px 5px;
			text-align: center;
		}

		.contact-us-abt-txt {
			text-align: justify;
		}
		
		#landing-vc-contact-us-div {
			min-height: 125vw;
			max-height: 125vw;
			background-color: var(--main-mid);
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 15px;
			
			padding-top: 125px;
		}
		
		#landing-vc-footer-div {
			min-height: 9vw;
			background-color: var(--main-dark);
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}

		.footer-text {
			grid-column-start: 2;
			grid-column-end: 12;
			
			height: 100%;
			display: flex;
			flex-direction: row;	
			justify-content: center;
			align-items: center; 
			gap: .01vw; 				
		}	 	
	}		
	
	@media only screen and (min-width: 852px) and (max-width: 991px) {

		#vc_youtube_vid {
			width: 50%;
		}

		#forgot-password-section {
		height: 112vw;	
		padding-bottom: 15px;
		margin-bottom: -7px;
	}

		#registration-section {	
			background-image: url('../img/final/registration_background-tablet.png');
			background-size: contain;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			height: 112vw;	
			padding-bottom: 15px;
			margin-bottom: -7px;
			background-color: yellow;
		}
		
		.loginDiv, .loginDivFlex {			
			position: absolute;
			top: 2.5rem;
			right: 0px;
			transform: translateX(30%);
			z-index: 100;
			border-radius: 6px;
			
			width: 500px;
			height: 260px;	
			border: 3px solid var(--secondary-dark);	
			border-radius: 6px;	
			background-color: white;		
		}
		
		.loginDiv {
			display: none;			
		}
			
		.loginDivFlex {
			display: flex;
			flex-direction: column;
			justify-content: space-around;						
		}
		
		#landing-vc-contact-us-div {
			min-height: 120vw;
			max-height: 120vw;
			background-color: var(--main-mid);
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 15px;
			
			padding-top: 100px;
		}
		
		.footer-text {
			grid-column-start: 2;
			grid-column-end: 12;
			
			height: 100%;
			display: flex;
			flex-direction: row;	
			justify-content: center;
			align-items: center; 
			gap: .01vw; 			
		}
	}
	
	@media only screen and (min-width: 801px) and (max-width: 851px) {

		#vc_youtube_vid {
			width: 50%;
		}

		#forgot-password-section {
		height: 112vw;	
		padding-bottom: 15px;
		margin-bottom: -7px;
	}

		#registration-section {	
			background-image: url('../img/final/registration_background-tablet.png');
			background-size: contain;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			height: 112vw;	
			padding-bottom: 15px;
			margin-bottom: -7px;
			background-color: orange;
		}
		
		.loginDiv, .loginDivFlex {
			position: absolute;
			top: 2.5rem;
			right: 0px;
			transform: translateX(30%);
			z-index: 100;
			border-radius: 6px;
			
			width: 500px;
			height: 260px;	
			border: 3px solid var(--secondary-dark);	
			border-radius: 6px;	
			background-color: white;		
		}
		
		.loginDiv {
			display: none;			
		}
			
		.loginDivFlex {
			display: flex;
			flex-direction: column;
			justify-content: space-around;						
		}
		
		#landing-vc-contact-us-div {
			min-height: 130vw;
			max-height: 130vw;
			background-color: var(--main-mid);
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 15px;
			
			padding-top: 100px;
		}
		
		.footer-text {
			grid-column-start: 2;
			grid-column-end: 12;
			
			height: 100%;
			display: flex;
			flex-direction: row;	
			justify-content: center;
			align-items: center; 
			gap: .01vw; 			
		}
	}
	
	@media only screen and (min-width: 701px) and (max-width: 801px) {

		#vc_youtube_vid {
			width: 50%;
		}

		.loginDiv, .loginDivFlex {
			position: absolute;
			top: 2.5rem;
			right: 0px;
			transform: translateX(30%);
			z-index: 100;
			border-radius: 6px;
			
			width: 500px;
			height: 260px;	
			border: 3px solid var(--secondary-dark);	
			border-radius: 6px;	
			background-color: white;		
		}
		
		.loginDiv {
			display: none;			
		}
			
		.loginDivFlex {
			display: flex;
			flex-direction: column;
			justify-content: space-around;						
		}
		
		#landing-vc-contact-us-div {
			min-height: 150vw;
			max-height: 150vw;
			background-color: var(--main-mid);
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 15px;
			
			padding-top: 100px;
		}
		
		.footer-text {
			grid-column-start: 2;
			grid-column-end: 12;
			
			height: 100%;
			display: flex;
			flex-direction: row;	
			justify-content: center;
			align-items: center; 
			gap: .01vw; 			
		}
		
		#contact-us-col-3 {
			grid-column-start: 2;
			grid-column-end: 6;
			
			margin-top: .5vw;
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: start;
			align-items: left; 
			gap: .01vw; 
			color: white;	
		}
		
		#contact-us-col-4 {
			grid-column-start: 7;
			grid-column-end: 12;
			
			margin-top: .5vw;
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: start;
			align-items: left; 
			gap: .01vw; 
			color: white;	
		}
		
		#landing-vc-devices-div {
			background-image: url('../img/final/devices_background_tablet.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 72vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}
	}				

	@media only screen and (min-width: 992px) and (max-width: 1001px) {

		#vc_youtube_vid {
			width: 50%;
		}

		#registrationFormContainer {
			width: 25rem;			
		}
		
		#forgot-password-section {
		height: 90vw;	
		padding-bottom: 15px;
		margin-bottom: -7px;
	}

		#registration-section {	
			background-image: url('../img/final/registration_background-tablet.png');
			background-size: contain;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			height: 90vw;	
			padding-bottom: 15px;
			margin-bottom: -7px;
			background-color: black;
		}
		
		.body-content {	
				grid-column-start: 3;
				grid-column-end: 13;
				
				min-height: 100vh;
				padding-top: .5rem;	
				
				/* also make this a nested grid */
				display: grid;
				grid-template-columns: repeat(12, [col-start] 1fr);
				grid-gap: 10px;
			}
			
	#tablet-ad-space {
				grid-column-start: 1;
				grid-column-end: 13;		
				height: 4rem;				
				margin-bottom: 4rem;
			}
		
		#horzontalAdImg {
				height: 120px;
				width: 100%;
			}
				
	.loginDiv, .loginDivFlex {
			position: absolute;
			top: 2.5rem;
			right: 0px;
			z-index: 100;
			border-radius: 6px;
			
			width: 500px;
			height: 260px;	
			border: 3px solid var(--secondary-dark);	
			border-radius: 6px;	
			background-color: white;		
		}
		
		.loginDiv {
			display: none;			
		}
			
		.loginDivFlex {
			display: flex;
			flex-direction: column;
			justify-content: space-around;						
		}	
					
		  
		  #landing-abt-vc-row {
			min-height: 95vw;
			background-size: cover;
			background-repeat: no-repeat;			
		}
		
		.landing-abt-vc-box-vid {
			grid-column-start:2;
			grid-column-end: 12;
			
			height: 55vw;
			display: flex;
			flex-direction: column;	
			justify-content: center;
			align-items: start; 
			gap: .01vw;					
		}	
		
		.landing-abt-vc-box-txt {			
			grid-column-start: 2;
			grid-column-end: 12;
			text-align: justify;
			
			font-size: 1rem;
			padding-bottom: 40px;
		}
		
		#landing-abt-vc-box-txt_rollover {
			display: none;
		}
		
		.landingVid {
			height: 80%;
		}	
		
		#landingAbtVCHeader {
			margin-left: auto;
			margin-right: auto;	
		}  
		
		
		#landingAbtVCHeader_lg {
			display: none;
		}  	
		
		#landing-vc-users-div {
			background-image: url('../img/final/users_section_tablet.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 128vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}	
		
		#landing-vc-HIW-div {
			background-image: url('../img/final/how_it_works_section_tablet.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 147vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}
		
		#landing-vc-devices-div {
			background-image: url('../img/final/devices_background_tablet.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 72vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}
				
		#landing-devices-txt {
			grid-column-start: 2;
			grid-column-end: 12;
			
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: center;
			align-items: center; 
			gap: .01vw; 
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;								
		} 
				
		#landing-vc-devices-div {
			background-image: url('../img/final/devices_background.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 41vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}	
				
		#landing-devices-txt-msg {
			grid-column-start: 1;
			grid-column-end: 13;						
		}	
		
		.landing-all-devices-header {						
			font-weight: 900;
			font-size: 2rem;	
			text-align: center;	
			margin-bottom: 1rem;
			color: white;	
		}	
		
		.landing-all-devices-words {
			color: white;
			font-weight: 600;
			text-align: center;
		}	
		
		#landing-devices-buttons {
			grid-column-start: 1;
			grid-column-end: 13;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;	
			
			display: flex;			
			justify-content: space-between;								
		} 
		
		#landing_devices_store_btn {
			width: 11.25rem;
		}	
		
		.devices_btn_extra_height {
			height: 3.8rem;
		}	
		
		
		#contact-us-col-1 {
			grid-column-start: 2;
			grid-column-end: 6;
			
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: start;
			align-items: left; 
			gap: .01vw; 
			color: white;	
		}
		
		#contact-us-col-2 {
			grid-column-start: 7;
			grid-column-end: 12;
			
			height: 35vw;
			
			display: flex;
			flex-direction: column;	
			justify-content: space-between;
			align-items: left; 
			gap: .01vw; 
			color: white;	
		}
		
		#contact-us-col-3 {
			grid-column-start: 2;
			grid-column-end: 6;
			
			margin-top: 50px;
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: start;
			align-items: left; 
			gap: .01vw; 
			color: white;	
		}
		
		#contact-us-col-4 {
			grid-column-start: 7;
			grid-column-end: 12;
			
			margin-top: 50px;
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: start;
			align-items: left; 
			gap: .01vw; 
			color: white;	
		}
		
		.contact-us-social-media-row .fa {
			padding: 7px;
		  	font-size: 25px;	
			margin: 0px 5px;
			text-align: center;
		}

		.contact-us-abt-txt {
			text-align: justify;
		}
		
		#landing-vc-contact-us-div {
			min-height: 115vw;
			max-height: 115vw;
			background-color: var(--main-mid);
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 15px;
			
			padding-top: 125px;
		}
		
		#landing-vc-footer-div {
			min-height: 9vw;
			background-color: var(--main-dark);
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}

		.footer-text {
			grid-column-start: 2;
			grid-column-end: 12;
			
			height: 100%;
			display: flex;
			flex-direction: row;	
			justify-content: center;
			align-items: center; 
			gap: .01vw; 
			color: white;	
		}		 			
	}
	
	
	@media only screen and (min-width: 1002px) and (max-width: 1301px) {

		#vc_youtube_vid {
			width: 50%;
		}

		#registrationFormContainer {
			width: 25rem;			
		}
		
		#forgot-password-section {
		height: 90vw;	
		padding-bottom: 15px;
		margin-bottom: -7px;
	}

		#registration-section {	
			background-image: url('../img/final/registration_background-tablet.png');
			background-size: contain;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			height: 90vw;	
			padding-bottom: 15px;
			margin-bottom: -7px;
			background-color: aqua;
		}
		
		.body-content {	
				grid-column-start: 3;
				grid-column-end: 13;
				
				min-height: 100vh;
				padding-top: .5rem;	
				
				/* also make this a nested grid */
				display: grid;
				grid-template-columns: repeat(12, [col-start] 1fr);
				grid-gap: 10px;
			}
			
	#tablet-ad-space {
				grid-column-start: 1;
				grid-column-end: 13;		
				height: 4rem;				
				margin-bottom: 4rem;
			}
			#horzontalAdImg {
				height: 120px;
				width: 100%;
			}
								
		  .loginDiv, .loginDivFlex {
			position: absolute;
			top: 2.5rem;
			right: 0px;
			z-index: 100;
			border-radius: 6px;
			
			width: 500px;
			height: 260px;	
			border: 3px solid var(--secondary-dark);	
			border-radius: 6px;	
			background-color: white;		
		}
		
		.loginDiv {
			display: none;			
		}
			
		.loginDivFlex {
			display: flex;
			flex-direction: column;
			justify-content: space-around;						
		}	
		
		  #landing-abt-vc-row {
			min-height: 45vw;
			background-size: cover;
			background-repeat: no-repeat;
		}
		
		.landing-abt-vc-box-vid {
			grid-column-start:2;
			grid-column-end: 12;
			
			height: 55vw;
			display: flex;
			flex-direction: column;	
			justify-content: center;
			align-items: start; 
			gap: .01vw;						
		}	
		
		.landing-abt-vc-box-txt {			
			grid-column-start: 2;
			grid-column-end: 12;
			text-align: justify;
			
			font-size: 1rem;
			padding-bottom: 60px;
		}
		
		#landing-abt-vc-box-txt_rollover {
			display: none;
		}
		
		
		.landingVid {
			height: 80%;
		}	 
		
		#landingAbtVCHeader {
			margin-bottom: 40px;
		}
		
		#landingAbtVCHeader_lg {
			display: none;
		}  
		
		#landing-vc-HIW-div {
			background-image: url('../img/final/how_it_works_section.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 43vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}
		
		#landing-vc-devices-div {
			background-image: url('../img/final/devices_background.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 41vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}	
						
		#landing-devices-txt {
			grid-column-start: 2;
			grid-column-end: 12;
			
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: center;
			align-items: center; 
			gap: .01vw; 
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;								
		} 
				
		#landing-vc-devices-div {
			background-image: url('../img/final/devices_background.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 41vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}	
				
		#landing-devices-txt-msg {
			grid-column-start: 1;
			grid-column-end: 7;	
			
			font-size: 1rem;					
		}	
		
		.landing-all-devices-header {
			color: white;		
						
			font-weight: 900;
			font-size: 2rem;	
			text-align: start;	
			margin-bottom: 1rem;	
		}	
		
		.landing-all-devices-words {
			color: white;
			font-weight: 600;
			text-align: start;
		}	
		
		#landing-devices-buttons {
			grid-column-start: 1;
			grid-column-end: 3;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;	
			
			display: flex;			
			justify-content: space-between;								
		} 
		
		#landing_devices_store_btn {
			width: 11.25rem;
		}	
		
		.devices_btn_extra_height {
			height: 3.8rem;
		}
		
		
		#contact-us-col-1 {
			grid-column-start: 2;
			grid-column-end: 6;
			
			height: 70%;
			display: flex;
			flex-direction: column;	
			justify-content: start;
			align-items: left; 
			gap: .01vw; 
			color: white;				
		}
		
		#contact-us-col-2 {
			grid-column-start: 7;
			grid-column-end: 12;
			
			height: 30vw;
			
			display: flex;
			flex-direction: column;	
			justify-content: space-between;
			align-items: left; 
			gap: .01vw; 
			color: white;	
		}
		
		#contact-us-col-3 {
			grid-column-start: 2;
			grid-column-end: 6;
						
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: start;
			align-items: left; 
			gap: .01vw; 
			color: white;	
		}
		
		#contact-us-col-4 {
			grid-column-start: 7;
			grid-column-end: 12;
						
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: start;
			align-items: left; 
			gap: .01vw; 
			color: white;	
		}
		
		.contact-us-social-media-row .fa {
			padding: 7px;
		  	font-size: 25px;	
			margin: 0px 5px;
			text-align: center;
		}

		.contact-us-abt-txt {
			text-align: justify;
		}
		
		#landing-vc-contact-us-div {
			min-height: 110vw;
			max-height: 110vw;
			background-color: var(--main-mid);
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 15px;
			
			padding-top: 85px;
			padding-bottom: 55px;
		}
		
		#landing-vc-footer-div {
			min-height: 9vw;
			background-color: var(--main-dark);
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}

		.footer-text {
			grid-column-start: 2;
			grid-column-end: 12;
			
			height: 100%;
			display: flex;
			flex-direction: row;	
			justify-content: center;
			align-items: center; 
			gap: .01vw; 			
		}	 				 			
	}
	
	@media only screen and (min-width: 1301px) and (max-width: 1501px) {

		#vc_youtube_vid {
			width: 50%;
		}

		#registrationFormContainer {
			width: 25rem;			
		}
		
		#forgot-password-section {
		height: 72vw;	
		padding-bottom: 15px;
		margin-bottom: -7px;
	}

		#registration-section {	
			background-image: url('../img/final/registration_background_desktop.png');
			background-size: contain;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100% 100%;
			height: 72vw;	
			padding-bottom: 15px;
			margin-bottom: -7px;
			background-color: brown;
		}
									
		  .loginDiv, .loginDivFlex {
			position: absolute;
			top: 2.5rem;
			right: 0px;
			z-index: 100;
			border-radius: 6px;
			
			width: 500px;
			height: 260px;	
			border: 3px solid var(--secondary-dark);	
			border-radius: 6px;	
			background-color: white;		
		}
		
		.loginDiv {
			display: none;			
		}
			
		.loginDivFlex {
			display: flex;
			flex-direction: column;
			justify-content: space-around;						
		}	
		
		  #landing-abt-vc-row {
			min-height: 45vw;
			background-size: cover;
			background-repeat: no-repeat;
		}
		
		.landing-abt-vc-box-vid {
			grid-column-start:2;
			grid-column-end: 7;
			
			height: 35vw;
			display: flex;
			flex-direction: column;	
			justify-content: center;
			align-items: start; 
			gap: .01vw;		
		}	
		
		.landing-abt-vc-box-txt {			
			grid-column-start: 8;
			grid-column-end: 12;
			text-align: justify;
			
			font-size: 1rem;
			padding-bottom: 40px;
			margin-top: 60px;
		}
		
		#landing-abt-vc-box-txt_nonRollover {
			display: none;
		}
		
		#landing-abt-vc-box-txt_rollover {
			grid-column-start: 2;
			grid-column-end: 12;
			display: block;
			
			text-align: justify;
			padding-bottom: 60px;
		}
		
		.landingVid {
			height: 70%;
		}	
		
		#landingAbtVCHeader_lg {
			display: block;
		} 
		
		#landingAbtVCHeader {
			display: none;
		} 	
		
		#landing-vc-HIW-div {
			background-image: url('../img/final/how_it_works_section.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 43vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}
		
		#landing-vc-devices-div {
			background-image: url('../img/final/devices_background.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 41vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}				
		
		#landing-devices-txt {
			grid-column-start: 2;
			grid-column-end: 12;
			
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: center;
			align-items: center; 
			gap: .01vw; 
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;								
		} 
				
		#landing-vc-devices-div {
			background-image: url('../img/final/devices_background.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 41vw;
			padding-top: 1.5rem;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}	
				
		#landing-devices-txt-msg {
			grid-column-start: 1;
			grid-column-end: 7;	
			
			font-size: 1.5rem;					
		}	
		
		.landing-all-devices-header {
			color: white;		
						
			font-weight: 900;
			font-size: 2rem;	
			text-align: start;	
			margin-bottom: 1rem;	
		}	
		
		.landing-all-devices-words {
			color: white;
			font-weight: 600;
			text-align: start;
		}	
		
		#landing-devices-buttons {
			grid-column-start: 1;
			grid-column-end: 3;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;	
			
			display: flex;			
			justify-content: space-between;								
		} 
		
		#landing_devices_store_btn {
			width: 11.25rem;
		}	
		
		.devices_btn_extra_height {
			height: 3.8rem;
		}
		
		#contact-us-col-1 {
			grid-column-start: 2;
			grid-column-end: 6;
			
			height: 80%;
			display: flex;
			flex-direction: column;	
			justify-content: start;
			align-items: left; 
			gap: .01vw; 
			color: white;	
		}
		
		#contact-us-col-2 {
			grid-column-start: 7;
			grid-column-end: 12;
			
			height: 24vw;
			
			display: flex;
			flex-direction: column;	
			justify-content: space-between;
			align-items: left; 
			gap: .01vw; 
			color: white;							
		}
		
		#contact-us-col-3 {
			grid-column-start: 2;
			grid-column-end: 6;
						
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: start;
			align-items: left; 
			gap: .01vw; 
			color: white;	
		}
		
		#contact-us-col-4 {
			grid-column-start: 7;
			grid-column-end: 12;
						
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: start;
			align-items: left; 
			gap: .01vw; 
			color: white;	
		}
		
		.contact-us-social-media-row .fa {
			padding: 7px;
		  	font-size: 25px;	
			margin: 0px 5px;
			text-align: center;
		}

		.contact-us-abt-txt {
			text-align: justify;
		}
		
		#landing-vc-contact-us-div {
			min-height: 90vw;
			max-height: 90vw;
			background-color: var(--main-mid);
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 15px;
			
			padding-top: 100px;
			padding-bottom: 100px;
		}
		
		#landing-vc-footer-div {
			min-height: 9vw;
			background-color: var(--main-dark);
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}

		.footer-text {
			grid-column-start: 2;
			grid-column-end: 12;
			
			height: 100%;
			display: flex;
			flex-direction: row;	
			justify-content: center;
			align-items: center; 
			gap: .01vw; 			
		}	 			
	}
	
	@media only screen and (min-width: 1501px) and (max-width: 1701px) {

		#vc_youtube_vid {
			width: 50%;
		}

		#registrationFormContainer {
			width: 25rem;			
		}
		
		#forgot-password-section {
		height: 62vw;	
		padding-bottom: 15px;
		margin-bottom: -7px;
	}

		#registration-section {	
			background-image: url('../img/final/registration_background_desktop.png');
			background-size: contain;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100% 100%;
			height: 62vw;	
			padding-bottom: 15px;
			margin-bottom: -7px;
			background-color: teal;
		}
		
		.loginDiv, .loginDivFlex {
			position: absolute;
			top: 2.5rem;
			right: 0px;
			z-index: 100;
			border-radius: 6px;
			
			width: 500px;
			height: 260px;	
			border: 3px solid var(--secondary-dark);	
			border-radius: 6px;	
			background-color: white;		
		}
		
		.loginDiv {
			display: none;			
		}
			
		.loginDivFlex {
			display: flex;
			flex-direction: column;
			justify-content: space-around;						
		}	
									
		  
		  #landing-abt-vc-row {
			min-height: 45vw;
			background-size: cover;
			background-repeat: no-repeat;
		}
		
		.landing-abt-vc-box-vid {
			grid-column-start:2;
			grid-column-end: 7;
			
			height: 35vw;
			display: flex;
			flex-direction: column;	
			justify-content: center;
			align-items: start; 
			gap: .01vw;						
		}	
		
		.landing-abt-vc-box-txt {			
			grid-column-start: 8;
			grid-column-end: 12;
			text-align: justify;
			
			font-size: 1rem;
			padding-bottom: 40px;
			margin-top: 60px;
		}
		
		#landing-abt-vc-box-txt_nonRollover {
			display: block;
		}
		
		#landing-abt-vc-box-txt_rollover {
			display: none;
		}
		
		.landingVid {
			height: 70%;
		}	
		
		#landingAbtVCHeader_lg {
			display: block;
		} 
		
		#landingAbtVCHeader {
			display: none;
		} 	
		
		#landing-vc-HIW-div {
			background-image: url('../img/final/how_it_works_section.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 43vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}	
		
		#landing-vc-devices-div {
			background-image: url('../img/final/devices_background.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 41vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}					
		
		#landing-devices-txt {
			grid-column-start: 2;
			grid-column-end: 12;
			
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: center;
			align-items: center; 
			gap: .01vw; 
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;								
		} 
				
		#landing-vc-devices-div {
			background-image: url('../img/final/devices_background.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 41vw;
			padding-top: 1.5rem;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;			
		}	
				
		#landing-devices-txt-msg {
			grid-column-start: 1;
			grid-column-end: 7;						
		}	
		
		.landing-all-devices-header {
			color: white;		
						
			font-weight: 900;
			font-size: 2.5rem;	
			text-align: start;	
			margin-bottom: 1rem;	
		}	
		
		.landing-all-devices-words {
			color: white;
			font-weight: 600;
			text-align: start;
			font-size: 1.5rem;
		}	
		
		#landing-devices-buttons {
			grid-column-start: 1;
			grid-column-end: 4;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;	
			
			display: flex;			
			justify-content: space-between;								
		} 
		
		#landing_devices_store_btn {
			width: 11.25rem;
		}	
		
		.devices_btn_extra_height {
			height: 3.8rem;
		}	
		
		#landing-vc-contact-us-div {
			min-height: 40vw;
			max-height: 50vw;
			background-color: var(--main-mid);
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 15px;
			
			padding-top: 100px;
			padding-bottom: 150px;
		}
		
		#contact-us-col-2 {			
			height: 70%;
			
			display: flex;
			flex-direction: column;	
			justify-content: space-between;
			align-items: left; 
			gap: .01vw; 
			color: white;							
		}		
	}
	
	@media only screen and (min-width: 1701px) {

		#vc_youtube_vid {
			width: 50%;
		}

		#registrationFormContainer {
			width: 25rem;			
		}
		
		#forgot-password-section {
		height: 60vw;	
		padding-bottom: 15px;
		margin-bottom: -7px;
	}

		#registration-section {	
			background-image: url('../img/final/registration_background_desktop.png');
			background-size: contain;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100% 100%;
			height: 60vw;	
			padding-bottom: 15px;
			margin-bottom: -7px;
			background-color: lime;
		}
									
		  .loginDiv, .loginDivFlex {
			position: absolute;
			top: 2.5rem;
			right: 0px;
			z-index: 100;
			border-radius: 6px;
			
			width: 500px;
			height: 260px;	
			border: 3px solid var(--secondary-dark);	
			border-radius: 6px;	
			background-color: white;		
		}
		
		.loginDiv {
			display: none;			
		}
			
		.loginDivFlex {
			display: flex;
			flex-direction: column;
			justify-content: space-around;						
		}	
		
		  #landing-abt-vc-row {
			min-height: 35vw;
			background-size: cover;
			background-repeat: no-repeat;
		}
		
		.landing-abt-vc-box-vid {
			grid-column-start:2;
			grid-column-end: 7;
			
			height: 35vw;
			display: flex;
			flex-direction: column;	
			justify-content: center;
			align-items: start; 
			gap: .01vw;
			
			
		}	
		
		.landing-abt-vc-box-txt {			
			grid-column-start: 8;
			grid-column-end: 12;
			text-align: justify;
			
			font-size: 1rem;
			padding-bottom: 40px;
			margin-top: 80px;
		}
		
		#landing-abt-vc-box-txt_nonRollover {
			display: block;
		}
		
		#landing-abt-vc-box-txt_rollover {
			display: none;
		}
		
		.landingVid {
			height: 70%;
		}	
		
		#landingAbtVCHeader_lg {
			display: block;
		} 
		
		#landingAbtVCHeader {
			display: none;
		} 
		
		#landing-vc-HIW-div {
			background-image: url('../img/final/how_it_works_section.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 43vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}
		
		#landing-vc-devices-div {
			background-image: url('../img/final/devices_background.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 41vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}					
		
		#landing-devices-txt {
			grid-column-start: 2;
			grid-column-end: 7;
			
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: start;
			align-items: center; 
			gap: .01vw; 
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;								
		} 
				
		#landing-vc-devices-div {
			background-image: url('../img/final/devices_background.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 41vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
			
			padding-top: 2rem;
		}	
				
		#landing-devices-txt-msg {
			grid-column-start: 1;
			grid-column-end: 13;	
			
			font-size: 2rem;
			font-weight: 200;					
		}	
		
		.landing-all-devices-header {
			color: white;		
						
			font-weight: 900;
			font-size: 3rem;	
			text-align: start;	
			margin-bottom: 1rem;	
		}	
		
		.landing-all-devices-words {
			color: white;
			font-weight: 600;
			text-align: start;
		}	
		
		#landing-devices-buttons {
			grid-column-start: 1;
			grid-column-end: 7;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;	
			
			display: flex;			
			justify-content: space-between;								
		} 
		
		#landing_devices_store_btn {
			width: 11.25rem;
		}	
		
		.devices_btn_extra_height {
			height: 3.8rem;
		}					
	}
	
	@media only screen and (min-width: 2000px) {

		#vc_youtube_vid {
			width: 50%;
		}

		.loginDiv, .loginDivFlex {
			position: absolute;
			top: 2.5rem;
			right: 0px;
			z-index: 100;
			border-radius: 6px;
			
			width: 500px;
			height: 260px;	
			border: 3px solid var(--secondary-dark);	
			border-radius: 10px;	
			background-color: white;		
		}
		
		.loginDiv {
			display: none;			
		}
			
		.loginDivFlex {
			display: flex;
			flex-direction: column;
			justify-content: space-around;						
		}	
									
		  
		  #landing-abt-vc-row {
			min-height: 35vw;
			background-size: cover;
			background-repeat: no-repeat;
		}
		
		.landing-abt-vc-box-vid {
			grid-column-start:2;
			grid-column-end: 7;
			
			height: 35vw;
			display: flex;
			flex-direction: column;	
			justify-content: center;
			align-items: start; 
			gap: .01vw;
			
			
		}	
		
		.landing-abt-vc-box-txt {			
			grid-column-start: 8;
			grid-column-end: 12;
			text-align: justify;
			
			font-size: 1rem;
			padding-bottom: 40px;
			margin-top: 110px;
		}
		
		#landing-abt-vc-box-txt_nonRollover {
			display: block;
		}
		
		#landing-abt-vc-box-txt_rollover {
			display: none;
		}
		
		.landingVid {
			height: 70%;
		}	
		
		#landingAbtVCHeader_lg {
			display: block;
		} 
		
		#landingAbtVCHeader {
			display: none;
		}
		
		#largeFont {
			font-size: 1.15rem;
		} 	
		
		#landing-vc-devices-div {
			background-image: url('../img/final/devices_background.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 41vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
		}	
				
		#landing-devices-txt {
			grid-column-start: 2;
			grid-column-end: 7;
			
			height: 100%;
			display: flex;
			flex-direction: column;	
			justify-content: start;
			align-items: center; 
			gap: .01vw; 
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;								
		} 
				
		#landing-vc-devices-div {
			background-image: url('../img/final/devices_background.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top, left;
			background-size: 100%;
			min-height: 41vw;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;
			
			padding-top: 2rem;
		}	
				
		#landing-devices-txt-msg {
			grid-column-start: 2;
			grid-column-end: 13;	
			
			font-size: 2rem;
			font-weight: 200;					
		}	
		
		.landing-all-devices-header {
			color: white;		
						
			font-weight: 900;
			font-size: 3rem;	
			text-align: start;	
			margin-bottom: 1rem;	
		}	
		
		.landing-all-devices-words {
			color: white;
			font-weight: 600;
			text-align: start;
		}	
		
		#landing-devices-buttons {
			grid-column-start: 2;
			grid-column-end: 7;
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 10px;	
			
			display: flex;			
			justify-content: space-between;								
		} 
		
		#landing_devices_store_btn {
			width: 11.25rem;
		}	
		
		.devices_btn_extra_height {
			height: 3.8rem;
		}
		
		#landing-vc-contact-us-div {
			min-height: 32vw;
			max-height: 32vw;
			background-color: var(--main-mid);
			
			/* also make this a nested grid */
			display: grid;
			grid-template-columns: repeat(12, [col-start] 1fr);
			grid-gap: 15px;
			
			padding-top: 125px;
		}						
	}
	
	@media only screen and (min-width: 600px) and (max-width: 700px) {

		#vc_youtube_vid {
			width: 100%;
		}

		.loginDiv, .loginDivFlex {
			position: absolute;
			top: 2.5rem;
			right: 0px;	
			transform: translateX(-20%);		
			z-index: 100;
			border-radius: 6px;
			
			width: 400px;
			height: 260px;
			background-color: white;
			border-radius: 6px;
			border: 3px solid var(--secondary-dark);			
		}
		
		.loginDiv {
			display: none;			
		}
			
		.loginDivFlex {
			display: flex;
			flex-direction: column;
			justify-content: space-around;
		}
	}
	
	@media only screen and (min-width: 700px) and (max-width: 770px) {

		#vc_youtube_vid {
			width: 100%;
		}

		.loginDiv, .loginDivFlex {
			position: absolute;
			top: 2.5rem;
			right: 0px;					
			z-index: 100;
			border-radius: 6px;
			
			width: 400px;
			height: 260px;
			background-color: white;
			border-radius: 6px;
			border: 3px solid var(--secondary-dark);			
		}
		
		.loginDiv {
			display: none;			
		}
			
		.loginDivFlex {
			display: flex;
			flex-direction: column;
			justify-content: space-around;
		}
	}
	
	@media only screen and (min-width: 1200px) {

		#vc_youtube_vid {
			width: 50%;
		}

	.body-content {	
				grid-column-start: 3;
				grid-column-end: 13;
				
				min-height: 100vh;
				padding-top:8.3rem;
				
				/* also make this a nested grid */
				display: grid;
				grid-template-columns: repeat(12, [col-start] 1fr);
				grid-gap: 10px;
			}
	}
	
	@media only screen and (max-width: 1200px) {

		#vc_youtube_vid {
			width: 50%;
		}

		#basePageContentContainer {	
				grid-column-start: 2;
				grid-column-end: 13;
				
				height: 100%;				
				
				/* also make this a nested grid */
				display: grid;
				grid-template-columns: repeat(12, [col-start] 1fr);
				grid-gap: 10px;				
			}
			
		#noAdPageContent {
			grid-column-start: 1;
			grid-column-end: 13;
		}
	}