﻿/*
Rassweiler Design
http://www.kylerassweiler.ca
2015-07-20
Organix Site
*/
body{font-family: 'Raleway', sans-serif;font-size: 1.2rem;}
div#navcontainer a.navbar-brand img{height:6rem; width:auto;}
div#navcontainer div.navbar-brand-name {padding-top: 1rem;}
div#navcontainer a.navbar-brand-name img{height:auto; width:80%;}
.lang-img{padding: 0;margin: 0;}
.lang{font-size: 0.6rem;}
.menu-row, .navbar-nav{margin:0;padding: 0;}
.brand-row{margin-bottom: 0;}
#navbarDropdownMenuLink4{text-decoration: none;}
div#navcontainer a.navbar-language img.language-image{width:1.5rem;height:auto;}
.nav-link{color: #006553!important; font-weight: bolder;}
.nav-link:hover{color: #004030!important; font-weight: bolder;}
.nav-item.sp{font-size: 1rem;}
.collage-link{color:#006553;}
.collage-link:hover{color: #004030;}
.bg-chemo{background-color: #f5f5f7;}
.header_text{margin-top: 1rem; margin-bottom: 1rem; color:#04633b;font-weight: bolder;}
.map{margin:1rem; width: 100%;}
.featurette-image{margin: 1rem;}
div#navcontainer{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; display:block;}
footer.footer{color:rgba(0,0,0,.5); background-color: #f8f9fa; height:6rem;padding-top: 1rem;}
#footercontainer{margin-left:auto;margin-right:auto;width:60%;}
h2,h3,h4,h5{margin-top:2rem;}
h3 {color:#006553;}
#home-collage div{width:100%; height:16rem;overflow: hidden;margin-bottom: 2rem;}
#home-collage div img{width:100%; height:100%;object-fit: cover;}
#home-subsidiaries img{height:4rem; width:auto;}
.row.banner img{width:100%;height:auto; padding: 1rem;}
div.suppliers .card{margin: 1rem;padding:0.5rem; font-size: 1rem;width:16rem;background-color: #f8f9fa;}
div.suppliers .card img{width:6rem;height:contain;margin-top:0.5rem;}
div.contact .card{margin:1rem;}
div.contact .card img{width:80%;}
.list {width: 100%;}
.product-images img{width: 70%; height:auto;margin:0.5rem;}
.btn{margin:1rem;}
@media screen and (min-width: 767px){
	.content{margin-top:12rem;margin-left: 2rem;margin-right: 2rem;}
	div#navcontainer.nav-small{height:6.2rem;}
	div#navcontainer.nav-small a.navbar-brand img{height: 5rem; width: auto;}
}
@media screen and (max-width: 767px){
	body{font-family: 'Raleway', sans-serif;font-size: 1.3rem;}
	.content{margin-top:7rem;padding-left:1rem;padding-right:1rem;}
	div#navcontainer a.navbar-brand{font-size:1rem;margin-right: 0rem;}
	div#navcontainer.nav-small a img{height: 3rem; width: auto;}
	div#navcontainer a.navbar-brand img{height:5rem; width:auto;}
	div#navcontainer a.navbar-brand-name img{height:1rem; width:auto;}
	div#navcontainer a.navbar-language img.language-image{width:2rem;height:auto;}
	div#navcontainer div.navbar-brand-name {padding-top: 0rem;}
	#home-collage div{width:100%; height:10rem;overflow: hidden;}
}