@charset "UTF-8";
/* CSS Document */
@media (min-width: 320px) {
    #farm1 {
        background-image: url("Images/adkfindex2.jpg");
        background-size:cover;
        background-position: center;
        padding: 20px 20px 30px 20px;
        color: #FFFFFF;
        font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
        margin-bottom: 0;
    }
    #farm1 h2 {
        font-weight: 700;
        font-size: 335%;
        margin: 0;
    }
    #farm1 h1 {
        font-family: fieldwork, sans-serif;
        font-weight: 100;
        font-style: normal;
        font-size: 690%;
        margin: 0;
        padding: 0px 0 0 0 ;
    }
    #farm1 h3 {
        font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
        font-weight: 600;
        font-size: 280%;
        color:#FF9000;
        margin: 0;
        padding: 240px 40px 0 0px;
    }
    #farm2 {
        padding-top: 120px;
        text-align: center;
    }
    #synopsis1 {
        font-family:Arial,sans-serif;
        margin-top: 0;
        padding: 20px 60px 20px 80px;
       color:#000000;
       font-size: 90%;
       font-weight: 400;
        line-height: 1.8;
    }
    #synopsis2{
       padding: 10px 0 10px 0;
        
    }
    #synopsis3 {
        padding: 10px 0 20px 0;
    }
    #trailer1 {
        text-align: center;
        padding: 20px 30px 20px 30px;
        background-color:#FFFFFF;
    }
    #trailer2 {
        padding: 0 30px 0px 30px;
        text-align: left;
        font-size: 110%;
        line-height: 1.6;
    }
    #trailer2 a:hover {
        color: #7188ED;
        text-decoration: none;
    }
    #trailer3 {
        padding: 20px;
    }
    #filmmakers {
        background-image:url("Images/filmmakersbackground.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-color:#045ed8;
        color: #FFFFFF;
        font-size: 120%;
        margin: 0;
        padding: 0;
    }
    #filmmakers a {
        color: #ffffff;
    }
    #filmmakers a:hover {
        color: #7188ED;
        text-decoration: none;
    }
    #filmmakers2 { 
        margin: 0;
        padding: 0;
    }
    #caroline {
        padding:30px 0 0 70px;
        text-align: left;
    }
    #harding {
        background-image:url("Images/74.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        padding: 10px 0 0 0;
        color: #FFFFFF;
        font-weight: 400;
        font-size: 130%;
        line-height: 1.5;
        text-align: left;
    }
    #harding2 {
        padding: 20px 10% 40px 10%;
    }
    #harding3 {
        padding-left: 10%;
    }
    #gary {
        padding: 20px 30px 0 70px;
        text-align: left;
    }
    #hebert {
        background-image: url("Images/Gary29.jpg");
        background-size: cover;
        color: #FFFFFF; 
        padding-right: 20px;
    }
    #hebert2 {
        padding: 80px 30% 230px 90px;
    }
    #hebert3 {
        text-align: right;
        padding: 20px 20px 20px 65%;
    }
    #aiden {
        padding: 20px 0 0 100px;
    }
    #lisa {
        padding: 20px 30px 0 100px;
    }
    #butler {
       background-image:url("Images/LisaAiden.jpg");
       background-size: cover;
       padding-right: 20px;
       color: #FFFFFF;   
    }
    #butler2 {
       padding: 80px 30% 230px 90px;
    }
    #butler3 {
        text-align: right;
        padding: 20px 20px 20px 65%;
    }
    #behind {  
        margin: 0;
        padding: 0 0 50px 0;
    }
    #behind2 {
        margin:0;
        padding: 0;
        background-color:#0b5dcb;  
    }
    #behind2 .col {
        margin: 0;
        padding: 0;
    }
    #behind4 {
        padding-bottom: 30px;
    }
    #contact {
        background-image:url("Images/Carolswimming2.jpg");
        background-repeat: no-repeat;
        background-position: right;
        background-size:cover;
    }
    #contact2 {
        padding: 500px 50px 0 20px;
        text-align: right;
        color: #FFFFFF;
        font-size: 150%;
    }
}
@media (min-width: 768px){
     #farm1 {
        background-image: url("Images/adkfindex2.jpg");
        background-size:cover;
        background-position: center;
        padding: 20px 40px 30px 40px;
    }
    #farm1 h3 {
        padding: 320px 240px 0 0px;
        font-weight: 700;
    }
    #farm2 {
        padding-top: 80px;
    }
    #synopsis1 {
        font-size: 110%;
       font-weight: 400;
        line-height: 1.8;
        padding: 40px 100px 20px 100px;
    }
     #synopsis2{
       padding: 20px 40px 10px 0;      
    }
    #synopsis3 {
        padding: 20px 0 20px 30px
    }
     #filmmakers {
        font-size: 120%;
        margin: 0;
        padding: 0; 
    }
     #filmmakers2 { 
        margin: 0;
        padding: 0;
    }
    #caroline {
        padding:30px 0 0 18%;
        text-align: left;
    }
    #harding {
        padding: 10px 0 0 0;
        font-weight: 400;
        font-size: 130%;
        line-height: 1.5;
        text-align: left;
    }
    #harding2 {
        padding: 40px 10% 40px 10%;
    }
    #harding3 {
        padding-left: 0;
    }
    #gary {
        padding: 120px 30px 0 15%;
        text-align: left;
    }
    #hebert {
        padding-right: 40px;
    }
    #hebert2 {
        padding: 20px 30px 230px 40%;
    }
    #hebert3 {
        text-align: right;
        padding: 10px 20px 0 0;
    }
    #aiden {
        padding: 100px 0 0 25%;
    }
    #lisa {
        padding: 75px 30px 0 10% ;
    }
    #butler {
       padding-right: 40px;
    }
    #butler2 {
       padding: 20px 30px 230px 55%; 
    }
    #butler3 {
        text-align: right;
        padding: 10px 20px 0 0;
    }
}
@media (min-width: 992px) {
     #farm1 {
        background-size: cover;
        background-position: center;
        padding: 50px 50px 10px 50px;
        color: #FFFFFF;
        font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
        margin-bottom: 0;
    }
     #farm1 h3 {
        padding: 50px 50% 0 0px;
        color:#FF9000;
    }
    #farm2 {
        padding-top: 180px;
    }
     #synopsis1 {
        font-size: 130%;
       font-weight: 400;
        line-height: 1.8;
        padding: 50px 180px 50px 180px;
    }
     #synopsis2{
       padding: 20px 40px 10px 0;      
    }
    #synopsis3 {
        padding: 20px 0 20px 30px
    }
     #trailer1 {
        text-align: center;
        padding: 50px 50px 20px 50px;
        background-color:#FFFFFF;
    }
    #trailer2 {
        padding: 0 40px 20px 50px;
        text-align: left;
        font-size: 110%;
        line-height: 1.6;
    }
    #trailer2 a:hover {
        color: #7188ED;
        text-decoration: none;
    }
    #trailer3 {
        padding: 20px;
    }
    #harding {
        padding: 10px 0 0 0;
        font-weight: 400;
        font-size: 130%;
        line-height: 1.5;
    }
    #harding2 {
        padding: 20px 10% 40px 45%;
    }
    #harding3 {
        padding-left: 0;
    }
    #hebert {
        padding-right: 80px;
    }
    #hebert2 {
        padding: 80px 30% 230px 40%;
    } 
    #butler {
       padding: 40px 60px 0 0 ;  
    }
    #butler2 {
       padding: 150px 16% 330px 55%; 
    }
    #butler3 {   
    }
    #behind3 {
        
    }
}
@media (min-width: 1200px) {
      #farm1 h3 {
        padding: 50px 60% 0 0px;
    } 
    #farm2 {
       
    }
}
    img {
        max-width: 100%;
        height: auto;
    }
.img-fluid {
    max-width: 100%;
    height: auto;
}
     .navbar-nav > .active a {
        color: #fa9800;
        text-decoration: none;
    }
      a:hover {
	    text-decoration: none;
	   color:#F98201;
        }
.nav-item {
        padding-bottom: 30px;
    }
    .navbar {
        padding-bottom: 0;
}
@media (min-width: 320px) {
.navbar-toggler {
    margin-bottom: 10px;
}
}