/*===========================================*/
/*            CSS By J. Bindlov              */
/*===========================================*/
/*  Exactly no rabbits were hurt or killed   */
/*  during the coding of this file           */
/*===========================================*/

/* GENERAL RULES */

html {
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  position: absolute;
  min-height: 100%;
  width: 100vw;
}

body {
  position: absolute;
  margin: 3.3rem 0 0 0;
  min-height: 100%;
  width: 100vw;
}

#logo {
  width: 7.8rem;
}

#main-img {
  position: relative;
  max-width: 100%;
  margin: 0 0 0 0;
}

.left, .right {
  position: relative;
  max-width: 100%;
}

.right {
  padding: 0.75rem;
  background: #adcd6d;
}

#secondary-content {
  position: relative;
  background: #6dcff6;
}

.jumbo {
  font-family: Roboto, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  text-align: center;
  color: #191818;
  display: inline;
}

.jumbo_text {
  font-family: Roboto, sans-serif;
  font-size: 0.775rem;
  font-weight: 400;
  text-align: center;
  color: #191818;
}

.footer-main {
  position: relative;
  background: #fff;
  color: #191818;
  padding: 0 0;
	display: block;
	text-align: center;
}

.blue {
  color: #6dcff6;
}

.green {
  color: #a6cd39;
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
  
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
  
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  
}

/*=========== ******************* ===========*/
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
 
}