/* General Selectors */
html, body, .maximizer{
width: 100%;
min-height: 100%;
}
body{
font-family: 'Poppins', sans-serif;
}
html{
scroll-behavior: smooth;
}
.systems-design{
background-image: url("images/systems-design-engineering.jpg");
}
.sectional-views{
background-image: url("images/sectional-views-and-model-simulations.jpg");
}
.threed-with-solid-works{
background-image: url("images/3d-modelling-with-solidworks.jpg");
}
.pcb-design{
background-image: url("images/pcb-design-adn-installation.jpg");
}
.assemblies-with-solidworks{
background-image: url("images/3d-model-assemblies-with-solidworks.jpg");
}
.creative-images{
background-size: cover;
background-position: center;
}
/*Section One*/
#page-one-container-two{
padding-top: 3%;
}
.navbrand-linker{
width: 67%;
}
.hamburger-button .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8, %3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 194, 92, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
li.active a.nav-link{
color: #FFFFFF;
}
.lastname-border{
background-color: #FFC25C;
width: 3rem;
}
.page-one-links{
font-size: 1rem;
margin-top: 13%;
}
.all-arrows, .all-arrows:hover{
text-decoration: underline;
color: #FFC25C;
font-size: 1.2rem;
font-weight: 600;
}
/*Section Two*/
#page-two-container-one{
padding-top: 10%;
}
.numbers{
font-size: 4.5rem;
}
.card-icon{
font-size: 1.5rem;
}
/*Section Three*/
.overlaped-row{
padding-top: 30%;
padding-bottom: 15%;
}
.mini-maximizer{
height: 80%;
width: 100%;
}
/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */
/* Extra Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
/* Section One */
#page-one{
padding-top: 4%;
padding-bottom: 15%;
}
a.nav-link{
font-size: 1.2rem;
color: #666874;
font-weight: 500;
}
.product-text{
font-size: 1rem;
}
.blockquote-footer{
color: #95969E;
font-size: 0.9rem;
letter-spacing: 3px;
}
.sed-ut-para{
line-height: 1.2;
font-size: 0.9rem;
color: #9C9DA5;
}
a.navbar-brand{
font-size: 1.4rem;
color: #FFC25C;
font-weight: 600;
}
.portfolio-name{
font-size: 2.5rem;
color: #EBEBEC;
}
/* Section Two */
.querry-text{
font-size: 1.5rem;
}
.time{
line-height: 1.3;
font-size: 0.8rem;
}
.card-word-category{
font-size: 1.3rem;
line-height: 1;
}
.rat-contact, .rat-contact:hover{
text-decoration: underline;
color: #FFC25C;
font-size: 0.8rem;
font-weight: 600;
}
.table-text{
font-size: 0.8rem;
}
.project-number{
font-size: 0.7rem;
}
.second-pg-contact{
margin-top: 10%;
margin-bottom: 12%;
}
/*Section-Two Cross Section*/
.split-div{
height: 7rem;
}
#cross-section-cards{
margin-top: 10%;
margin-left: 10%;
margin-right: 10%;
}
#cross-section-cards div{
margin-bottom: 10%;
}
/* Section Three */
.card-small-text{
font-size: 0.9rem;
}
.card-big-text{
font-size: 2rem;
}
.card-big-text-special{
font-size: 1.1rem;
}
.card-big-text-special-two{
font-size: 1.5rem;
}
.creative-images{
width: 110%;
height: 60%;
}
.creative-card-ext{
margin-top: 15%;
}
.creative-cards{
height: 30rem;
width: 90%;
}
.cards-row-transition{
padding-top: 1%;
}
/*Section four*/
#page-four div:nth-of-type(1){
padding-top: 4%;
}
.contact-row{
padding-top: 13%;
}
.bloggers{
line-height: 1;
}
hr{
background-color: rgb(149,150,158,0.3);
}
.blog-headings{
font-size: 1rem;
}
.topic-sent{
line-height: 0.5;
}
.contact-form{
margin-top: 6%;
margin-bottom: 6%;
}
.ray-footer{
font-size: 1.5rem;
}
.ray-footer-end{
font-size: 0.9rem;
}
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
/* Section One */
#page-one{
padding-top: 4%;
padding-bottom: 8%;
}
a.nav-link{
font-size: 1.2rem;
color: #666874;
font-weight: 500;
}
.product-text{
font-size: 1rem;
}
.blockquote-footer{
color: #95969E;
font-size: 0.9rem;
letter-spacing: 3px;
}
.sed-ut-para{
line-height: 1.2;
font-size: 0.9rem;
color: #9C9DA5;
}
a.navbar-brand{
font-size: 1.4rem;
color: #FFC25C;
font-weight: 600;
}
.portfolio-name{
font-size: 4rem;
color: #EBEBEC;
}
/* Section Two */
.querry-text{
font-size: 2rem;
}
.time{
line-height: 1.5;
font-size: 0.8rem;
}
.card-word-category{
font-size: 1.5rem;
line-height: 1;
}
.rat-contact, .rat-contact:hover{
text-decoration: underline;
color: #FFC25C;
font-size: 1.2rem;
font-weight: 600;
}
.table-text{
font-size: 1rem;
}
.project-number{
font-size: 0.8rem;
}
.second-pg-contact{
margin-top: 10%;
margin-bottom: 12%;
}
/*Section-Two Cross Section*/
.split-div{
height: 9rem;
}
#cross-section-cards{
margin-top: 10%;
margin-left: 10%;
margin-right: 10%;
}
#cross-section-cards div{
margin-bottom: 10%;
}
/* Section Three */
.card-small-text{
font-size: 0.9rem;
}
.card-big-text{
font-size: 2rem;
}
.card-big-text-special{
font-size: 1.1rem;
}
.card-big-text-special-two{
font-size: 1.5rem;
}
.creative-images{
width: 110%;
height: 60%;
}
.creative-card-ext{
margin-top: 25%;
}
.creative-cards{
height: 30rem;
width: 80%;
}
.cards-row-transition{
padding-top: 15%;
}
/*Section four*/
#page-four div:nth-of-type(1){
padding-top: 4%;
}
.contact-row{
padding-top: 13%;
}
.bloggers{
line-height: 1;
}
hr{
background-color: rgb(149,150,158,0.3);
}
.blog-headings{
font-size: 1.3rem;
}
.topic-sent{
line-height: 0.5;
}
.contact-form{
margin-top: 6%;
margin-bottom: 6%;
}
.ray-footer{
font-size: 1.5rem;
}
.ray-footer-end{
font-size: 0.9rem;
}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
/* Section One */
#page-one{
padding-top: 4%;
padding-bottom: 8%;
}
a.nav-link{
font-size: 1.2rem;
color: #666874;
font-weight: 500;
}
.product-text{
font-size: 1rem;
}
.blockquote-footer{
color: #95969E;
font-size: 0.9rem;
letter-spacing: 3px;
}
.sed-ut-para{
line-height: 1.2;
font-size: 0.9rem;
color: #9C9DA5;
}
a.navbar-brand{
font-size: 1.4rem;
color: #FFC25C;
font-weight: 600;
}
.portfolio-name{
font-size: 4rem;
color: #EBEBEC;
}
/* Section Two */
.querry-text{
font-size: 2rem;
}
.time{
line-height: 1.5;
font-size: 0.8rem;
}
.card-word-category{
font-size: 1.2rem;
line-height: 1;
}
.rat-contact, .rat-contact:hover{
text-decoration: underline;
color: #FFC25C;
font-size: 1.2rem;
font-weight: 600;
}
.table-text{
font-size: 1rem;
}
.project-number{
font-size: 0.7rem;
}
.second-pg-contact{
margin-top: 10%;
margin-bottom: 12%;
}
/*Section-Two Cross Section*/
.split-div{
height: 7rem;
}
#cross-section-cards{
margin-top: 10%;
margin-bottom: -17%;
margin-left: 0%;
margin-right: 0%;
}
#cross-section-cards div{
margin-bottom: 0%;
}
/* Section Three */
.card-small-text{
font-size: 0.9rem;
}
.card-big-text{
font-size: 2rem;
}
.card-big-text-special{
font-size: 1.1rem;
}
.card-big-text-special-two{
font-size: 1.5rem;
}
.creative-images{
width: 110%;
height: 60%;
}
.creative-card-ext{
margin-top: 15%;
}
.creative-cards{
height: 30rem;
width: 90%;
}
.cards-row-transition{
padding-top: 8%;
}
/*Section four*/
#page-four div:nth-of-type(1){
padding-top: 4%;
}
.contact-row{
padding-top: 13%;
}
.bloggers{
line-height: 1;
}
hr{
background-color: rgb(149,150,158,0.3);
}
.blog-headings{
font-size: 1.3rem;
}
.topic-sent{
line-height: 0.5;
}
.contact-form{
margin-top: 6%;
margin-bottom: 6%;
}
.ray-footer{
font-size: 1.8rem;
}
.ray-footer-end{
font-size: 1rem;
}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
/* Section One */
#page-one{
padding-top: 4%;
padding-bottom: 8%;
}
a.nav-link{
font-size: 1.3rem;
color: #666874;
font-weight: 500;
}
.product-text{
font-size: 1rem;
}
.blockquote-footer{
color: #95969E;
font-size: 0.9rem;
letter-spacing: 3px;
}
.sed-ut-para{
line-height: 1.2;
font-size: 0.9rem;
color: #9C9DA5;
}
.portfolio-name{
font-size: 5rem;
color: #EBEBEC;
}
/* Section Two */
.querry-text{
font-size: 2rem;
}
.time{
line-height: 1.5;
font-size: 0.8rem;
}
.card-word-category{
font-size: 1.4rem;
line-height: 1;
}
.rat-contact, .rat-contact:hover{
text-decoration: underline;
color: #FFC25C;
font-size: 1.2rem;
font-weight: 600;
}
.table-text{
font-size: 1rem;
}
.project-number{
font-size: 0.7rem;
}
.second-pg-contact{
margin-top: 10%;
margin-bottom: 25%;
}
/*Section-Two Cross Section*/
.split-div{
height: 9rem;
}
#cross-section-cards{
margin-top: 10%;
margin-bottom: -16%;
margin-left: 0%;
margin-right: 0%;
}
#cross-section-cards div{
margin-bottom: 0%;
}
/* Section Three */
.card-small-text{
font-size: 0.9rem;
}
.card-big-text{
font-size: 2rem;
}
.card-big-text-special{
font-size: 1.1rem;
}
.card-big-text-special-two{
font-size: 1.5rem;
}
.creative-images{
width: 110%;
height: 60%;
}
.creative-card-ext{
margin-top: 25%;
}
.creative-cards{
height: 30rem;
width: 90%;
}
.cards-row-transition{
padding-top: 0%;
}
/*Section four*/
#page-four div:nth-of-type(1){
padding-top: 4%;
}
.contact-row{
padding-top: 13%;
}
.bloggers{
line-height: 1;
}
hr{
background-color: rgb(149,150,158,0.3);
}
.blog-headings{
font-size: 1.3rem;
}
.topic-sent{
line-height: 0.5;
}
.contact-form{
margin-top: 6%;
margin-bottom: 6%;
}
.ray-footer{
font-size: 2rem;
}
.ray-footer-end{
font-size: 1.1rem;
}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
/* Section One */
#page-one{
padding-top: 4%;
padding-bottom: 10%;
}
a.navbar-brand{
font-size: 1.6rem;
color: #FFC25C;
font-weight: 600;
}
a.nav-link{
font-size: 1.5rem;
color: #666874;
font-weight: 500;
}
.product-text{
font-size: 1.2rem;
}
.blockquote-footer{
color: #95969E;
font-size: 1rem;
letter-spacing: 3px;
}
.sed-ut-para{
line-height: 1;
font-size: 1rem;
color: #9C9DA5;
}
.portfolio-name{
font-size: 5rem;
color: #EBEBEC;
}
/* Section Two */
.querry-text{
font-size: 2.2rem;
}
.time{
line-height: 1.5;
}
.card-word-category{
font-size: 1.5rem;
line-height: 1;
}
.rat-contact, .rat-contact:hover{
text-decoration: underline;
color: #FFC25C;
font-size: 1.2rem;
font-weight: 600;
}
.project-number{
font-size: 0.8rem;
}
.second-pg-contact{
margin-top: 10%;
margin-bottom: 25%;
}
/*Section-Two Cross Section*/
.split-div{
height: 9rem;
}
#cross-section-cards{
margin-top: 10%;
margin-bottom: -14%;
margin-left: 0%;
margin-right: 0%;
}
#cross-section-cards div{
margin-bottom: 0%;
}
/* Section Three */
.card-small-text{
font-size: 0.9rem;
}
.cards-row-transition{
padding-top: 0%;
}
.card-big-text{
font-size: 2rem;
}
.card-big-text-special{
font-size: 1.1rem;
}
.card-big-text-special-two{
font-size: 1.5rem;
}
.creative-images{
width: 110%;
height: 60%;
}
.creative-card-ext{
margin-top: 25%;
}
.creative-cards{
height: 30rem;
width: 80%;
}
/*Section four*/
#page-four div:nth-of-type(1){
padding-top: 4%;
}
.contact-row{
padding-top: 13%;
}
.bloggers{
line-height: 1;
}
hr{
background-color: rgb(149,150,158,0.3);
}
.blog-headings{
font-size: 1.3rem;
}
.topic-sent{
line-height: 0.5;
}
.contact-form{
margin-top: 6%;
margin-bottom: 6%;
}
.ray-footer{
font-size: 2rem;
}
.ray-footer-end{
font-size: 1.2rem;
}
}
/*Colors*/
.yellowy{
color: #FFC25C;
}
.text-color-mendoza{
color: #EBEBEC;
}
.navlink-active{
color:#FFFFFF;
}
.navlink-inactive{
color: #666874;
}
.blockfooter{
color: #95969E;
}
.para-leads-color{
color: #9C9DA5;
}
.fontawesome-icons{
color: #FFFFFF;
}
.yellow-card-color{
background-color: #FFAF29;
}
.gray-cards-color{
background-color: #424657;
}
.gray-cards-color-front{
color: #424657;
}
.project-cards-text-colors{
color: #E9E9EB;
}
.creative-works-back-color{
background-color: #252734;
}
.light-page-color{
background-color: #333646;
}
.dark-page-color{
background-color: #252734;
}
/*Solid*/
/*fas fa*/
/*Brand*/
/*fab fa*/
/*Regular*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/