@charset "UTF-8";
/* headline: font-family: "unit-rounded", sans-serif;
font-weight: 400;
font-style: normal;
paragraph: font-family: "gelica", serif;
*/
body {font-family: 'unit-rounded', sans-serif;
}
h1, h2, h3, h3, h4, h5, h6 {font-family: 'unit-rounded', sans-serif; font-weight: 400;
}
.navbar-custom {font-family: 'unit-rounded', sans-serif;
}
/* noriteo colors:
	blue: #0099CC
	coral: #F85F69
	pink: #E95AAA
	orange: #F26739
	green: #A2D124
	yellow: #F5C010
	white: #FFFFFF
	grey: #4D4D4D
*/

body {
background-color: #E6E6E6;
}


/* Background color for navbar and dropdown menus */
.navbar-custom, .navbar-custom .dropdown-menu {
    background-color: #4D4D4D;
}
/* Text color for navbar and dropdown menus */
.navbar-custom .navbar-brand, .navbar-custom .navbar-text,
.navbar-custom .navbar-nav .nav-link,
.navbar-custom .dropdown-item {
    color: #FFFFFF;
}
/* Background and text colors for current page link and links on hover and focus */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .dropdown-item:hover, 
.navbar-custom .dropdown-item:focus {
    background-color: #E95AAA;
    color: #fff;
	border-radius: 10px;
}

/* Border and text colors for menu icon on small screens */
.custom-toggler.navbar-toggler {
    border-color: rgba(236,240,241,1.00);
    color: #fff;
}
/* Hamburger icon - use same rgb values as previous rule for stroke */
.custom-toggler .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(236,240,241, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-brand {
    background-image: url(../images/NorLogo.png);
    background-repeat: no-repeat;
    background-size: 110px auto;
    background-position: 6% center;
    padding-left: 120px;
    padding-bottom: 40px;
}

/* Home banner section */
#home_bg {
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}

/* Rem values are relative to the root html element, 1rem=16px */
#home_bg h1 {
	font-size: 4rem;
	color: #FFFFFF;
	text-shadow: 2px 1px rgba(71,71,71,0.80);
	position: absolute;
	left: 5%;
	bottom: 5%;
}

.jumbotron h2 {
	font-weight: 500;
	font-size: 40px;
	color: #4D4D4D;
}

.jumbotron p {
	font-size:18px; 
    color:#4D4D4D; 
    font-weight: 500; 
    font-style: normal;
	}

.name {
	color: #F85F69;
}
.brand {
	color: #F85F69;
}

.btn {
	border-color: #0099CC;
	background-color: #0099CC;
	border-radius: 14px;
	border-width: inherit;
}

/* 3 column main sections */
.main h2 {
	text-align: center;
}

.card-img-top {
	margin-top: 10px;
	border-radius: 14%;
}

.card-title {
	color: #FFFFFF;
}

.card-text {
	color: #FFFFFF;
}

.card1 {
	background-color: #F5C010;
	margin-top: 6px;
	border-radius: 10%;
}

.card2 {
	background-color: #F85F69;
	margin-top: 6px;
	border-radius: 10%;
}

.card3 {
	background-color: #A2D124;
	margin-top: 6px;
	border-radius: 10%;
}

.categories {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
	background-color: #4D4D4D;
	border-radius: 20px;
	margin-left: 55px;
	margin-right: 55px;
}


/* Portfolio banner section */
#port_bg {
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}

/* Rem values are relative to the root html element, 1rem=16px */
#port_bg h1 {
	font-size: 4rem;
	color: #FFFFFF;
	text-shadow: 2px 1px rgba(71,71,71,0.80);
	position: absolute;
	left: 5%;
	bottom: 5%;
	}

/* About banner section */
#about_bg {
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}

/* Rem values are relative to the root html element, 1rem=16px */
#about_bg h1 {
	font-size: 4rem;
	color: #FFFFFF;
	text-shadow: 2px 1px rgba(71,71,71,0.80);
	position: absolute;
	left: 5%;
	bottom: 5%;
	}

.featurette-heading {
	color: #4D4D4D;
}

.about_lead {
	color: #4D4D4D;
}

.highlight {
	color: #F85F69;
}

li {
	color: #0099CC;
}

.contact_head {
	color: #F85F69;
	font-weight: 900;
}

.contact_side {
	background: white url("../images/call-center-7040784_1920.png") no-repeat center center;
	background-size: cover;
	padding:0;
	height:540px;
}

/* Footer */
footer {
	text-align: center;
	line-height: 60px;
	background-color: #0099CC;
	color: #FFFFFF;
}

/*Media Query Breakpoints*/

/*X-SMALL ONLY*/
@media screen and (min-width:375px){
#home_bg h1, #port_bg h1, #about_bg h1  {
    font-size: 2rem;
    bottom: 3%;
    left: 3%;
    }    
}

/*SMALL SIZE ONLY*/
@media screen and (min-width:576px){
#home_bg h1, #port_bg h1, #about_bg h1  {
    font-size: 2.5rem;
    bottom: 3%;
    left: 3%;
    } 
}
	
/*MEDIUM SIZE ONLY*/
@media (min-width: 768px){
  #home_bg h1, #port_bg h1, #about_bg h1  {
	  font-size: 3rem;
      bottom: 5%;
      left: 3%;
      }
  }

/*LARGE SIZE ONLY*/
	@media screen and (min-width: 992px) {
		#home_bg h1, #port_bg h1, #about_bg h1 {
			font-size: 4rem;
			bottom: 5%;
			left: 3%;
		}
	}