* {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

body {
  width: 100%;
  margin: auto;
  font-family: 'Raleway', sans-serif;
  color: #010102;
}

@font-face {
  font-family: Futura_Book_font;
  src: url(../font/Futura_Bk_BT_Book.ttf);
}

@font-face {
  font-family: georgia;
  src: url(../font/georgia.ttf);
}

@font-face {
  font-family: Futura_Book;
  src: url(../font/Futura_Book.ttf);
}

.wrapper {
  max-width: 980px;
  margin: 0 auto;
}

.main_heading{
  font-size: 140px;
}
.subhead_l{
  font-size: 54px;
  line-height: 1.4;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
}
p.subhead {
  font-size: 45px;
  line-height: 1.4;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
}
.para_one{
  font-family: Futura_Book;
    font-size: 24px;
    line-height: 1.2;
    color: #010102;
    font-weight: 500;
    letter-spacing: 0.45px;
}
.center {
  text-align: center;
}


.f-l{
    padding:2% 0% 2%;
}
.f-l .logo-aggri{
    text-align: center;
     width:20%;
}


iframe {
    width:100%;
    height:700px;
}


/* ROOTS */
.roots .main_heading{
	margin-bottom:60px;
	font-weight:800;
}
.roots .roots_left .subhead{
	margin-bottom:80px;
	white-space: nowrap;
}
.roots .roots_left .para_one{
	max-width:420px;
	margin-bottom:120px;
}
.roots .wrapper{
	display:flex;
	align-items:flex-end;
}
.roots .roots_left{
	width: 560px;
}
.roots .roots_right{
	width: calc(100% - 560px);
}
.roots .roots_right img{
	position: relative;
	right: -100px;
		padding:10% 0% 0%;
}
.roots .farming{
	margin-top:80px;
	text-align: center;
	width: 100%;
	padding:0% 0% 10%;
}


.rr-l{
    background-color: #000;
    text-align: center;
    padding: 5% 0% 5%;
}

.rr-l ul{
    padding: 5% 0% 0%;
}

.rr-l .logo-aggri img{
    width:50%;
}

@media(max-width:1140px){
.wrapper{max-width: 900px;}
p.subhead{font-size:40px;}
.para_one{font-size:22px;}
.subhead_l{font-size:48px;}
.roots .main_heading{margin-bottom:40px;}
.roots .roots_left .subhead {margin-bottom: 50px;}
.roots .roots_left .para_one{margin-bottom: 80px;}
.roots .roots_right img{right: -60px;}
.farming img{max-width: 410px;}
.roots .farming {margin-top: 60px;}

}


@media only screen and (max-width: 992px) and (min-width: 600px)  {
p.subhead {font-size: 28px;}
.main_heading {font-size: 110px;}
.subhead_l {font-size: 36px;}
.roots .main_heading {margin-bottom: 30px;}
.roots .roots_left .subhead {margin-bottom: 35px;}
.roots .roots_left {width: 360px;}
.roots .roots_right {width: calc(100% - 360px);}
.roots .roots_right img {right:-20px;}
.roots .farming {margin-top: 40px;}


}

@media only screen and (max-width: 600px) and (min-width:319px)  {

p.subhead {font-size: 24px;}
.main_heading {font-size: 48px;}
.subhead_l {font-size: 30px;}

.roots .main_heading {margin-bottom:15px;}
.roots .roots_left .subhead {margin-bottom:15px;}
.roots .wrapper{flex-direction:column;}
.roots .roots_left,.roots .roots_right{width:100%;}
.roots .roots_left .para_one{margin-bottom:25px;}
.roots .roots_right img {right: 0;}
.roots .roots_left .subhead{white-space:normal;}

.farming img {max-width: 100%;}


}


@media only screen and (min-width: 10px) and (max-width: 360px){
    .f-l .container img{width:25%;}
    .rr-l ul li{width:5%;}
    * { padding:0% 1% 0% 1%;}

}

@media only screen and (min-width: 362px) and (max-width: 599px){
    .f-l .container img{width:25%;}
    .rr-l ul li{width:5%;}
    * { padding:0% 1% 0% 1%;}
}

@media only screen and (min-width: 600px) and (max-width: 780px){
    .f-l .container img{width:25%;}
    .rr-l ul li{width:8%;}
    * { padding:0% 1% 0% 1%;}
}

@media only screen and (min-width: 781px) and (max-width: 980px){
    .f-l .container img{width:25%;}
    .rr-l ul li{width:6%;}
}