/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Start Hero Section
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.text-orange {
color: #EB7B30;
}
.parallax-container {
display: flex;
align-content: center;
align-items: center;
flex-direction: column;
flex-wrap: nowrap;
height: 100%;
justify-content: space-around;
min-height: 60rem;
position: relative;
width: 100%;
}
.parallax-container section {
width: 100%;
height: 100vh;
flex: 1;
display: flex;
position: relative;
overflow: hidden;
}
.parallax-container section:nth-child(1) .parallax-img {
background-image: url("../images/NEC-UB-Archive.jpg");
}
.parallax-container section .parallax-img {
background-attachment: fixed;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
z-index: 500;
opacity: 1.0;
}
.parallax-container section .parallax-content {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
height: 100%;
width: 100%;
justify-content: center;
z-index: 1000;
margin: 0 auto;
position: relative;
top: 200px;
}
.parallax-container section .parallax-content h2 {
margin: 0px;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
End Hero Section
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Start Section 1
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.content-1-video {
border: 13px solid #FFFFFF;
border-radius: 1.5rem;
margin-top: -12rem;
background-color: #FFF;
z-index: 2000;
height: 100%;
}
#content-section1 {
padding-top: 6rem;
padding-bottom: 6rem;
z-index: 2000;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
End Section 1
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Start Section 2
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#content-section2 {
background: url("../images/nec-organization-bkgd.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
.pic-radius {
border-radius: 1.5rem 1.5rem 0 0;
border: 1px solid #FFF;
}
.box-widget {
border-radius: 1.5rem;
border: 1px solid #FFF;
background: #FFF;
height: 100%;
position: relative;
}
.box-widget p {
font-weight: bold;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
End Section 2
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Start Section 3
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.circle-pic1 {
max-width: 600px;
margin-top: -6rem;
}
.circle-pic2 {
max-width: 600px;
margin-bottom: -6rem;
}
.make-connecting-mobile {
display: none;	
}
.make-connecting-desktop {
display: flex;	
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
End Section 3
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Start Section 4
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#content-section4 {
background: url("../images/nec-workplace-bkgd.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
.content-4-video {
border: 13px solid #FFFFFF;
border-radius: 1.5rem;
background-color: #FFF;
z-index: 2000;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
End Section 4
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Start Section 5
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#content-section5 {
background: url("../images/NEC-Bkgd-Blogs.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
End Section 5
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*`sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
.parallax-container {
min-height: 45rem;
position: relative;
width: 100%;
}
.parallax-container section .parallax-content {
max-width: 100%;
padding: 1em;
}
.parallax-container section .parallax-content {
top: 100px;
}
i.fa-circle-arrow-right {
display: none;
}
.btn {
min-width: 25.5rem;
}
div.parallax-content > div > div > div.col-md-4 {
display: none;
}
#content-section1 > div > div:nth-child(2) > div.pe-5 {
padding-right: 0;
}
#content-section1 > div > div:nth-child(2) > div.ps-5 {
padding-left: 0;
}
.content-1-video {
margin-top: 2rem;
}
#content-section2 > div > div:nth-child(3) {
padding-top: 0 !important;
}
#content-section3 > div > div:nth-child(1) {
padding: 2rem 0 2rem 0;
}
#content-section3 > div > div:nth-child(2) {
padding: 2rem 0 2rem 0;
}
.special-height {
display: none;
}
#content-section1, #content-section2, #content-section3, #content-section4, #content-section5 {
padding: 1rem;
}
}
/* `md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
.content-1-video {
margin-top: 0;
}
#content-section3 > div > div:nth-child(1) > div.ps-5 {
padding-left: 1rem;
margin-top: 3rem;
}
#content-section3 > div > div:nth-child(2) > div.pe-5 {
padding-right: 1rem;
}
#content-section5 {
    background: #FFF;
  }
	
.make-connecting-desktop {
display: none;	
}
.make-connecting-mobile {
display: flex;
padding-top: 6rem;
padding-bottom: 6rem;
}
.make-connecting-mobile > div {
margin-top: 3rem;	
  }
.btn {
font-size: 1.4rem;
}
.circle-pic2 {
margin-bottom: 0;
}
.special-height {
    display: none;
}
}
/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
#content-section3 > div > div:nth-child(1) {
padding-top: 6rem;
}
#content-section3 > div > div:nth-child(2) {
padding-top: 6rem;
padding-bottom: 6rem;
}
.circle-pic1 {
max-width: 600px;
margin-top: 1rem;
}
}
/* `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {}
/* `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {}