body{


    display: none;


}

h1{
    font-size: 6vw;
}





.Mobile{


    display: none;


}





.Parallax {


    background-image: url("Assets/WalnutWood2.jpg");





    min-height: 75vh;





    background-attachment: fixed;


    background-position: center;


    background-repeat: repeat;


    padding-top: 0vw;


    padding-bottom: 3vw;


    transition: 350ms;


}





.HeaderImg{


    background: url("Assets/header_img.jpg");


    background-repeat: no-repeat;


    background-size: cover;


    height: 100vh;


    width: 100%;


    display: flex;


    flex-direction: column;

    align-items: center;

    justify-content: center;


    margin-left: auto;


    margin-right: auto;


    margin-bottom: 4vw;


    align-items: center;


    text-align: center;


    box-shadow: 0px 0px 33px 3px rgba(0,0,0,0.75);


}

.LogoContainer{
    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;
    height: 60%;
    width: 100%;
    margin-top: 5vw;
}

#HeaderButtonContainer{
    height: 40%;
}

.ButtonContainer{
    display: flex;
    width: 100%;
    justify-content: space-evenly;
}


#CompanyLogo{
    width: 15vw;
    height: 15vw;
    background: url("Assets/Snapchat-867439680.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.ColumnContainer{
    height: 40vw;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.Column{
    width: 20vw;
    height: 35vw;
    background-color: rgba(102,76,40, .8);
    box-shadow: 0px 0px 33px 3px rgba(0,0,0,0.75);
    border-radius: 15px 16px 0px 0px;
}

.ColumnHeader{
    width: 100%;
    height: 15%;
    background-color: #422a14;
    box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.75);
    border-radius: 15px 16px 0px 0px;
    font-size: 2vw;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ColumnText{
    font-size: 1.3vw;
    text-align: left;
    padding: 1vw;
    line-height: 1.6vw;
}

.Socials{
    width: 20vw;


    padding: none;


    margin: none;


    display: flex;


    align-items: top;


    justify-content: flex-end;
}

.Socials img {


    width: 4vw;


    height: 4vw;


    padding: .5vw;


}

.Contact{
    width: 20vw;
    font-size: 1.5vw;
    padding-top: .75vw;
    color: #f7f0f0;
    text-align: left;
    display: flex;
    align-items: top;
    text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);
}


.CenterWrap{
    color: #f7f0f0;
}


.Video{


    height: 45vw;


    width: 79.8vw;


    margin-bottom: 5vw;


    display: flex;


    margin-left: auto;


    margin-right: auto;


    box-shadow: 0px 0px 33px 3px rgba(0,0,0,0.75);


    border-style: none;


    text-align: center;


    font-size: 3.5vw;


    color: #f7f0f0;


}


#TripsButtonContainer{
    margin-bottom: 3vw;
    margin-top: 2vw;
}


.Video a{


    text-decoration: none;


    text-decoration: underline;


}





.PageText{


    color: #f7f0f0;


    text-align: center;


    text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);


}





.Heading{


    font-size: 3.5vw;


    padding-bottom: 1vw;


    color: #f7f0f0;


    text-align: center;


    text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);


}





.SubHeadings{


    font-size: 2vw;


    line-height: 2.5vw;


    margin-bottom: 6vw;


    line-height: 1vw;


}





.PageText1{


    color: #f7f0f0;


    text-align: center;


    text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);


}





.Heading1{


    font-size: 6vw;


    padding: 1vw;


    color: #f7f0f0;


    text-align: center;


    text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);


    margin-left: auto;


    margin-right: auto;


}





.SubHeadings1{


    font-size: 3vw;


    line-height: 3.5vw;


    margin-bottom: 3vw;


}


.SubSubHeadings1{
    padding-top: 2vw;
    font-size: 2vw;
    line-height: 3vw;
}




.Content-Wrapper{


    padding: 2.5vw;


    padding-bottom: 0vw;


}

.WhoWeAreWrapper{
    width: 100%;
    height: 45vw;
    background: url("Assets/HomePageSection.png");
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 33px 3px rgba(0,0,0,0.75);
    display: flex;
    margin-top: 5vw;
    margin-bottom: 5vw;
}

.TitleWrapper{
    width: 30%;
    padding-left: 10vw;
    padding-top: 3vw;
    color: white;
    font-size: 3vw;
    text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);
}

.Divider{
    height: .2vw;
    margin-top: 1vw;
    width: 9vw;
    background-color: white;
}

.WhoWeAreText{
    Width: 70%;
    height: 100%;
    padding-top: 4vw;
    padding-right: 10vw;
    color: white;
    font-size: 1.6vw;
    line-height: 1.6vw;
    text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);
}   


.MeetUsWrapper{


    display: flex;


    justify-content: space-between;


    color: #f7f0f0;


    margin-top: 1.5vw;


}





.MeetUs {


    color: #f7f0f0;


    background-color:rgba(102,76,40, .8);


    text-align: center;


    width: 60vw;


    margin-right: 1.5vw;


    box-shadow: 0px 0px 33px 3px rgba(0,0,0,0.75);


    padding: 1vw;


}





.MeetUsHeading{


    font-size: 2vw;


    padding: 2.5vw;


}





.MeetUsContent{


    font-size: 1.4vw;


    padding-left: 1vw;


    padding-right: 1vw;


}





.MeetUsPic {


    background:url("Assets/northgeorgiatroutfishing_20201009_1.png");


    background-repeat: no-repeat;


    background-position: center;


    background-size: cover;


    width: 45vw;


    height: 45vw;


    box-shadow: 0px 0px 33px 3px rgba(0,0,0,0.75);


}





.RecordWrapper{


    display: flex;


    padding: 2.5vw;

    margin-bottom: 2.5vw;


}





.Record{


    color: #f7f0f0;


    width: 100%;


    margin-left: auto;


    margin-right: auto;


    display: flex;


    justify-content:space-between;


}





.RecordText{


    background-color:rgba(102,76,40, .8);


    box-shadow: 0px 0px 33px 3px rgba(0,0,0,0.75);


    text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);


    width: 47vw;


    height: 35vw;


}





.RecordTitle{


    font-size: 2vw;


    padding: 2.5vw;


    color: #f7f0f0;


    text-align: center;


}





.RecordChar{


    font-size: 1.4vw;


    padding-left: 2vw;


    padding-right: 2vw;


    text-align: center;


}





.RecordImg{


    box-shadow: 0px 0px 33px 3px rgba(0,0,0,0.75);


    background: url("Assets/IMG_0813.jpg");


    background-repeat: no-repeat;


    background-position: center;


    background-size: cover;


    width: 45vw;


    height: 35vw;


}





.RecordLink{


    color: #f7f0f0;


}

.TUWrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 20vw;
    margin-top: 3vw;
    margin-bottom: 5vw;
}

.TUImage{
    background: url("Assets/Trout_unlimited.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    width: 13.3vw;
}





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


    .Socials{
        display: none;
    }

    .Contact{
        display: none;
    }


    .Desktop{


        display: none;


    }





    h1{


        font-size: 8vw;


    }


    .ColumnContainer{
        flex-direction: column;
        height: auto;
    }

    .Column{
        width: 80vw;
        height: 100vw;
        margin-bottom: 8vw;
    }

    .ColumnHeader{
        font-size: 6vw;
    }

    .ColumnText{
        padding-top: 5vw;
        font-size: 4vw;
        line-height: 5vw;
    }



    .Mobile{


        display: block;


    }





    .Parallax{


        padding-bottom: 8vw;/*410 616  148 158 88*/ 


        background-attachment: scroll;


    }





    .Video{


        height: 45vw;


        font-size: 6vw;


    }





    .PageText{


        color: #f7f0f0;


        text-align: center;


        text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);


        padding-bottom: 2vw;


    }


    


    .Heading{


        font-size: 12vw;


        padding: 1vw;


    }


    


    .SubHeadings{


        font-size: 6vw;


        line-height: 7vw;


        margin-top: 2vw;


    }


    


    .PageText1{


        box-sizing: border-box;


        color: #f7f0f0;


        text-align: center;


        text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);


        padding: 2vw;


        width: 90vw;


        display: flex;


        flex-direction: column;


        margin-left: auto;


        margin-right: auto;


        margin-bottom: none;


    }


    .Heading1{





        font-size: 8vw;


        padding: 1vw;


        color: #f7f0f0;


        text-align: center;


        text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);


        padding-bottom: 2vw;


    }


    


    .SubHeadings1{


        font-size: 8vw;


        line-height: 10vw;


    }

    .SubSubHeadings1{
        font-size: 5vw;
        line-height: 8vw;
    }




    .AboutMeetUsPhone{


        width: 90vw;


        height: 15vw;


        display: flex;


        align-items: center;


        justify-content: center;


        color: #f7f0f0;


        text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);


        margin-left: auto;


        margin-right: auto; 


        margin-top: 8vw;


        background-color: rgba(102,76,40, .8);


        box-shadow: 0px 0px 33px 3px rgba(0,0,0,0.75);


        font-size: 6vw;


        cursor: pointer;


        -webkit-user-select: none; /* Safari */        


        -moz-user-select: none; /* Firefox */


        -ms-user-select: none; /* IE10+/Edge */


        user-select: none; /* Standard */


    }





    .AboutMeetUsPhone img{


        height: 10vw;


        width: 10vw;


        transition: 350ms;


        -webkit-user-select: none; /* Safari */        


        -moz-user-select: none; /* Firefox */


        -ms-user-select: none; /* IE10+/Edge */


        user-select: none; /* Standard */


    }





    .AboutMeetUsPhone img.clicked{


        transform: rotate(180deg);


    }





    .AboutUsPhone{


        display: none;


        width: 80vw;


        color: #f7f0f0;


        text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);


        text-align: center;


        margin-left: auto;


        margin-right: auto; 


        margin-top: 8vw;


        background-color: rgba(102,76,40, .8);


        box-shadow: 0px 0px 33px 3px rgba(0,0,0,0.75);


        font-size: 4vw;


        padding: 4vw;


    }





    .MeetUsPhone{


        display: none;


        width: 80vw;


        color: #f7f0f0;


        text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);


        text-align: center;


        margin-left: auto;


        margin-right: auto; 


        margin-top: 8vw;


        background-color: rgba(102,76,40, .8);


        box-shadow: 0px 0px 33px 3px rgba(0,0,0,0.75);


        font-size: 4vw;


        padding: 4vw;


    }





    .PhonePic{


        width: 88vw;


        height: 80vw;


        display: flex;


        margin-left: auto;


        margin-right: auto;


        margin-top: 4vw;


        object-fit: cover;


    }





    .RecordWrapper{


        margin-top: 6.5vw;


    }





    .Record{


        flex-direction: column-reverse;


        justify-content:space-between;


    }


    


    .RecordText{


        background-color:rgba(102,76,40, .8);


        box-shadow: 0px 0px 33px 3px rgba(0,0,0,0.75);


        width: 90vw;


        margin-bottom: 8vw;


        height: 74vw;


        margin-left: auto;


        margin-right: auto;


    }





    .RecordTitle{


        font-size: 6vw;


        padding: 2.5vw;


        color: #f7f0f0;


        text-align: center;


    }


    


    .RecordChar{


        font-size: 4vw;


        padding-left: 2vw;


        padding-right: 2vw;


        text-align: center;


    }


    


    .RecordImg{


        box-shadow: 0px 0px 33px 3px rgba(0,0,0,0.75);


        background: url("Assets/IMG_0813.jpg");


        background-repeat: no-repeat;


        background-position: center;


        background-size: cover;


        width: 90vw;


        height: 65vw;


        margin-left: auto;


        margin-right: auto;


    }

    .TUWrapper{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 90vw;
        margin-top: 10vw;
        margin-bottom: 15vw;

    }
    
    .TUImage{
        background: url("Assets/Trout_unlimited.jpg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 100%;
        width: 60vw;
    }

    .WhoWeAreWrapper{
        margin-top: 10vw;
        flex-direction: column;
        height: auto;
        padding-bottom: 5vw;
    }

    .TitleWrapper{
        font-size: 6vw;
        width: 40vw;
    }

    .WhoWeAreText{
        padding-left: 10vw;
        font-size: 4vw;
        line-height: 5vw;
    }

    .Divider{
        height: .4vw;
        width: 20vw;
    }


}





/* Background pattern from Toptal Subtle Patterns */


/* #507786- blue, #505050- grey*/