/* CSS Document */

#contentwrapper {
background-color: #FFFFFF;
}

#background-mobile {
display: block;
margin-right: 50%; 
width: 36%;
}

#background-desktop {
display: none;
}

#number {
position: absolute;
right: 100px;
height: 300px;
}

#number span {
color: #83b81a;
}

#content {
    padding-top: 91px;
	float: left;
    width: 100%;
	   
}




@media screen and (max-width: 1600px) {
	
#contentwrapper {
      margin-top:0;
}
#content {
    padding-top: 30px;
	}


	
#background-mobile {
width: 525px;
}

}

@media screen and (max-width: 1440px) {
	.footer-grid-wrapper {margin-left: 0;        margin-bottom: 112px;}
	
#number {
position: absolute;
    right: 100px;
}


}

@media screen and (max-width: 1280px) {
#logo img {
width: 350px;
height: auto;
}
	    #background-mobile {
        width: 100%;
    }

#contentwrapper {
margin-top: 37vh;
width: calc(100% - 375px);
max-width: 100%;
}

}

@media screen and (max-width: 1023px) {
	
	#quicklinks {
		       margin: 0 0 30px 0;
	
	}	

	
	
	.breed #contentwrapper {
		    margin-right: 0;
    margin-left: 0;
    width: 100%;
	}	
#contentwrapper {
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(255, 255, 255) transparent;
/* RGBa with 0.6 opacity */
background: rgba(255, 255, 255, 0.8);
	margin-top: 45vh;
min-height: 75vh;
      width: 100%;
	  
   
}

.breed #contentwrapper {
margin-top: 25vh;
min-height: 75vh;
}



#content {
background: transparent;
}

#background-mobile {
margin-right: 0; 
width: 100%;
}

#content {
padding-top: 30px;
}


  @media screen and (max-width: 680px) {

	  
.breed #logo img {
height: auto;
}  


	 #content {
    margin-bottom: 200px;
}

}