// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 400 to 900

.gabarito-<uniquifier> {
  font-family: "Gabarito", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.gabarito-bold {
  font-family: "Gabarito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.gabarito-medium {
  font-family: "Gabarito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.gabarito-medium-ital {
  font-family: "Gabarito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-style: oblique;
}

.anaheim-regular {
  font-family: "Anaheim", sans-serif;
  font-weight: 400;
  font-style: normal;
}

html, body { width: 100%; height: 100%; margin: 0; padding: 0; background-color: #000000; scroll-behavior: smooth; }
#bkg_1 { opacity: 0.75; display: block; position: fixed; width: 150%; height: 150%; z-index: 0; background-image: url('bkg_1_opt.jpg'); background-size: cover; background-position: center center; transition: 1s; -webkit-transform: scaleX(1);
  transform: scaleX(1);}
#container { width: 90%; max-width: 1600px; margin: 0 0 0 50%; transform: translateX(-50%); padding: 0; }

h1 { font-size: 84px; line-height: 96px; font-family: "Gabarito", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; }
h2 { font-size: 48px; line-height: 56px; font-family: "Gabarito", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; }
h3 { font-size: 36px; line-height: 42px; font-family: "Gabarito", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; }
h4 { font-size: 24px; line-height: 30px; font-family: "Gabarito", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; }

p { font-size: 24px; line-height: 30px; font-family: "Anaheim", sans-serif; font-weight: 400; font-style: normal; }
.large { font-size: 27px; line-height: 36px; }
.small { font-size: 21px; line-height: 27px; }
.tiny { font-size: 16px; line-height: 16px; }

.on_dark { color:#FFFFFF; }
.on_light { color:#333333; }
.content { width: 90%; max-width: 1600px; margin-left: 50%; transform: translateX(-50%); }
	a { color:#FFFFFF; text-decoration: none; }
a:hover { cursor: pointer; color:#df0771; }
i:hover { cursor: pointer; color:#df0771; }
button { background-color:#000000; display: inline-block; height: 40px; border-style: solid; border-width: 1px; border-color:#FFFFFF; padding: 5px 10px 5px 10px; color:#FFFFFF; text-align: center; font-size: 16px; line-height: 20px; font-family: "Anaheim", sans-serif; font-weight: 400; font-style: normal; margin-top: 20px; }

button:hover { background-color:#BF154E; cursor: pointer; }

#ess, #en_la, #bee, #ue_dash { width: auto; transition: 0.5s; }
#m_w { position: relative; display: inline; transition: 0.5s; }
#m { display: inline-block; transition: 0.5s; transform: rotate(0deg); }
#ell { transition: 0.5s; }
#ell_design { width: 0px; opacity: 0; transition: 1s; margin-left: 100px; }
#mobile_header { display: none; }
#header { position: fixed; opacity: 0; height: 72px; background-color:rgba(0,0,0,0.9); padding: 0; margin: 0; top: 0; left: 0; width: 100%; z-index: 9999; transition: 1s; border-style: solid; border-width: 0px 0px 1px 0px; border-color:#df0771; }

#header_left { margin: 0; padding: 0; width: 200px; display: block; float: left; }
#header_right a { text-transform: uppercase; font-size: 16px; line-height: 16px; font-family: "Anaheim", sans-serif; font-weight: 400; font-style: normal; text-decoration: none; margin: -10px 5px 0px 5px; }
#header_right { margin: 0; padding: 0; width: calc(100% - 200px); display: block; float: right; text-align: right; }
#header_right i { font-size: 18px; margin: 10px 0px 0px 10px; }

#sel_bio { display: block; width: 45%; }
#title { padding-bottom: 120px; }
#hero { width: 100%; margin: 0; padding: 0 0 50px 0; height: 100vh; }
#mobile_hero { display: none; }
#intro_def { opacity: 0; transition: 1s; display: block; position: relative; width: 45%; margin-left: 55%; top: -5vh; }
#photo { opacity: 1; transition: 1s; display: block; position: fixed; width: 50%; margin-left: 50%; top: 0vh; height: 110vh; padding:0; }
#sel_photo { filter: grayscale(100%); width: 300px; height: 300px; margin-left: 50%; transform: translate(-50%, -50%); margin-top: 70%; border-style: solid; border-width: 1px; border-color:#FFFFFF; border-radius: 15px; }

#section_one { min-height: 100vh; padding: 0 0 50px 0; }
#section_two { min-height: 100vh; padding: 0 0 50px 0; }
#section_three { min-height: 100vh; padding: 0 0 50px 0; }
#section_four { min-height: 100vh; padding: 0 0 50px 0; }
#section_five { min-height: 20vh; padding: 200px 0 0px 0; }
#footer { position: relative; z-index: 9999; width: 100%; height: 30vh; margin-top: -50vh; padding-top: 20vh; background-color:#000000; }
#tools_logos h4 { margin-top: 240px; }

.swell_rotate { transform: rotate(180deg)!important; }
.swell_hide { width: 0px!important; opacity: 0;  }
.swell_show { width: auto; opacity: 1!important; }
.move_left_big { margin-left: -426px; }
.move_left_sm { margin-left: -65px; }
.fade_in { opacity: 1!important }
.fade_up { opacity: 1!important; top: -12vh!important; }
.slide_down { margin-top: 0px!important; }
.fade_out { opacity: 0!important; }

.description { margin-top: 60px; }
.video_player { width: 560px; height: 315px; } 

.item { display: block; width: 50%; margin:0; padding: 30px 0 90px 0; float: right; /*height: 100vh;*/ margin: 0; border-style: solid; border-width: 0 0 1px 0; border-color:rgba(255,255,255,0.5); }
.tools_item { display: block; width: 50%; margin:0; padding: 0 0 50px 0; float: right; height: 100vh; margin: 0; }
.clearfix { float: none; clear: both; }
.first_quarter { width: 20%; float: left; margin: 0 0 0 2%; border-style: solid; border-width: 0px 1px 0px 0px; border-color:#cccccc; padding: 0; }
.quarter { width: 20%; float: left; margin: 0 0 0 2%; border-style: solid; border-width: 0px 1px 0px 0px; border-color:#cccccc; padding: 0; }
.last_quarter { width: 22%; float: left; margin: 0 0 0 2%; border-style: solid; border-width: 0px 0px 0px 0px; border-color:#cccccc; padding: 0; }

.desktop_img { height: 300px; display: inline-block; position: relative; z-index: 998; }
.phone_img { height: 250px; margin-bottom: -25px; margin-left: -90px; display: inline-block; position: relative; z-index: 999;}
.phone_img_2 { height: 250px; margin-bottom: -25px; margin-left: -40px; display: inline-block; position: relative; z-index: 999;}
.only_phone_img { height: 300px; }
.doc_img_horiz { height: 200px; border-radius: 6px; transform: rotate(0deg); margin-left: -90px; margin-bottom: 60px; display: inline-block; position: relative; z-index: 997; }
.doc_img_right { height: 270px; border-radius: 6px; transform: rotate(3deg); margin-left: -30px; margin-bottom: 20px; display: inline-block; position: relative; z-index: 997; }
.doc_img { height: 270px; border-radius: 6px; transform: rotate(0deg); margin-left: -30px; margin-bottom: -10px; }
.doc_img_cover { height: 270px; border-radius: 6px; transform: rotate(0deg); margin-left: 0px; margin-right: -10px; margin-bottom: 0px; display: inline-block; position: relative; z-index: 998; }
.doc_img_page { height: 270px; border-radius: 6px; transform: rotate(3deg); margin-left: -30px; margin-bottom: 20px; display: inline-block; position: relative; z-index: 997; }
.doc_only_img { height: 270px; border-radius: 6px; transform: rotate(5deg); margin-left: 10px; margin-top: 10px; }
.doc_only_img_no_tilt { height: 300px; border-radius: 6px; }
.doc_only_img_no_tilt_overlap { height: 270px; border-radius: 3px; margin-left: -90px; }

.software_logo { background-color:#000000; height: 30px; padding: 0px 15px 10px 0px; margin: 0px 10px 10px 0px; border-style: dotted; border-width: 1px; border-color:#cccccc; float: left; display: block; border-radius: 6px; }
.software_logo p { display: inline; }
.software_logo img { height: 20px; width: 20px; display: inline; margin: 10px 10px -5px 10px; }


div.sticky { position: -webkit-sticky; /* Safari */ position: sticky; top: 180px; }

@media only screen and (max-width: 375px) {
	#header { display: none; }
	#mobile_header { display: block; position: fixed; opacity: 1; height: 72px; background-color:rgba(0,0,0,0.9); padding: 0; margin: 0; top: 0; left: 0; width: 100%; z-index: 9999; transition: 1s; border-style: solid; border-width: 0px 0px 1px 0px; border-color:#df0771; }

	h1 { font-size: 48px; line-height: 54px; font-family: "Gabarito", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; }
	h2 { font-size: 36px; line-height: 42px; font-family: "Gabarito", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; }

	#hero { display: none; }
	#section_one { display: block; min-height: 100vh; padding: 200px 0 50px 0; }

	.sticky { position: relative!important; width: 100%; float: none; top: 30px!important; }
	#photo { display: none; }
	.item { display: block; width: 100%; margin:0; padding: 30px 0 90px 0; float: none; /*height: 100vh;*/ margin: 0; border-style: solid; border-width: 0 0 1px 0; border-color:rgba(255,255,255,0.5); }
	.tools_item { display: block; width: 100%; margin:0; padding: 0 0 50px 0; float: none; height: 50vh; margin: 0; }
	#tools_logos h4 { margin-top: 60px; }
	#mobile_hero { display: block; width: 100%; margin: 0; padding: 90px 0 50px 0; height: 80vh; }
	#intro_def { display: none; }
	#mobile_intro_def { display: none; position: relative; width: 100%; margin-left: 0%; top: -5vh; padding-bottom: 10vh; }
	#sel_bio { display: block; width: 100%; }
	button { width: 100%; display: block; text-decoration: none;  }
	a { text-decoration: none; }
	body, html { overflow-x: hidden; }
	.desktop_img { height: 200px; display: inline-block; position: relative; z-index: 998; }
	.phone_img_2 { height: 150px; margin-bottom: -25px; margin-left: -40px; display: inline-block; position: relative; z-index: 999;}

	.addl_img { display: none; }
	.video_player { width: 260px; height: 147px; } 
	.doc_only_img_no_tilt { height: 150px; border-radius: 6px; }
	#footer { position: relative; z-index: 9999; width: 100%; height: 75vh; margin-top: 0vh; padding-top: 5vh; background-color:#000000; border-style: solid; border-width: 0px 0 0 0; border-color:#FFFFFF; }
	#section_five { padding-top: 0; }
	.first_quarter { display: none; }
	.quarter { width: 100%; float: none; margin: 0 0 0 5%; border-style: solid; border-width: 0px 0px 0px 0px; border-color:#FFFFFF; padding: 0; }
	.last_quarter { width: 100%; float: none; margin: -50px 0 0 5%; border-style: solid; border-width: 0px 0px 0px 0px; border-color:#FFFFFF; padding: 0; }
    .doc_img_page { display: none; }
	#tools_logos { margin-bottom: 100px; }
	#header_right i { font-size: 18px; margin: 30px 0px 0px 10px; }
	}

@media only screen and (min-width: 376px) and (max-width: 429px) {
	#header { display: none; }
	#mobile_header { display: block; position: fixed; opacity: 1; height: 72px; background-color:rgba(0,0,0,0.9); padding: 0; margin: 0; top: 0; left: 0; width: 100%; z-index: 9999; transition: 1s; border-style: solid; border-width: 0px 0px 1px 0px; border-color:#df0771; }

	h1 { font-size: 48px; line-height: 54px; font-family: "Gabarito", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; }
	h2 { font-size: 36px; line-height: 42px; font-family: "Gabarito", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; }

	#hero { display: none; }
	#section_one { display: block; min-height: 100vh; padding: 0px 0 50px 0; }

	.sticky { position: relative!important; width: 100%; float: none; top: 30px!important; }
	#photo { display: none; }
	.item { display: block; width: 100%; margin:0; padding: 30px 0 90px 0; float: none; /*height: 100vh;*/ margin: 0; border-style: solid; border-width: 0 0 1px 0; border-color:rgba(255,255,255,0.5); }
	.tools_item { display: block; width: 100%; margin:0; padding: 0 0 50px 0; float: none; height: 50vh; margin: 0; }
	#tools_logos h4 { margin-top: 60px; }
	#mobile_hero { display: block; width: 100%; margin: 0; padding: 90px 0 50px 0; height: 90vh; }
	#intro_def { display: none; }
	#mobile_intro_def { display: none; position: relative; width: 100%; margin-left: 0%; top: -5vh; padding-bottom: 10vh; }
	#sel_bio { display: block; width: 100%; }
	button { width: 100%; display: block; text-decoration: none;  }
	a { text-decoration: none; }
	body, html { overflow-x: hidden; }
	.desktop_img { height: 200px; display: inline-block; position: relative; z-index: 998; }
	.phone_img_2 { height: 150px; margin-bottom: -25px; margin-left: -40px; display: inline-block; position: relative; z-index: 999;}

	.addl_img { display: none; }
	.video_player { width: 300px; height: 169px; } 
	.doc_only_img_no_tilt { height: 190px; border-radius: 6px; }
	#footer { position: relative; z-index: 9999; width: 100%; height: 75vh; margin-top: -10vh; padding-top: 10vh; background-color:#000000; border-style: solid; border-width: 0px 0 0 0; border-color:#FFFFFF; }
	#section_five { padding-top: 0; }
	.first_quarter { display: none; }
	.quarter { width: 100%; float: none; margin: 0 0 0 5%; border-style: solid; border-width: 0px 0px 0px 0px; border-color:#FFFFFF; padding: 0; }
	.last_quarter { width: 100%; float: none; margin: -50px 0 0 5%; border-style: solid; border-width: 0px 0px 0px 0px; border-color:#FFFFFF; padding: 0; }
    .doc_img_page { display: none; }
	#tools_logos { margin-bottom: 300px; }
	#header_right i { font-size: 18px; margin: 30px 0px 0px 10px; }
}

@media only screen and (min-width: 430px) and (max-width: 767px) {
	#header { display: none; }
	#mobile_header { display: block; position: fixed; opacity: 1; height: 72px; background-color:rgba(0,0,0,0.9); padding: 0; margin: 0; top: 0; left: 0; width: 100%; z-index: 9999; transition: 1s; border-style: solid; border-width: 0px 0px 1px 0px; border-color:#df0771; }

	h1 { font-size: 48px; line-height: 54px; font-family: "Gabarito", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; }
	h2 { font-size: 36px; line-height: 42px; font-family: "Gabarito", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; }

	#hero { display: none; }
	#section_one { display: block; min-height: 100vh; padding: 0px 0 50px 0; }

	.sticky { position: relative!important; width: 100%; float: none; top: 30px!important; }
	#photo { display: none; }
	.item { display: block; width: 100%; margin:0; padding: 30px 0 90px 0; float: none; /*height: 100vh;*/ margin: 0; border-style: solid; border-width: 0 0 1px 0; border-color:rgba(255,255,255,0.5); }
	.tools_item { display: block; width: 100%; margin:0; padding: 0 0 50px 0; float: none; height: 50vh; margin: 0; }
	#tools_logos h4 { margin-top: 60px; }
	#mobile_hero { display: block; width: 100%; margin: 0; padding: 90px 0 50px 0; height: 70vh; }
	#intro_def { display: none; }
	#mobile_intro_def { display: none; position: relative; width: 100%; margin-left: 0%; top: -5vh; padding-bottom: 10vh; }
	#sel_bio { display: block; width: 100%; }
	button { width: 100%; display: block; text-decoration: none;  }
	a { text-decoration: none; }
	body, html { overflow-x: hidden; }
	.desktop_img { height: 200px; display: inline-block; position: relative; z-index: 998; }
	.phone_img_2 { height: 150px; margin-bottom: -25px; margin-left: -40px; display: inline-block; position: relative; z-index: 999;}

	.addl_img { display: none; }
	.video_player { width: 300px; height: 169px; } 
	.doc_only_img_no_tilt { height: 190px; border-radius: 6px; }
	#footer { position: relative; z-index: 9999; width: 100%; height: 75vh; margin-top: -10vh; padding-top: 10vh; background-color:#000000; border-style: solid; border-width: 0px 0 0 0; border-color:#FFFFFF; }
	#section_five { padding-top: 0; }
	.first_quarter { display: none; }
	.quarter { width: 100%; float: none; margin: 0 0 0 5%; border-style: solid; border-width: 0px 0px 0px 0px; border-color:#FFFFFF; padding: 0; }
	.last_quarter { width: 100%; float: none; margin: -50px 0 0 5%; border-style: solid; border-width: 0px 0px 0px 0px; border-color:#FFFFFF; padding: 0; }
    .doc_img_page { display: none; }
	#tools_logos { margin-bottom: 300px; }
	#header_right i { font-size: 18px; margin: 30px 0px 0px 10px; }
}
/*
@media only screen and (min-width: 431px) and (max-width: 768px) {
	#mobile_header { display: block; position: fixed; opacity: 1; height: 72px; background-color:rgba(0,0,0,0.9); padding: 0; margin: 0; top: 0; left: 0; width: 100%; z-index: 9999; transition: 1s; border-style: solid; border-width: 0px 0px 1px 0px; border-color:#df0771; }
		#section_one { display: block; min-height: 100vh; padding: 250px 0 50px 0; }

	#hero { display: none; }
	.sticky { position: relative!important; width: 100%; float: none; top: 30px!important; }
	#photo { display: none; }
	.item { display: block; width: 100%; margin:0; padding: 30px 0 90px 0; float: none; margin: 0; border-style: solid; border-width: 0 0 1px 0; border-color:rgba(255,255,255,0.5); }
	.tools_item { display: block; width: 100%; margin:0; padding: 0 0 50px 0; float: none; height: 50vh; margin: 0; }
		#tools_logos h4 { margin-top: 60px; }

	#mobile_hero { display: block; width: 100%; margin: 0; padding: 90px 0 50px 0; height: 75vh; }
	#mobile_intro_def, #intro_def { display: none; }
	#sel_bio { display: block; width: 100%; }
	button { width: 300px; display: block; text-decoration: none; }
	a { text-decoration: none; }
	body, html { overflow-x: hidden; }
	.addl_img { display: none; }
	.video_player { width: 300px; height: 169px; } 
	.doc_only_img_no_tilt { height: 200px; border-radius: 6px; }
	#footer { position: relative; z-index: 9999; width: 100%; height: 75vh; margin-top: -25vh; padding-top: 10vh; background-color:#000000; border-style: solid; border-width: 0px 0 0 0; border-color:#FFFFFF; }
	#section_five { padding-top: 0; }
	.first_quarter { display: none; }
	.quarter { width: 100%; float: none; margin: 0 0 0 5%; border-style: solid; border-width: 0px 0px 0px 0px; border-color:#FFFFFF; padding: 0; }
	.last_quarter { width: 100%; float: none; margin: -50px 0 0 5%; border-style: solid; border-width: 0px 0px 0px 0px; border-color:#FFFFFF; padding: 0; }
	#footer { margin-top: -10vh; padding-top: 0vh; }
	#tools_logos { margin-bottom: 100px; }
	#header_right i { font-size: 18px; margin: 30px 0px 0px 10px; }

}
*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	#hero { display: none; }
	.sticky { position: relative!important; width: 100%; float: none; top: 30px!important; }
	#photo { display: none; }
	.item { display: block; width: 100%; margin:0; padding: 30px 0 90px 0; float: none; /*height: 100vh;*/ margin: 0; border-style: solid; border-width: 0 0 1px 0; border-color:rgba(255,255,255,0.5); }
	.tools_item { display: block; width: 100%; margin:0; padding: 0 0 50px 0; float: none; height: 50vh; margin: 0; }
		#section_one { display: block; min-height: 100vh; padding: 250px 0 50px 0; }
	#footer { position: relative; z-index: 9999; width: 100%; height: 30vh; margin-top: -25vh; padding-top: 10vh; background-color:#000000; border-style: solid; border-width: 0px 0 0 0; border-color:#FFFFFF; }
	#section_five { min-height: 20vh; padding: 20px 0 0px 0; }
	#tools_logos h4 { margin-top: 60px; }
	.first_quarter { display: none; }
	.quarter { width: 25%; float: left; margin: 0 0 0 5%; border-style: solid; border-width: 0px 1px 0px 0px; border-color:#FFFFFF; padding: 0; }
	.last_quarter { width: 25%; float: left; margin: 0 0 0 5%; border-style: solid; border-width: 0px 0px 0px 0px; border-color:#FFFFFF; padding: 0; }
	.small { font-size: 16px; line-height: 21px; }
	#mobile_hero { display: block; width: 100%; margin: 0; padding: 90px 0 50px 0; height: 50vh; }
	#mobile_intro_def { display: none; position: relative; width: 45%; margin-left: 55%; top: -45vh; }
	#intro_def { display: none; }
	#sel_bio { display: block; width: 100%; }
	#text_links { display: none!important; }
	#footer { margin-top: -15vh; padding-top: 10vh; }
	#tools_logos { margin-bottom: 0px; }


}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	.desktop_img { height: 200px; display: inline-block; position: relative; z-index: 998; }
	.phone_img { height: 180px; margin-bottom: -25px; margin-left: -90px; display: inline-block; position: relative; z-index: 999;}
	.phone_img_2 { height: 180px; margin-bottom: -25px; margin-left: -40px; display: inline-block; position: relative; z-index: 999;}
	.doc_img { height: 220px; border-radius: 6px; transform: rotate(0deg); margin-left: -30px; margin-bottom: -10px; }
	.doc_img_horiz { height: 150px; border-radius: 6px; transform: rotate(0deg); margin-left: -90px; margin-bottom: 60px; display: inline-block; position: relative; z-index: 997; }
	.doc_img_right { height: 180px; border-radius: 6px; transform: rotate(3deg); margin-left: -30px; margin-bottom: 20px; display: inline-block; position: relative; z-index: 997; }
	.small { font-size: 18px; line-height: 24px; }
	.video_player { width: 480px; height: 270px; } 
	.doc_only_img_no_tilt { height: 240px; border-radius: 6px; }
	.first_quarter { display: none; }
	.quarter { width: 25%; float: left; margin: 0 0 0 5%; border-style: solid; border-width: 0px 1px 0px 0px; border-color:#FFFFFF; padding: 0; }
	.last_quarter { width: 25%; float: left; margin: 0 0 0 5%; border-style: solid; border-width: 0px 0px 0px 0px; border-color:#FFFFFF; padding: 0; }
	h1 { font-size: 76px; line-height: 84px; font-family: "Gabarito", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; }
	h2 { font-size: 36px; line-height: 42px; font-family: "Gabarito", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; }
	#sel_photo { margin-top: 420px; width: 240px; height: 240px; }
	#sel_bio { display: block; width: 45%; }
	#intro_def { opacity: 0; transition: 1s; display: block; position: relative; width: 40%; margin-left: 60%; top: -30vh; }
	.fade_up { opacity: 1!important; top: -40vh!important; }
	.move_left_big { margin-left: -390px; }
	.move_left_sm { margin-left: -50px; }
	#title { padding-bottom: 120px; width: 120%; }
	#tools_logos { margin-bottom: -100px; }
	#footer { margin-top: -15vh; padding-top: 10vh; }
	#text_links { display: none!important; }


}

@media only screen and (min-width: 1201px) and (max-width: 1550px) {
	.desktop_img { height: 220px; display: inline-block; position: relative; z-index: 998; }
	.phone_img { height: 180px; margin-bottom: -25px; margin-left: -90px; display: inline-block; position: relative; z-index: 999;}
	.phone_img_2 { height: 180px; margin-bottom: -25px; margin-left: -40px; display: inline-block; position: relative; z-index: 999;}
	.doc_img_horiz { height: 180px; border-radius: 6px; transform: rotate(0deg); margin-left: -90px; margin-bottom: 60px; display: inline-block; position: relative; z-index: 997; }
	.doc_img_right { height: 200px; border-radius: 6px; transform: rotate(3deg); margin-left: -30px; margin-bottom: 20px; display: inline-block; position: relative; z-index: 997; }
	.small { font-size: 18px; line-height: 24px; }
	#tools_logos { margin-bottom: -100px; }
	#footer { margin-top: -15vh; padding-top: 10vh; }
	#intro_def { opacity: 0; transition: 1s; display: block; position: relative; width: 40%; margin-left: 60%; top: -30vh; }
	.fade_up { opacity: 1!important; top: -40vh!important; }
}

@media only screen and (min-width: 1551px) {
	#sel_photo { margin-top: 50%; width: 400px; height: 400px; }
	.doc_img_horiz { height: 180px; border-radius: 6px; transform: rotate(0deg); margin-left: -90px; margin-bottom: 60px; display: inline-block; position: relative; z-index: 997; }

}



@media only screen and (max-height: 500px) and (orientation: landscape) {
	#title { margin-top: -80px; }
	#intro_def { display: none; }
	#mobile_intro_def { display: none; }
	#section_one { display: block; min-height: 100vh; padding: 0px 0 50px 0; margin-top: 50vh; }
	#sel_bio { display: block; width: 100%; }
	#mobile_header { display: block!important; position: fixed; opacity: 1; height: 72px; background-color:rgba(0,0,0,0.9); padding: 0; margin: 0; top: 0; left: 0; width: 100%; z-index: 9999; transition: 1s; border-style: solid; border-width: 0px 0px 1px 0px; border-color:#df0771; }
}

@media only screen and (max-height: 375px) and (orientation: landscape) {
	#section_one { display: block; min-height: 100vh; padding: 240px 0 50px 0; margin-top: 50vh; }
}