/* CSS INDEX
------------
CSS HEADER & NAVIGATION
CSS BODY
CSS FOOTER
CSS TOP ARROW STYLE
CSS HOW DOES IT WORK
CSS REVIEWS
CSS SENCO

CSS VIDEO
CSS NEWS
CSS PRICING
CSS QUESTIONS
CSS HALF SCREEN
CSS HS HEADER
CSS HS BODY
CSS HS VIDEO
CSS GIFTOFTIME
------------
*/

u { display: none; }
* { margin: 0; padding: 0; }
header#main { display: block; }
a img { border-style: none; }

body {
font-family: 'Quicksand', sans-serif;
font-size: 16px;
font-weight: 400;
background-color: #fff;
color: #333;
}

.cc-bottom { display: none; }

p, q {
padding: 0.5em;
line-height: 1.4;
}
strong { font-weight: 700; }

ol { margin: 0.5em 0 0.5em 1em; }

hr { margin: 1em 0; }

h1 {
font-weight: 700;
color: #369;
font-size: 18px;
}
#index h1, #test h1 {
position: relative; z-index: 10;
color: black;
}

.img {
text-align: center;
font-size: 90%;
}

.divider-img {
width: 50%;
margin: auto;
}
.divider-img img { width: 100%; }

.right {
float: right;
margin: 0 0 0.5em 1em;
}
.left {
float: left;
margin: 0 1em 0.5em 0;
}
.full { width: 100%; }

.cleft { clear: left; }
.cright { clear: right; }
.cboth { clear: both; }
.hide { display: none; }
.obscure { visibility: hidden; }
.important { color: #c00; }


/*=============================================================================
CSS HEADER & NAVIGATION
============================================================================= */

#banner {
background: url(../images/clouds.jpg) 0 0 no-repeat;
background-size: cover;
}

#sendImg {
position: absolute; right: 20px; top: 170px;
height: 100px;
}

@media screen and (min-width: 900px) { #sendImg { opacity: 0.6; } }
@media screen and (max-width: 900px) { #sendImg { opacity: 0.3; } }

#index header, #test header { height: 800px; }
#index #banner, #test #banner { height: 700px; }
/* Navigation */
.head ul {
position: relative; z-index: 100;
list-style-type: none;
height: 50px;
}
.head li.highlight:not(.home_link) a { background: #7db509; }

#overview {
font-weight: 700;
margin-top: 15px;
color: white;
background: rgba(35, 57, 89, 0.4);
text-align: center;
grid-column: 1 / span 2;
}

@media screen and (max-width: 900px) {
#home-banner { width: 250px; }
.head h4 { cursor: pointer; }
.head ul { height: 50px; }
.head li:not(.home_link) { display: none;}
.head {
top: 0; left: 0;
padding: 0;
}
#index header, #test header { height: 356px; }
#index #banner, #test #banner {
height: 258px;
text-align: center;
}

.head li:not(.home_link) a {
position: relative; z-index: 10;
width: 100%;
height: 20px;
padding: 3px 0;
display: block;
border-bottom: 1px solid white;
text-align: center;
text-decoration: none;
font-weight: 700;
color: #fff;
background: #1c9ed6;
}

/* O&U logo that acts as a home link */
li.home_link {
width: 90%;
margin: auto;
position: relative; top: -20px; left: 5%;
}
li.home_link a img {
max-width: 93%; 
max-height: 70px;
}
.head li { font-size: 12px; }

}

/*
HEADER HEIGHTS FOR MOBILE - starts
header sets full height of header to allow clearance above article
banner forces header background to neatly under-paint overview
Only necessary for view under 900px wide
*/

@media screen and (max-width: 800px) {
#index header, #test header { height: 430px; }
#index #banner, #test #banner { height: 323px; }
#overview { margin-top: 15; }
}

@media screen and (max-width: 500px) {
#index header, #test header { height: 515px; }
#index #banner, #test #banner { height: 410px; }
#overview { margin-top: 15; }
}

@media screen and (max-width: 350px) {
#index header, #test header { height: 575px; }
#index #banner, #test #banner { height: 476px; }
}

/* HEADER HEIGHTS FOR MOBILE - ends */

@media screen and (min-width: 900px) {
.head h4.collapsor { display: none; }
#banner {
display: grid;
grid-template-columns: 2fr 3fr;
width: auto;
}
#index header, #test header { height: 375px; }
.head ul {
display: grid;
grid-template-columns: 2fr 1fr repeat(4,3fr);
width: auto;
}
li.home_link a img {
height: 40px;
}
.head li {
border: 1px solid #fff;
border-width: 0 1px 0;
height: 45px;
font-size: 16px;
font-weight: 500;
}
.head li:not(.home_link) a {
display: block;
margin: auto;
background: #1c9ed6;
border-width: 0;
text-align: center;
padding: 15px 2px;
color: #fff;
text-decoration: none;
}
li.home_link {
border-width: 0;
padding-top: 5px;
}

#banner { height: 50px;}
#index #banner, #test #banner { height: 300px; }
#home-banner {
position: relative; z-index: 10;
height: 200px;
box-sizing: border-box;
padding: 20px 0 0 50px;
}

}


/*=============================================================================
CSS BODY
============================================================================= */

@media screen and (min-width: 900px) { body { font-size: 18px;} }

h2 {
width: 90%;
text-align: center;
margin: 0.5em auto 0.5em;
}
h2.separator {
margin-top: 1em;
padding-top: 0.5em;
border-top: 2px solid #7db509;
}

#video_img {
height: 100px;
display: grid;
grid-template-columns: 2fr 1fr 2fr;
}
#video_img img {
height: 75px;
cursor: pointer;
}

#hideHolder {
text-align: center;
height: 30px;
}
#hideHolder button {
font-size: 20px;
cursor: pointer;
}

#everything { margin: 0 auto 15px; }
#everything div { text-align: center; }
#everything_list, #everything_img { text-align: center; }
#everything img { max-width: 50vw; }

#mobium_small {
display: block;
text-align: center;
}
#mobium_small img { height: 100px; }

@media screen and (max-width: 900px) {
#pr_img { width: 22vw}
#video_img img { height: 100px; }
#index h1 {
font-size: 36px;
text-align: center;
}

}

@media screen and (min-width: 900px) {
h1:not(#index h1):not(#test h1) {
width: 100%;
position: relative; top: 3px;
font-size: 30px;
grid-column: 1 / span 2;
text-align: center;
}
#index h1, #test h1 {
position: relative; top: 20px; left: 0;
font-size: 36px;
}
#index h1 span:nth-child(1), #test h1 span:nth-child(1) { position: absolute; top: 57px; left: 60px; }
#index h1 span:nth-child(2), #test h1 span:nth-child(2) { position: absolute; top: 123px; left: 120px; }
#index h1 span:nth-child(3), #test h1 span:nth-child(3) { position: absolute; top: 150px; left: 180px; }
#video_img { height: 130px; }
#video_img img { height: 100px; }
#everything { width: 80vw; }
/*#everything {
display: grid;
grid-template-columns: 1fr 1fr;
}*/
#everything img { max-width: 500px; }
#everything_list {
box-sizing: border-box;
text-align: left;
padding-left: 10vw;
}

}
@media screen and (min-width: 1100px) {
#index h1, #test h1 {
top: 20px;
font-size: 56px;
}
}

button.demoButton {
display: block;
width: 80vw;
margin: 0 auto 2em;
padding: 0.5em;
border-width: 0;
border-radius: 20px;
background-image: linear-gradient(1deg, #306, #639, #96c, #96f);
box-shadow: 3px 2px 5px #aaa;
}
button.demoButton a {
display: block;
width: 100%;
text-decoration: none;
color: white;
font-weight: 700;
font-size: 20px;
position: relative; top: -0.1em;
}

/* Contact details */
.calltoaction {
position: relative;
background-color: #fff;
font-size: 20px;
color: #0f5691;
font-weight: 700;
text-align: center;
padding: 0.5em 0 0.5em;
border-top: 3px solid #1c9ed6;
border-bottom: 4px solid #7db509;
margin-bottom: 20px;
}
.calltoaction img {
margin-top: 1em;
width: 250px;
cursor: pointer;
}
#test .calltoaction img { width: 25vw; }
.calltoaction span { background-color: #fff; }
.calltoaction a { color: #c00; }

#firstcall {
	padding: 0;
	border-bottom-width: 0;
	font-weight: 400;
	font-size: 100%;
	}
#firstcall p {
	background-color: #7db509;
	padding: 0;
	color: white;
	}

#secondcall {
	background-color: #eee;
	border-top-width: 0;
	padding-top: 1em;
	}
#secondcall span { background-color: #eee; }

@media screen and (min-width: 2000px) { .calltoaction { font-size: 33px; } }
@media screen and (max-width: 500px) { .calltoaction { font-size: 17px; } }

.statement {
width: 80vw;
margin: 0 auto 1em;
padding: 1em;
box-sizing: border-box;
border: 1px solid #999;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
#index .statement {
display: block;
width: 80vw;
margin: 0 auto 1em;
padding: 2vw;
border: 1px solid #999;
-webkit-border-radius: 3vw;
-moz-border-radius: 3vw;
border-radius: 3vw;
}
#index .statement p { padding: 0 0 1em; }

/* Customer review quotes */
#index blockquote.statement {
background: url(../images/blockquote_img.jpg) #fff no-repeat;
background-size: cover;
border: 2px solid #69c;
}

/* Elevator Pitch */
p.elevator_pitch {
font-size: 20px;
text-align: center;
background-color: #eee;
padding: 0.5em 0 0.5em;
}

/* Review link */
blockquote footer {
margin-top: 1em;
text-align: left;
background-color: #393;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
blockquote footer img.review-logo {
height: 3em;
float: left;
margin-right: 1em;
}
#index blockquote a, #test blockquote a { text-decoration: none; }
#index blockquote a:hover footer, #test blockquote a:hover footer { background: #6a93bb; }


/*=============================================================================
CSS FOOTER
============================================================================= */

footer {
background-color: #666;
padding: 1em;
text-align: center;
color: #fff;
}
footer a { color: #fff; }
footer ul {
margin-bottom: 0.5em;
list-style: none;
}
blockquote footer {
margin-top: 1em;
text-align: left;
background-color: #7db509;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
}
blockquote footer img.review-logo {
height: 3em;
float: left;
margin-right: 1em;
}


/*=============================================================================
CSS TOP ARROW STYLE
============================================================================= */

.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5;
}
.cd-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 40px;
right: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
/* image replacement properties */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: rgba(140, 200, 42, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5;
}
.no-touch .cd-top:hover {
background-color: #e86256;
opacity: 1;
}

/*=============================================================================
CSS HOW DOES IT WORK
============================================================================= */

#schematic {
    width: 80%;
    margin: auto;
}
#schematic img { width: 100%; }

@media screen and (max-width: 500px) {
#schematic { width: 100%; }
}

#slideshow article {
padding: 2em;
position: relative;
}

#slideshow div.slide {
padding: 1em;
margin: 1em 0 2em;
box-shadow: inset 5px 5px 10px -4px #7bb700;
}

@media screen and (min-width: 900px) {
#slideshow div.slide {
display: grid;
grid-template-columns: 1fr 1fr;
}
#slideshow div.slide_image { width: 50vw; }
#slideshow div.slide_both {
width: 100vw;
text-align: center;
}
#slideshow div.slide_text {
position: relative; top: 2em;
width: 40vw;
}

}

#slideshow div.slide_image img { width: 100%; }

.slideshow-container { margin-top: 2em; }

/*=============================================================================
CSS REVIEWS
============================================================================= */

#reviews article { padding: 2em; }
#reviews p,
#reviews q {
display: block;
padding: 0.5em 0;
}
#reviews q { line-height: 1.5; }

#whofor h2 {
position: relative; left: -1em;
text-align: left;
}
#whofor ul { margin-left: 1em; }

@media screen and (min-width: 900px) {
#whofor {
width: 90vw;
margin: auto;
display: grid;
grid-template-columns: 1fr 1fr;
}
#whofor div:nth-child(2) div {
display: grid;
grid-template-columns: 1fr 1fr;
}

}

#reviews .statement {
margin: 1em auto;
padding: 1em;
background-color: #eee;
border-top: 4px solid #1c9ed6;
border-bottom: 8px solid #7db509;
text-align: center;
}

#reviews .statement h2 {
font-size: 20px;
height: 150px;
}
#pendlechs h2 {
background: url(../images/pendlechs-logo.png) center bottom no-repeat transparent;
background-size: 70px;
}
#downsview h2 {
background: url(../images/downsview_logo.png) center bottom no-repeat transparent;
background-size: 120px;
}
#kingsley h2 {
background: url(../images/kingsleyschool.png) center bottom no-repeat transparent;
background-size: 100px;
}
#queensmillschool h2 {
background: url(../images/Queensmillschool.png) center bottom no-repeat transparent;
background-size: 150px;
}
#cromwellhighschool h2 {
background: url(../images/cromwellhs.png) center bottom no-repeat transparent;
background-size: 60px;
}
#johnchiltonschool h2 {
background: url(../images/johnchilton.png) center bottom no-repeat transparent;
background-size: 110px;
}
#weatherfieldacademy h2 {
background: url(../images/weatherfield.png) center bottom no-repeat transparent;
background-size: 80px;
}
#eagleparkschool h2 {
background: url(../logos/EaglePark.png) center bottom no-repeat transparent;
background-size: 120px;
}
#cambridgeschool h2 {
background: url(../images/cambridgeschool.png) center bottom no-repeat transparent;
background-size: 130px;
}
#forestbridgeschool h2 {
background: url(../images/forestbridge.png) center bottom no-repeat transparent;
background-size: 80px;
}
#oaklandsschool h2 {
background: url(../images/oaklands.png) center bottom no-repeat transparent;
background-size: 90px;
}
#samuellaycock h2 {
background: url(../images/SamuelLaycock.png) center bottom no-repeat transparent;
background-size: 120px;
}

.bio img { width: 150px; }
#reviews h3 span {
font-size: 14px;
font-style: italic;
font-weight: 500;
line-height: 0.9;
}

#reviews blockquote {
margin: 0.5em;
padding: 1em;
color: #fff;
background-color: #393;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

@media screen and (min-width: 500px) {
#reviews blockquote { text-align: left; }
.bio img { float: right; }
}

#reviews #section0 {
margin-top: 2em;
background-color: #1af;
border-width: 0;
padding: 10px 6vw;
font-size: 16px;
font-weight: 500;
color: #fff;
}

/*=============================================================================
CSS PRICING
============================================================================= */

#pricing section {
width: 80vw;
margin: 0 auto 1em;
padding: 1em;
box-sizing: border-box;
border: 1px solid #999;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

#pricing #section1 { margin-top: 1em; }
hr#section3 {
width: 97%;
margin: 1em auto 1em;
height: 0;
border: solid 6px white;
border-top-color: #1c9ed6;
border-bottom-color: #7db509;
border-radius: 12px;
}

@media screen and (min-width: 900px) {
#pricing article {
padding: 2em;
position: relative;
display: grid;
grid-template-columns: repeat(6, 1fr);
}
#pricing article p { padding: 0 0 1em; }
#pricing section {
width: auto;
padding: 1em;
margin: 1em;
}
#pricing section:not(#section10) {
border: 1px solid #999;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

#section1 {
grid-column: 1 / span 3;
grid-row: 1;
}
#section2 {
grid-column: 4 / span 3;
grid-row: 1;
}
#section3 {
grid-column: 1 / span 6;
grid-row: 2;
text-align: center;
}
#section4 {
grid-column: 1 / span 3;
grid-row: 3;
}
#section5 {
grid-column: 4 / span 3;
grid-row: 3;
}
#section5 li {
margin-left: 1em;
  }
#section6 {
grid-column: 1 / span 2;
grid-row: 4;
}
#section7 {
grid-column: 3 / span 2;
grid-row: 4;
}
#section8 {
grid-column: 5 / span 2;
grid-row: 4;
}
#section9 {
grid-column: 1 / span 6;
grid-row: 5;
}

#pricing h2 { margin-bottom: 1em; }
#pricing article ul { margin: 0 1em 2em; }
#pricing article ol { margin: 0 0 2em; }
#pricing article ul li,
#pricing article ol li {
margin-bottom: 0.5em;
}

}

#contact article { text-align: center; }


/*=============================================================================
CSS QUESTIONS
============================================================================= */

dl {
padding: 1em 1em 0;
font-size: 110%;
width: 80%;
}

@media screen and (max-width: 900px) {
#faq h1, #legal h1, #policy h1 { margin-bottom: 1em; }
}
#faq dl {
border: 2px solid #bbb;
border-width: 1px 0;
}
dt {
color: #000;
font-size: 120%;
margin-bottom: 0.5em;
}
dd {
margin: 0 0 0.3em 4em;
color: #369;
}
#faq strong em {
color: #369;
font-weight: 400;
font-style: normal;
}


/*=============================================================================
CSS LEGAL
============================================================================= */

#legal article, #policy article { padding: 1em; }


/*=============================================================================
CSS GIFTOFTIME
============================================================================= */

#thanks article { margin-top: 2em}
#giftoftime h1 {
width: 100%;
position: relative; top: 3px;
font-size: 30px;
grid-column: 1 / span 2;
text-align: center;
}
#giftoftime article h2, article#allinoneplace h2 { font-size: 24px; }
#giftoftime button {
width: 30em;
height: 3em;
border-width: 0;
border-radius: 3em;
background-image: linear-gradient(178deg, #369, #69c, skyblue);
font-size: 14px;
font-weight: 700;
color: white;
}

#giftoftime .social_proof  {
text-align: center;
padding: 0.5em 2em 1em;
margin: 1em 7em;
border: 1px solid #369;
border-radius: 5em;
background-image: linear-gradient(180deg, white, skyblue);
}

#giftoftime section,
#giftoftime section div,
#c2aform div { margin: 1em; }
#index #giftoftime ul { margin-left: 1em;; }

#captureanswer label { margin-left: 5em; }
#captureanswer img { height: 20px; }
#capturequestion {
	font-size: 90%;
	padding-left: 5em;
	}

#giftoftime form {
background-color: #dcedf9;
border: 5px solid #8fb5cd;
border-radius: 30px;
}

#giftoftime input {
height: 20px;
padding-left: 3px;
position: relative; top: -4px; left: 6px
}
#giftoftime input#submit {
margin-top: 1em;
width: 100px;
border: 1px;
border-radius: 10px;
color: white;
font-size: 14px;
background-image: linear-gradient(178deg, #369, #69c, skyblue);
}

@media screen and (min-width: 700px) {
#giftoftime form { width: 600px; }
}
#giftoftime form h3 {
text-align: center;
color: white;
padding: 0.2em 0 0.5em;
background-color: #8fb5cd;
border-radius: 30px;
}
#giftoftime div.submit { text-align: center; }

@media screen and (min-width: 700px) {
#giftoftime div.input label {
box-sizing: border-box;
display: grid;
grid-template-columns: 200px auto;
}
#giftoftime div.input label span {
font-size: 14px;
text-align: right;
padding-right: 10px;
}

}

#giftoftime article, #allinoneplace article { margin: 1em 3em; }
@media screen and (min-width: 800px) {
#giftoftime article, #allinoneplace article {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(11, auto);
}

}

#giftoftime header, #allinoneplace header #requestademo header {
grid-column: 1 / span 2;
grid-row: 1;
text-align: center;
height: 100px;
}
#giftoftime header img, #allinoneplace header img, #requestademo header img { width: 600px; }

/* #giftoftime #hook {
grid-column: 1 / span 2;
grid-row: 2;
}
*/
#giftoftime #subhead {
grid-column: 1 / span 2;
grid-row: 3;
margin: 1em 5em;
text-align: center;
}
/*
#giftoftime #calltoaction {
grid-column: 1 / span 2;
grid-row: 4;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin: 1em 2em;
}

#giftoftime #calltoaction div { box-sizing: border-box; }
#giftoftime #calltoaction div img { max-width: 100%; }
#giftoftime #hero {
text-align: right;
position: relative; left: -1%;
min-width: 200px
}

#giftoftime #c2a1 { position: relative; left: 1%; }

#giftoftime #sp1 {
grid-column: 1 / span 2;
grid-row: 5;
}

#giftoftime #agitate {
grid-column: 1 / span 2;
grid-row: 6;
}
*/
#giftoftime #authority {
grid-column: 1;
grid-row: 7;
text-align: center;
}
#giftoftime #authority img { margin: 1em 0; }
@media screen and (min-width: 900px) {
#giftoftime #authority p { margin-top: -2.5em; }
}
/*
#giftoftime #auth_image {
grid-column: 2;
grid-row: 7;
text-align: center;
cursor: pointer;
}
#giftoftime #auth_image img { max-width: 300px;}

@media screen and (max-width: 1200px) { #giftoftime #hero { text-align: center; } }

@media screen and (max-width: 800px) {
#giftoftime #auth_image { text-align: center; }
}

#giftoftime #sp2 {
grid-column: 1 / span 2;
grid-row: 8;
}
*/
#giftoftime #logos {
grid-column: 1 / span 2;
grid-row: 9;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
#giftoftime #logos img {
width: 100px;
height: 100px;
}

@media screen and (max-width: 800px) {
#giftoftime #logos img {
width: 80px;
height: 80px;
}

}
/*
#giftoftime #benefit {
grid-column: 1 / span 2;
grid-row: 10;
text-align: center;
}

#giftoftime #c2a2 {
grid-column: 1 / span 2;
grid-row: 11;
text-align: center;
width: 600px;
margin: auto;
}

@media screen and (max-width: 500px) {
#giftoftime article,
#giftoftime #subhead,
#giftoftime #calltoaction,
#giftoftime .social_proof { margin: 10px; }
#giftoftime .social_proof { border-radius: 3em; }
#giftoftime button { width: 300px; }
#giftoftime article h1 { font-size: 26px; }
#giftoftime article h2 { font-size: 17px; }
#giftoftime header { height: 10vw; }
#giftoftime header img { width: 95vw; }
#giftoftime #hero img { width: 200px; }
#giftoftime #c2a2 {width: auto;}
#giftoftime #auth_image img { width: 300px; }
#giftoftime form { width: 95vw; }

}
*/
@media screen and (max-width: 700px) {
#c2aform { width: 96%; }
#giftoftime div.input label span,
#requestademo div.input label span  {
display: block;
text-align: center;
margin-bottom: 0.5em;
}
#giftoftime header { position: relative; top: 1em }
#giftoftime header img { width: 95vw; }
#giftoftime #subhead img { width: 50vw; }

}

@media screen and (min-width: 700px) {
#requestademo article {
max-width: 1600px;
margin: auto;
}
#requestademo #calltoaction {
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr;
}
#requestademo #calltoaction h1,
#requestademo #calltoaction h2,
#requestademo #calltoaction p,
#requestademo #calltoaction ul {
text-align: left;
margin-left: 0;
}

#index #giftoftime {
width: 80vw;
margin: 0 auto 1em;
display: grid;
grid-template-columns: 1fr 1fr;
}
#index #giftoftime #c2a2 {
grid-column: 2;
grid-row: 1;
}
#index #giftoftime #c2aform { width: 600px; }
#index #giftoftime div.statement {
width: 95%;
margin: 0 0 1em;
grid-column: 1;
grid-row: 1;
}

}

@media screen and (max-width: 700px) {
#index #giftoftime #c2aform {
margin: -40px auto 1em;}
}
@media screen and (max-width: 400px) {
#index #giftoftime #c2aform { margin-top: -20px; }
}

#requestademo #calltoaction ul { margin-left: 1em; }

#linkedin::before {
	content: "\f0e1";
	font-family: fontawesome;
	font-size: 24px;
	color: #069;
	}
#linkedin span { visibility: hidden; }

@media screen and (max-width: 400px) { #giftoftime input { max-width: 260px; } }