*{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

*{
    font-family: "Arial", Helvetica, sans-serif;
}

body{
    margin: auto;
}

html, body {
    overflow-x: hidden;
    width: 100%;
}

html{
    overflow-y: scroll;
}

.white_logo,.color_logo,.menuLink,.conveyor_pc_header,.conveyor_pc_header_logo,.conveyor_mobile_header_logo{
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
/*****************mobile header******************/
/*****************mobile header******************/
/*****************mobile header******************/
/*****************mobile header******************/
/*****************mobile header******************/
/*****************mobile header******************/
/*****************mobile header******************/
/*****************mobile header******************/

.mobile_menu_table{
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 2em;
    overflow: auto;
    display: none;
    position: fixed;
    z-index: 1002;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-image: url("../img/mobile-menu-bkgrnd.jpg");
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 10vh;
    margin: auto;
    height: 100%; 
    background-size: cover;
    overflow-y: scroll;
    font-size: 1.5em;
    /*border: 2px solid red;*/
    padding-top: 3em;
}

.conveyor_mobile_header{
    display: inline-block;
    left: 0;
    margin-left: 0;
    z-index: 1000;
    position: absolute;
    margin: 0 auto;
    width: 100vw;
    height: auto;
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    /*border: 2px solid green;*/
}

.conveyor_mobile_header_logo{
    position: relative;
    cursor: pointer;
    height: auto;
    margin-top: 2vw;
    width: 100vw;
    z-index: 1003;
    /*margin-left: 30vw;*/
    padding: 2vh 4vw 0vh 4vw;
    /*border: 2px solid orange;*/
}

.conveyor_mobile_header_logo img{
    display: inline-block;
    width: 12em;
    height: auto;
}

#conveyor_mobile_header_menu_button{
    display: inline-block;
    position: relative;
    padding: 0.2em;
    float: right;
    font-size: 1.5em;
    margin-right: 2vw;
    /*border: 2px solid purple;*/
    color: white;
}

.mobile_menu_item{
    display: inline-block;
    margin-top: 1em;
    text-align: center;
    position: relative;
    width: 98%;
    margin-left: 1%;
    height: auto; 
    /*border: 2px solid black;  */
}

.mobile_menu_item{
    display: inline-block;
    /*border: 2px solid pink;*/
}

/*#conveyor_mobile_header_menu_button{
    color: white;
}*/
.mobile_menu_table{
    color: white;
}
/*****************pc header******************/
/*****************pc header******************/
/*****************pc header******************/
/*****************pc header******************/
/*****************pc header******************/
/*****************pc header******************/
/*****************pc header******************/
/*****************pc header******************/
/*****************pc header******************/

.conveyor_pc_header{
    /*border: 2px solid red;*/
    white-space: nowrap;
    letter-spacing: 3px;
    background-color: rgba(255, 255, 255, 0.0);
    display: none;
    position: absolute;
    left: 0;
    top:0;
    width: 100vw;
    height: auto;
    z-index: 5;
    /*color: #3d3d3d;*/
    color: white;
    font-size: 1.2em;
    font-weight: 300;
    /*border-bottom: 2px solid black;*/
    padding: 10px 30px 0px 30px;
}

.conveyor_pc_header a{
    /*border: 2px solid green;*/
    text-decoration: none;
    color: white;
}

.conveyor_pc_header_logo{
    /*border: 2px solid blue;*/
    display: inline-block;
    cursor: pointer;
    height: auto;
    width:40vw;
    position: relative;
    float: left;
    margin-left: 4vw;
    z-index: 100000;
}

.conveyor_pc_header_logo img{
    /*border: 2px solid orange;*/
    width: 100%;
    height: auto;
}

.conveyor_pc_header_menu_table{
    /*border: 2px solid purple;*/
    line-height: 2em;
    position: relative;
    float: right;
    width: auto;
    height: auto;
    margin-right: 2%;
    margin-top: 1%;
    white-space: nowrap;
    display: inline-block;
}

/*.conveyor_pc_header_menu_table img{
    border: 2px solid red;
    width: 4vw;
    height: auto;
    margin:0;
}*/

.conveyor_pc_header_menu_table_item{
    /*border: 2px solid green;*/
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    z-index: 10;
    display: inline-block;
    cursor: pointer;
}

/*.conveyor_pc_header_menu_table_item:hover {
    border-bottom: 2px solid white;
}*/

.conveyor_pc_header_menu_table_item:hover .underline{
    display: block;
}

.underline{
    width: 100%;
    /*height: 5px;*/
    border-bottom: 4px solid white;
    display: none;
    margin-top: -5px;
}

/*****************footer******************/
/*****************footer******************/
/*****************footer******************/
/*****************footer******************/
/*****************footer******************/
/*****************footer******************/
/*****************footer******************/
/*****************footer******************/
/*****************footer******************/
/*****************footer******************/
/*****************footer******************/
/*****************footer******************/

.footer_wrap{
    /*background-color: #939393;*/
    /*border-top: 1px solid #3d3d3d;*/
}
.footer{
    padding-top: 5vh;
    width: 90vw;
    color: white;
    margin-left: 5vw;
    padding-bottom: 5vh;
    display: inline-block;
}

.footer_contact{
    width: 45vw;
    float: left;
}

.footer_info{
    width: 45vw;
    float: left;
}

.footer_header{
    text-align: center;
    margin-bottom: 30px;
    font-size: 0.8em;
    color: black;
}

.footer_copy{
    line-height: 1.5;
    font-size: 0.9em;
    color: black;
}

.footer_copy a{
    text-decoration: none;
    color: black;
}

.foot_bold{
    font-weight: bold;
}

.sub_footer{
    /*border: 2px solid purple;*/
    width: 100vw;
    display: inline-block;
    background-color: #3d3d3d;;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.sub_footer_copy{
    text-decoration: none;
    color: white;
}



/*****************content******************/
/*****************content******************/
/*****************content******************/
/*****************content******************/
/*****************content******************/
/*****************content******************/
/*****************content******************/
/*****************content******************/
/*****************content******************/
/*****************content******************/
/*****************content******************/

.single_show img{
    width: 100vw;
}

.section_heading{
    font-weight: bold;
    color: grey;
}

.big_pic_copy{
    display: none;
    opacity: 1;
    margin-top: 0;
    top: 0;
}

.big_pic_copy_outer_wrap{
    /*border: 2px solid green;*/
    padding-top: 25vh;
    text-align: center;
}

.big_pic_copy_inner_wrap{
    /*border: 2px solid blue;*/
    text-align: center;
    width: 100vw;
    height: auto;
}

.big_pic_copy h2{
    /*border: 2px solid red;*/
    font-size: 1.7em;
    color: white;
    white-space: nowrap;
    margin-top: 6vh;
    padding-left: 2vw;
    padding-right: 2vw;
    width: auto;
    height: auto;
}

.hide_on_pc{
    display: none;
}

.hide_on_mobile{
    /*display: none;*/
}

.conveyor_content{
    width: 100vw;
    left:0;
    z-index: 1;
    position: relative;
}

.big_pic{
    width: 100vw;
    height: 100vh;
    /*background-image: url("../img/eugene-contract-conveyorers-home.jpg");*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

h1,h2,h3{
    padding: 0;
    margin: 0;
    font-size: 24px; 
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1.4;
    color: #666666;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-left: 3vw;
    margin-right: 3vw;
}

.submit_button{
    background-color: #fff;
    border: none;
    color: black;
    padding: 10px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 22px; 
    font-weight: 600;
    border-radius: 5px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    margin-bottom: 10vh;
    cursor: pointer;
}

/*.submit_button:hover {
  background-color: grey;
  color: black;
  border-radius: 15px;
}*/

.section_subheading{
    padding: 0;
    margin: 0;
    font-size: 16px; 
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1.4;
    color: #666666;
}

/*contact formmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/
/*contact formmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/
/*contact formmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/
/*contact formmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/
/*contact formmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/
/*contact formmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/
/*contact formmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/
/*contact formmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/
/*contact formmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/
/*contact formmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/
/*contact formmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/

/*.formBkg{
    background-image: url("../img/eugene-gravel-sand-dirt-delivery.jpg");
    width: 100vh;
    height: 100vh;
}*/

.contact_img_wrap{
    /*border: 2px solid purple;*/
    width: 100%;
    height: auto;
    padding-top: 1em;
    padding-bottom: 1em;
    overflow: hidden;
}

.contact_img{
    width: 15%;
    height: auto;
    display: inline-block;
    /*border: 1px solid green;*/
    float: left;
    margin-left: 7%
}

.contact_img img{
    width: 100%;
    height: auto;
}

.form_wrap{
    /*border: 2px solid red;*/
    width: 100vw;
    /*margin-top: 5vh;*/
    background-image: url("../img/eugene-gravel-sand-dirt-delivery-whiter.jpg");
    overflow: hidden;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    /*min-height: 100vh;*/
    padding-top: 3em;
    margin-top: 30px;
}

.form_input{
    /*border: 2px solid green;*/
    width: 100%;
    float: left;
}

.form_copy{
    /*border: 2px solid purple;*/
    width: 100%;
    float: left;
}

.form_copy h3{
    font-style: italic;
    font-weight: 400;
    color: black;
}

.my_contact{
    /*border: 2px solid red;*/
}

.my_contact_inner{
    /*border: 2px solid blue;*/
    text-align: left;
}

.my_text,.red_text{
    /*border: 2px solid green;*/
    margin-left: 5%;
    font-size: 20px;
    padding-top: 15px;
}

.red_text{
    margin-left: 2%;
}

.my_text_box{
    /*border: 2px solid purple;*/
}

.comments{
    /*border: 2px solid orange;*/
    font-size: 20px;
    width: 90%;
    /*margin-left: 5%;*/
}

.input_len{
    /*border: 2px solid brown;*/
    width: 90%;
    font-size: 20px;
    /*margin-left: 5%;*/
}

.red_text{display: inline;color: red;}


/*three picssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
/*three picssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
/*three picssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
/*three picssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
/*three picssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
/*three picssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
/*three picssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
/*three picssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/

.three_pics{
    max-height: 50vh;
    margin-top: 20px;
}

.three_pics img{
    /*max-width: 33vw;*/
}

.inner_pic,.inner_pic_2,.inner_pic_3,.inner_pic_4{
    display: none;
    float: right;
    width: 33.33%;
    opacity: 1;
    transform: rotate(0deg);
    margin-top: 0vh;
    margin-left: 0px;
    margin-right: 0px;
    transform: scale(1, 1);
    /*border: 1px solid red;*/
}

.inner_pic_2, .inner_pic_3,.inner_pic_4{
    float: left;
}

.inner_pic_3{
    margin-right: 1%;
    margin-left: 1%;
    width: 31%;
}

.inner_pic_4{
    width: 25vw;
}

.inner_pic img{
    width: 100%;
}

.inner_pic_2 img{
    width: 100%;
}

.inner_pic_3 img{
    width: 100%;
}

.inner_pic_4 img{
    width: 100%;
}

/*separatorrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/
/*separatorrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/
/*separatorrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/
/*separatorrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/
/*separatorrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/
/*separatorrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/
/*separatorrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/
/*separatorrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/

.separator_wrap{
    text-align: center;
    margin-top: 50px;
    /*margin-bottom: 30px;*/
}

.separator_wrap_no_margin{
    text-align: center;
    margin-top: 0px;
}

.separator{
    border-bottom: 1px solid black;
    width: 80vw;
    height: auto;
    /*margin: auto;*/
    margin-left: 0px;
    margin-right: 0px;
    /*margin-bottom: 30px;*/
    opacity: 1;
    display: none;
}

/*media queriessssssssssssssssssssssssssssssssssssssssssssssssss*/
/*media queriessssssssssssssssssssssssssssssssssssssssssssssssss*/
/*media queriessssssssssssssssssssssssssssssssssssssssssssssssss*/
/*media queriessssssssssssssssssssssssssssssssssssssssssssssssss*/
/*media queriessssssssssssssssssssssssssssssssssssssssssssssssss*/
/*media queriessssssssssssssssssssssssssssssssssssssssssssssssss*/
/*media queriessssssssssssssssssssssssssssssssssssssssssssssssss*/
/*media queriessssssssssssssssssssssssssssssssssssssssssssssssss*/

/* shrunken screen*/
@media screen and (min-width:320px){}

/* portrait phones*/
@media screen and (max-device-width:738px)
and (orientation: portrait)  {

    .big_pic{
        background-attachment: scroll;
    }

    .big_pic_copy h2{
        font-size: 5.7vw;
    }

	.conveyor_mobile_header_logo{width: 96vw;margin-left: 2vw;}
	 
     .section_heading{
	    font-size: 6vw;
        font-weight: bold;
        color: grey;
	}

	h1,h2,h3{
	    font-size: 5vw; 
	}

    .hide_on_pc{
        display: inline-block;
    }

    .hide_on_mobile{
        display: none;
    }

    .big_pic_copy h2{
        font-size: 5.5vw;
        /*margin-right: 5vw;*/
    }

    .footer_contact{
        width: 90vw;
    }

    .footer_info{
        padding-top: 45px;
        width: 90vw;
    }

    .footer_header{
        font-size: 1em;
    }

    .footer_copy{
        font-size: 1.2em;
    }
}

/*landscape phones*/
@media screen and (max-device-width:738px)
and (orientation: landscape)  {
	/*.conveyor_mobile_header_logo{width: 40vw;margin-left: 30vw;}*/
    #conveyor_mobile_phone_num,#conveyor_mobile_header_menu_button{font-size: 1.6em;}
	/*.conveyor_title{font-size: 1.5em;margin-left: 5vw;padding-bottom: 0px;}*/
    /*.conveyor_copy{font-size: 1.2em;}*/
    /*.conveyor_button{font-size: 1.2em;}*/
    .big_pic{
        background-attachment: scroll;
    }

    .single_show img{
        width: 70vw;
    }

    .section_heading{
	    font-size: 32px;
	}

	h1,h2,h3{
	    font-size: 22px; 
	}

    .hide_on_pc{
        display: inline-block;
    }

    .hide_on_mobile{
        display: none;
    }

    .big_pic_copy h2{
        font-size: 3.5vw;
    }

    .footer_contact{
        width: 90vw;
    }

    .footer_info{
        padding-top: 45px;
        width: 90vw;
    }

    .footer_header{
        font-size: 1em;
    }

    .footer_copy{
        font-size: 1.2em;
    }
}

/* portrait tablets, iPad*/
@media screen and (min-width:739px) 
and (orientation: portrait){
	/*.conveyor_mobile_menu_button_wrapper{font-size: 2.5em;}*/
    #conveyor_mobile_header_menu_button{
        font-size: 2em;
    }
    .conveyor_mobile_header_logo{width: 100vw; margin: 0;}
    .conveyor_mobile_header_logo img{width:40vw;}
    .mobile_menu_table{font-size: 2em;}
    /*.conveyor_wrap{margin-top: 30vh;}*/
    /*.conveyor_copy{font-size: 1.5em;width: 70vw;}*/
    /*.conveyor_button{font-size: 2em;}*/

    .big_pic{
        background-attachment: scroll;
    }

    .my_text,.red_text{
        font-size: 25px;
    }

    .comments{
        font-size: 25px;
    }

    .input_len{
        font-size: 25px;
    }

    .section_heading{
	    font-size: 32px;
	}

    .section_subheading{
        font-size: 25px;
    }

	h1,h2,h3{
	    font-size: 28px; 
	}

    .hide_on_pc{
        display: inline-block;
        /*display: none;*/
    }

    .hide_on_mobile{
        display: none;
        /*display: inline-block;*/
    }

    .big_pic_copy h2{
        font-size: 5vw;
    }

    .footer_contact{
        width: 90vw;
    }

    .footer_info{
        padding-top: 45px;
        width: 90vw;
    }

    .footer_header{
        font-size: 1.5em;
    }

    .footer_copy{
        font-size: 1.7em;
    }

    .sub_footer_copy{
        font-size: 1.5em;
    }
}

/* landscape tablet iPad, pc default */
@media screen and (min-width:961px) 
and (orientation: landscape) { 
	.conveyor_mobile_header{display: none;}
    .conveyor_pc_header{display: inline-block;}

    .conveyor_pc_header_logo{
        width: 30%;
    }
    /*.conveyor_title{padding-left: 5vw;font-size: 2.5em;}*/
    /*.conveyor_copy{width: 40vw;margin-left: 5vw;font-size: 1.4em;}*/
    /*.conveyor_button{font-size: 1.4em;}*/
    .big_pic{
        background-attachment: scroll;
    }

    .big_pic_copy h2{
        font-size: 28px;
    }

	h1,h2,h3{
	    font-size: 28px; 
	}

	.section_heading{
	    font-size: 32px;
	}

    .section_subheading{
        font-size: 28px;
    }

    .contact_today_phone, .contact_today_email{
        bottom: 0px;
    }

    .hide_on_pc{
        display: inline-block;
        display: none;
    }

    .hide_on_mobile{
        display: none;
        display: inline-block;
    }

    .footer_header{
        font-size: 1.3em;
        text-align: left;
    }

    .footer_copy{
        font-size: 1.5em;
    }

    .sub_footer_copy{
        font-size: 1.5em;
    }

    .form_input{
        width: 50%;
        float: right;
    }

    .form_copy{
        width: 50%;
        float: right;
    }
}

/*portrait ipad pro*/
@media screen and (min-width:961px) 
and (orientation: portrait) { 
    .conveyor_mobile_header{display: none;}
    .conveyor_pc_header{display: inline-block;}
    .conveyor_pc_header_logo{width:25vw;}

    .contact_today_phone, .contact_today_email{
        bottom: 0px;
    }

    .big_pic{
        background-attachment: fixed;
    }

    .hide_on_pc{
        display: inline-block;
        display: none;
    }

    .hide_on_mobile{
        display: none;
        display: inline-block;
    }

    .form_input{
        width: 50%;
        float: right;
    }

    .form_copy{
        width: 50%;
        float: right;
    }

    .footer_contact{
        width: 45vw;
    }

    .footer_info{
        width: 45vw;
    }

    .footer_header{
        font-size: 1.3em;
        text-align: left;
    }

    .footer_copy{
        font-size: 1.5em;
    }
}

/* galaxy landscape, big landscape tablets/laptops/desktops */
@media screen and (min-width:1025px) {
    .conveyor_mobile_header{display: none;}
    .conveyor_pc_header{display: inline-block;}
    .conveyor_pc_header_menu_table{margin-right: 2%;}
    .big_pic{
        background-attachment: fixed;
    }

    h1,h2,h3{
	    font-size: 24px; 
	}

	.section_heading{
	    font-size: 32px;
	}

    .contact_today_phone, .contact_today_email{
        bottom: 0px;
    }

    .hide_on_pc{
        display: inline-block;
        display: none;
    }

    .hide_on_mobile{
        display: none;
        display: inline-block;
    }

    .form_input{
        width: 50%;
        float: right;
    }

    .form_copy{
        width: 50%;
        float: right;
    }

    .big_pic_copy h2{
        font-size: 2.1em;
        margin-top: 6vh;
        /*margin-right: 30vw;*/
    }

    .conveyor_pc_header_logo{
        width: 23vw;
        margin-top: 2vh;
    }

    .sub_footer_copy{
        font-size: 1.3em;
    }
}

/* ipad pro landscape, hi-res laptops and desktops*/ 
@media (min-width:1281px) {
	.conveyor_pc_header_logo{margin-left: 5%; width: 20vw;}
    .conveyor_mobile_header{display: none;}
    .conveyor_pc_header{display: inline-block;}

    .big_pic{
        background-attachment: fixed;
    }

    .contact_today_phone, .contact_today_email{
        bottom: 0px;
    }

    .conveyor_pc_header_logo{
        width: 22vw;
    }

    .footer_contact{
        width: 45vw;
    }

    .footer_info{
        width: 45vw;
    }

    .footer_header{
        font-size: 1.1em;
    }

    .footer_copy{
        font-size: 1.3em;
    }

    .sub_footer_copy{
        font-size: 1em;
    }
}

/*@media screen and (min-width:320px){body::before{content: "Shrunken screen";font-weight: bold;display: block;text-align: center;background: rgba(255, 255, 0, 0.9);position: absolute;top: 0;left: 0;right: 0;z-index: 99;}}

@media screen and (max-device-width:738px) and (orientation: portrait){body::before{content: "Portrait phone";font-weight: bold;display: block;text-align: center;background: rgba(255, 255, 0, 0.9);position: absolute;top: 0;left: 0;right: 0;z-index: 99;}}

@media screen and (max-device-width:738px) and (orientation: landscape){body::before{content: "Landscape phone";font-weight: bold;display: block;text-align: center;background: rgba(255, 255, 0, 0.9);position: absolute;top: 0;left: 0;right: 0;z-index: 99;}}

@media screen and (min-width:739px) and (orientation: portrait){body::before{content: "Portrait tablet/ipad";font-weight: bold;display: block;text-align: center;background: rgba(255, 255, 0, 0.9);position: absolute;top: 0;left: 0;right: 0;z-index: 99;}}

@media screen and (min-width:961px) and (orientation: portrait){body::before{content: "Portrait ipad pro";font-weight: bold;display: block;text-align: center;background: rgba(255, 255, 0, 0.9);position: absolute;top: 0;left: 0;right: 0;z-index: 99;}}

@media screen and (min-width:961px) and (orientation: landscape){body::before{content: "Landscape ipad, pc default";font-weight: bold;display: block;text-align: center;background: rgba(255, 255, 0, 0.9);position: absolute;top: 0;left: 0;right: 0;z-index: 99;}}

@media screen and (min-width:1025px) {body::before {content: "Galaxy landscape, big landscape tablets/laptops/desktops";font-weight: bold;display: block;text-align: center;background: rgba(255, 255, 0, 0.9);position: absolute;top: 0;left: 0;right: 0;z-index: 99;}}

@media (min-width:1281px) {body::before {content: "ipad pro landscape, hi-res laptops and desktops";font-weight: bold;display: block;text-align: center;background: rgba(255, 255, 0, 0.9);position: absolute;top: 0;left: 0;right: 0;z-index: 99;}}


*/

















/*enterance animateddddddddddddddddddddddddddddddddddddddddddddddddddd*/
/*enterance animateddddddddddddddddddddddddddddddddddddddddddddddddddd*/
/*enterance animateddddddddddddddddddddddddddddddddddddddddddddddddddd*/
/*enterance animateddddddddddddddddddddddddddddddddddddddddddddddddddd*/
/*enterance animateddddddddddddddddddddddddddddddddddddddddddddddddddd*/
/*enterance animateddddddddddddddddddddddddddddddddddddddddddddddddddd*/
/*enterance animateddddddddddddddddddddddddddddddddddddddddddddddddddd*/
/*enterance animateddddddddddddddddddddddddddddddddddddddddddddddddddd*/
/*enterance animateddddddddddddddddddddddddddddddddddddddddddddddddddd*/
/*enterance animateddddddddddddddddddddddddddddddddddddddddddddddddddd*/
.entrance_animation_wrap{
    padding-top: 30px;
    text-align: center;
}
.entrance_animation{
    width: 100vw;
    height: auto;
    display: none;
    opacity: 1;
    margin-top: 0vh;
}


.phone_animation{
    -webkit-animation-name: phone_animation;
    -webkit-animation-duration: 1.5s;
    animation-name: phone_animation;
    animation-duration: 1.5s;
}

@-webkit-keyframes phone_animation{
    0% {right:-100px; background-color: red;} 
    100% {right: 0px; background-color: grey;}
}

@-moz-keyframes phone_animation{
    0% {right:-100px; background-color: red;} 
    100% {right: 0px; background-color: grey;}
}

@-o-keyframes phone_animation{
    0% {right:-100px; background-color: red;} 
    100% {right: 0px; background-color: grey;}
}

@keyframes phone_animation{
    0% {right:-100px; background-color: red;} 
    100% {right: 0px; background-color: grey;}
}

.email_animation{
    -webkit-animation-name: email_animation;
    -webkit-animation-duration: 1.5s;
    animation-name: email_animation;
    animation-duration: 1.5s;
}

@-webkit-keyframes email_animation{
    0% {left:-100px; background-color: red;} 
    100% {left: 0px; background-color: grey;}
}

@-moz-keyframes email_animation{
    0% {left:-100px; background-color: red;} 
    100% {left: 0px; background-color: grey;}
}

@-o-keyframes email_animation{
    0% {left:-100px; background-color: red;} 
    100% {left: 0px; background-color: grey;}
}

@keyframes email_animation{
    0% {left:-100px; background-color: red;} 
    100% {left: 0px; background-color: grey;}
}

.rotate1{
    -webkit-animation-name: rotate_one;
    -webkit-animation-duration: 1s;
    animation-name: rotate_one;
    animation-duration: 1s;
    transform-origin: bottom right;
}

@-webkit-keyframes rotate_one{
    0% {transform: rotate(-30deg); opacity: 0;} 
    100% {transform: rotate(0deg); opacity: 1;}
}

@-moz-keyframes rotate_one{
    0% {transform: rotate(-30deg); opacity: 0;} 
    100% {transform: rotate(0deg); opacity: 1;}
}

@-o-keyframes rotate_one{
    0% {transform: rotate(-30deg); opacity: 0;} 
    100% {transform: rotate(0deg); opacity: 1;}
}

@keyframes rotate_one{
    0% {transform: rotate(-30deg); opacity: 0;} 
    100% {transform: rotate(0deg); opacity: 1;}
}

.slide_up_underline{
    -webkit-animation-name: slide_up_underline;
    -webkit-animation-duration: 0.5s;
    animation-name: slide_up_underline;
    animation-duration: 0.5s;
}

@-webkit-keyframes slide_up_underline{
    0% {margin-top: 10px; opacity: 0;} 
    100% {margin-top: -5px; opacity: 1;}
}

@-moz-keyframes slide_up_underline{
    0% {margin-top: 10px; opacity: 0;} 
    100% {margin-top: -5px; opacity: 1;}
}

@-o-keyframes slide_up_underline{
    0% {margin-top: 10px; opacity: 0;} 
    100% {margin-top: -5px; opacity: 1;}
}

@keyframes slide_up_underline{
    0% {margin-top: 10px; opacity: 0;} 
    100% {margin-top: -5px; opacity: 1;}
}

.slide_up{
    -webkit-animation-name: slide_up;
    -webkit-animation-duration: 1.5s;
    animation-name: slide_up;
    animation-duration: 1.5s;
}

@-webkit-keyframes slide_up{
    0% {margin-top: 200px; opacity: 0;} 
    100% {margin-top: 0px; opacity: 1;}
}

@-moz-keyframes slide_up{
    0% {margin-top: 200px; opacity: 0;} 
    100% {margin-top: 0px; opacity: 1;}
}

@-o-keyframes slide_up{
    0% {margin-top: 200px; opacity: 0;} 
    100% {margin-top: 0px; opacity: 1;}
}

@keyframes slide_up{
    0% {margin-top: 200px; opacity: 0;} 
    100% {margin-top: 0px; opacity: 1;}
}

.slide_up_contact_4{
    -webkit-animation-name: slide_up_contact;
    -webkit-animation-duration: 1.5s;
    animation-name: slide_up_contact;
    animation-duration: 1.5s;
}

@-webkit-keyframes slide_up_contact{
    0% {margin-top: 200px; opacity: 0;} 
    100% {margin-top: 4px; opacity: 1;}
}

@-moz-keyframes slide_up_contact{
    0% {margin-top: 200px; opacity: 0;} 
    100% {margin-top: 4px; opacity: 1;}
}

@-o-keyframes slide_up_contact{
    0% {margin-top: 200px; opacity: 0;} 
    100% {margin-top: 4px; opacity: 1;}
}

@keyframes slide_up_contact{
    0% {margin-top: 200px; opacity: 0;} 
    100% {margin-top: 4px; opacity: 1;}
}

.slide_up_contact_20{
    -webkit-animation-name: slide_up_contact_t;
    -webkit-animation-duration: 1.5s;
    animation-name: slide_up_contact_t;
    animation-duration: 1.5s;
}

@-webkit-keyframes slide_up_contact_t{
    0% {margin-top: 200px; opacity: 0;} 
    100% {margin-top: 20px; opacity: 1;}
}

@-moz-keyframes slide_up_contact_t{
    0% {margin-top: 200px; opacity: 0;} 
    100% {margin-top: 20px; opacity: 1;}
}

@-o-keyframes slide_up_contact_t{
    0% {margin-top: 200px; opacity: 0;} 
    100% {margin-top: 20px; opacity: 1;}
}

@keyframes slide_up_contact_t{
    0% {margin-top: 200px; opacity: 0;} 
    100% {margin-top: 20px; opacity: 1;}
}

.slide_up_scale{
    -webkit-animation-name: slide_up_scale;
    -webkit-animation-duration: 1.5s;
    animation-name: slide_up_scale;
    animation-duration: 1.5s;
}

@-webkit-keyframes slide_up_scale{
    0% {margin-top: 200px; opacity: 0;transform: scale(0,0);} 
    100% {margin-top: 0px; opacity: 1;transform: scale(1,1);}
}

@-moz-keyframes slide_up_scale{
    0% {margin-top: 200px; opacity: 0;transform: scale(0,0);} 
    100% {margin-top: 0px; opacity: 1;transform: scale(1,1);}
}

@-o-keyframes slide_up_scale{
    0% {margin-top: 200px; opacity: 0;transform: scale(0,0);} 
    100% {margin-top: 0px; opacity: 1;transform: scale(1,1);}
}

@keyframes slide_up_scale{
    0% {margin-top: 200px; opacity: 0;transform: scale(0,0);} 
    100% {margin-top: 0px; opacity: 1;transform: scale(1,1);}
}

.rotate2{
    -webkit-animation-name: rotate_two;
    -webkit-animation-duration: 1.5s;
    animation-name: rotate_two;
    animation-duration: 1.5s;
}

@-webkit-keyframes rotate_two{
    0% {transform: rotate(-80deg);margin-right: 5%;} 
    100% {transform: rotate(0deg);margin-right: 0%;}
}

@-moz-keyframes rotate_two{
    0% {transform: rotate(-80deg);margin-right: 5%;} 
    100% {transform: rotate(0deg);margin-right: 0%;}
}

@-o-keyframes rotate_two{
    0% {transform: rotate(-80deg);margin-right: 5%;} 
    100% {transform: rotate(0deg);margin-right: 0%;}
}

@keyframes rotate_two{
    0% {transform: rotate(-80deg);margin-right: 5%;} 
    100% {transform: rotate(0deg);margin-right: 0%;}
}


.slide_from_right{
    -webkit-animation-name: slide_from_right;
    -webkit-animation-duration: 1s;
    animation-name: slide_from_right;
    animation-duration: 1s;
    animation-timing-function: ease-out;
}

@-webkit-keyframes slide_from_right{
    0% {margin-left: 100px; opacity: 0;} 
    100% {margin-left: 0px; opacity: 1;}
}

@-moz-keyframes slide_from_right{
    0% {margin-left: 100px; opacity: 0;} 
    100% {margin-left: 0px; opacity: 1;}
}

@-o-keyframes slide_from_right{
    0% {margin-left: 100px; opacity: 0;} 
    100% {margin-left: 0px; opacity: 1;}
}

@keyframes slide_from_right{
    0% {margin-left: 100px; opacity: 0;} 
    100% {margin-left: 0px; opacity: 1;}
}


.slide_from_left_vid_words{
    -webkit-animation-name: slide_from_left_vid_words;
    -webkit-animation-duration: 0.75s;
    animation-name: slide_from_left_vid_words;
    animation-duration: 0.75s;
    animation-timing-function: ease-out;
}

@-webkit-keyframes slide_from_left_vid_words{
    0% {margin-right: 30px; opacity: 0;} 
    100% {margin-right: 0px; opacity: 1;}
}

@-moz-keyframes slide_from_left_vid_words{
    0% {margin-right: 30px; opacity: 0;} 
    100% {margin-right: 0px; opacity: 1;}
}

@-o-keyframes slide_from_left_vid_words{
    0% {margin-right: 30px; opacity: 0;} 
    100% {margin-right: 0px; opacity: 1;}
}

@keyframes slide_from_left_vid_words{
    0% {margin-right: 30px; opacity: 0;} 
    100% {margin-right: 0px; opacity: 1;}
}


.slide_from_left{
    -webkit-animation-name: slide_from_left;
    -webkit-animation-duration: 1s;
    animation-name: slide_from_left;
    animation-duration: 1s;
    animation-timing-function: ease-out;
}

@-webkit-keyframes slide_from_left{
    0% {margin-right: -150px; opacity: 0;} 
    100% {margin-right: 0px; opacity: 1;}
}

@-moz-keyframes slide_from_left{
    0% {margin-right: -150px; opacity: 0;} 
    100% {margin-right: 0px; opacity: 1;}
}

@-o-keyframes slide_from_left{
    0% {margin-right: -150px; opacity: 0;} 
    100% {margin-right: 0px; opacity: 1;}
}

@keyframes slide_from_left{
    0% {margin-right: -150px; opacity: 0;} 
    100% {margin-right: 0px; opacity: 1;}
}


.slide_from_left2{
    -webkit-animation-name: slide_from_left_two;
    -webkit-animation-duration: 1s;
    animation-name: slide_from_left_two;
    animation-duration: 1s;
    animation-timing-function: ease-out;
}

@-webkit-keyframes slide_from_left_two{
    0% {margin-right: -100px; opacity: 0;} 
    100% {margin-right: 0px; opacity: 1;}
}

@-moz-keyframes slide_from_left_two{
    0% {margin-right: -100px; opacity: 0;} 
    100% {margin-right: 0px; opacity: 1;}
}

@-o-keyframes slide_from_left_two{
    0% {margin-right: -100px; opacity: 0;} 
    100% {margin-right: 0px; opacity: 1;}
}

@keyframes slide_from_left_two{
    0% {margin-right: -100px; opacity: 0;} 
    100% {margin-right: 0px; opacity: 1;}
}

.zoom{
    -webkit-animation-name: coffee;
    -webkit-animation-duration: 1.5s;
    animation-name: coffee;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
}

@-webkit-keyframes coffee{
    0% {transform: scale(0,0);} 
    100% {transform: scale(1,1);}
}

@-moz-keyframes coffee{
    0% {transform: scale(0,0);} 
    100% {transform: scale(1,1);}
}

@-o-keyframes coffee{
    0% {transform: scale(0,0);} 
    100% {transform: scale(1,1);}
}

@keyframes coffee{
    0% {transform: scale(0,0);} 
    100% {transform: scale(1,1);}
}

.fade_in{
    -webkit-animation-name: fade_in;
    -webkit-animation-duration: 1.5s;
    animation-name: fade_in;
    animation-duration: 1.5s;
    /*animation-timing-function: ease-out;*/
}

@-webkit-keyframes fade_in{
    0% {opacity: 0;} 
    100% {opacity: 1;}
}

@-moz-keyframes fade_in{
    0% {opacity: 0;} 
    100% {opacity: 1;}
}

@-o-keyframes fade_in{
    0% {opacity: 0;} 
    100% {opacity: 1;}
}

@keyframes fade_in{
    0% {opacity: 0;} 
    100% {opacity: 1;}
}

.separator_slide_left{
    -webkit-animation-name: slide_left;
    -webkit-animation-duration: 1.5s;
    animation-name: slide_left;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
}

@-webkit-keyframes slide_left{
    0% {margin-left: -100vw; opacity: 0;} 
    100% {margin-left: 0px; opacity: 1;}
}

@-moz-keyframes slide_left{
    0% {margin-left: -100vw; opacity: 0;} 
    100% {margin-left: 0px; opacity: 1;}
}

@-o-keyframes slide_left{
    0% {margin-left: -100vw; opacity: 0;} 
    100% {margin-left: 0px; opacity: 1;}
}

@keyframes slide_left{
    0% {margin-left: -100vw; opacity: 0;} 
    100% {margin-left: 0px; opacity: 1;}
}



.separator_slide_right{
    -webkit-animation-name: slide_right;
    -webkit-animation-duration: 1.5s;
    animation-name: slide_right;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    margin-top: 30px;
}

@-webkit-keyframes slide_right{
    0% {margin-left: 100vw; opacity: 0;} 
    100% {margin-left: 0px; opacity: 1;}
}

@-moz-keyframes slide_right{
    0% {margin-left: 100vw; opacity: 0;} 
    100% {margin-left: 0px; opacity: 1;}
}

@-o-keyframes slide_right{
    0% {margin-left: 100vw; opacity: 0;} 
    100% {margin-left: 0px; opacity: 1;}
}

@keyframes slide_right{
    0% {margin-left: 100vw; opacity: 0;} 
    100% {margin-left: 0px; opacity: 1;}
}


.wiggle{
    -webkit-animation-name: wiggle;
    -webkit-animation-duration: 1s;
    animation-name: wiggle;
    animation-duration: 1s;
    animation-timing-function: ease-in;
}

@-webkit-keyframes wiggle{
    0% {transform: rotate(20deg);transform: scale(1,1);} 
    20% {transform: rotate(-16deg);transform: scale(1.2,1.2);} 
    40% {transform: rotate(12deg);} 
    60% {transform: rotate(-8deg);} 
    80% {transform: rotate(4deg);transform: scale(1.2,1.2);} 
    100% {transform: rotate(0deg);transform: scale(1,1);}
}

@-moz-keyframes wiggle{
    0% {transform: rotate(20deg);transform: scale(1,1);} 
    20% {transform: rotate(-16deg);transform: scale(1.2,1.2);} 
    40% {transform: rotate(12deg);} 
    60% {transform: rotate(-8deg);} 
    80% {transform: rotate(4deg);transform: scale(1.2,1.2);} 
    100% {transform: rotate(0deg);transform: scale(1,1);}
}

@-o-keyframes wiggle{
    0% {transform: rotate(20deg);transform: scale(1,1);} 
    20% {transform: rotate(-16deg);transform: scale(1.2,1.2);} 
    40% {transform: rotate(12deg);} 
    60% {transform: rotate(-8deg);} 
    80% {transform: rotate(4deg);transform: scale(1.2,1.2);} 
    100% {transform: rotate(0deg);transform: scale(1,1);}
}

@keyframes wiggle{
    0% {transform: rotate(20deg);transform: scale(1,1);} 
    20% {transform: rotate(-16deg);transform: scale(1.2,1.2);} 
    40% {transform: rotate(12deg);} 
    60% {transform: rotate(-8deg);} 
    80% {transform: rotate(4deg);transform: scale(1.2,1.2);} 
    100% {transform: rotate(0deg);transform: scale(1,1);}
}

.bounce_scale{
    -webkit-animation-name: bounce_scale;
    -webkit-animation-duration: 1s;
    animation-name: bounce_scale;
    animation-duration: 1s;
}

@-webkit-keyframes bounce_scale{
    0% {transform: scale(0,0);} 
    20% {transform: scale(1.15,1.15);} 
    40% {transform: scale(0.85,0.85);} 
    60% {transform: scale(1.05,1.05);} 
    80% {transform: scale(0.95,0.95);} 
    100% {transform: scale(1,1);}
}

@-moz-keyframes bounce_scale{
    0% {transform: scale(0,0);} 
    20% {transform: scale(1.15,1.15);} 
    40% {transform: scale(0.85,0.85);} 
    60% {transform: scale(1.05,1.05);} 
    80% {transform: scale(0.95,0.95);} 
    100% {transform: scale(1,1);}
}

@-o-keyframes bounce_scale{
    0% {transform: scale(0,0);} 
    20% {transform: scale(1.15,1.15);} 
    40% {transform: scale(0.85,0.85);} 
    60% {transform: scale(1.05,1.05);} 
    80% {transform: scale(0.95,0.95);} 
    100% {transform: scale(1,1);}
}

@keyframes bounce_scale{
    0% {transform: scale(0,0);} 
    20% {transform: scale(1.15,1.15);} 
    40% {transform: scale(0.85,0.85);} 
    60% {transform: scale(1.05,1.05);} 
    80% {transform: scale(0.95,0.95);} 
    100% {transform: scale(1,1);}
}



.copy_show{
    -webkit-animation-name: copy_show_one;
    -webkit-animation-duration: 1.5s;
    animation-name: copy_show_one;
    animation-duration: 1.5s;
}

@-webkit-keyframes copy_show_one{
    0% {margin-top: 50px; opacity: 0;} 
    100% {margin-top: 0px; opacity: 1;}
}

@-moz-keyframes copy_show_one{
    0% {margin-top: 50px; opacity: 0;} 
    100% {margin-top: 0px; opacity: 1;}
}

@-o-keyframes copy_show_one{
    0% {margin-top: 50px; opacity: 0;} 
    100% {margin-top: 0px; opacity: 1;}
}

@keyframes copy_show_one{
    0% {margin-top: 50px; opacity: 0;} 
    100% {margin-top: 0px; opacity: 1;}
}