:root{
}

:target {
  display: block;
  position: relative;
  top: -67px; 
  visibility: hidden;
}

body {
    margin: 0;
    font-size: 16px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: normal;
	color: black;
	background-color: #efefef;
    /*max-width: 1200px;*/
    /*min-width: 700;*/
    /*1264px;/*calc(367px + 770px);*/ /* should be same as header min-width*/
}

ul{
	margin: 0;
}

li{
	/*font: normal 16px "Verdana", sans-serif;*/
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
}

p{
	/*font: normal 16px "Verdana", sans-serif;*/
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	margin: 0;
}

h1{
	/*font: normal 38px "Verdana", sans-serif;*/
	font-size: 38px;
	font-weight: normal;
	font-style: normal;
	margin: 0;
}

h2{
	/*font: normal 20px "Verdana", sans-serif;*/
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	margin: 0;
}

h3{
	/*font: normal 12px "Verdana", sans-serif;*/
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

.msg-container{
    height: 200px;
    padding-top: 200px;
    margin: 0 auto;
    width: 30%;
}

.msg-text{
    width: 100%;
    text-align: center;
    color: white;
}

.msg-link-text{
    margin-top: 1.5em;
    width: 100%;
    text-align: center;
}

.msg-link{

    color: white;
    text-decoration: none;

}

.msg-link:hover{
    color: yellow;
}

#content{
	padding-top: 100px;
}

.content-text{
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
}

.content-link{
	text-decoration: none;
}

.landing_banner{
	width: 100%;
}

.landing_patchamp{
    padding-top: 40px;
}

.landing_spacer{
    height: 60px;
    width: 100%;
    background-color: black;
}

.landing-frame-container{
    padding-top: 36px;
    color: white;
    background-color: black;
    width: 100%;
    height: 403px;
}

.landing-cards-container{
    width: 100%;
    color: white;
    background-color: black;
    width: 100%;
    height: 403px;
}

.landing-frame{
    float: left;
}

.landing-cards{
    float: right;
    padding-right: 40px;
}

.landing-frame-text{
    width: 36%;
    float: left;
    padding-top: 120px;
    padding-left: 60px;
    font-size: 22px;
    line-height: 200%;
}

.landing-cards-text{
    width: 40%;
    font-size: 22px;
    line-height: 150%;
    padding-left: 120px; 
    padding-top: 60px;
}

.container{
	max-width: 1400px;
	margin: 0 auto;
}

.homepage_three_panes{
	width: 90%;
	height: calc(20vw + 120px);
	max-height: 380px;
	/*max-width: 600px;*/
	padding: 100px 5% 20px 5%;
	margin: 0;
}

.homepage_pane{
	width: 31.3%;
	/*padding: 0 1%;*/
	padding-right: 1%;
	padding-left: 1%;
	/*height: 350px;*/
	margin: 0;
	/*padding-bottom: 10px;*/
}

.pane_one{
	float: left;
}

.pane_two{
	float: right;
	width: 27.3%;
	padding-right: 3%;
	padding-left: 3%;
}

.pane_three{
	float:right;
}

.homepage_link{
	/*font: normal 20px "Verdana", sans-serif;*/
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #66a0ff;
}

.homepage_link:hover{
	/*font: normal 20px "Verdana", sans-serif;*/
	color: yellow;
}

.homepage_DA{
	display: block;
	/*max-height: 200px;*/
	margin: 0 auto;
	/*max-width: 100%;*/
	height: 22vw;
	max-height: 260px;
}

.homepage_subheading{
	text-align: center;
}

.homepage_center_link_wrapper{
	padding-top: 32px;
	text-align: center;
}

.homepage_center_link{
	/*font: normal 20px "Verdana", sans-serif;*/
	text-decoration: none;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	color: #66a0ff;
}

.homepage_center_link:hover{
	/*font: normal 20px "Verdana", sans-serif;*/
	color: yellow;
}

.homepage_new_text{
	/*font: italic 20px "Verdana", sans-serif;*/
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
	color: yellow;
}

.homepage_dual_links{
	text-align: center;
}

.homepage_small_link{
	/*font: normal 14px "Verdana", sans-serif;*/
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #66a0ff;
}

.homepage_small_link:hover{
	/*font: normal 14px "Verdana", sans-serif;*/
	color: yellow;
}

.PA-32FX{
	background-image: url("images/PA-32FX/PA-32FX_front_withCovers-small.png");
	transition: background-image 0.5s;
}

.PA-32FX:hover{
	background-image: url("images/PA-32FX/PA-32FX_front_withoutCovers-small.png");
}

.PA-32FX_rear{
	background-image: url("images/PA-32FX/PA-32FX_rear-small.png");
}

.PA-32X{
	background-image: url("images/PA-32X/PA-32X_front_withCovers-small.png");
	transition: background-image 0.5s;
}

.PA-32X:hover{
	background-image: url("images/PA-32X/PA-32X_front_withoutCovers-small.png");
}

.PA-32X_rear{
	background-image: url("images/PA-32X/PA-32X_rear-small.png");
}

.landing_top_spacer{
	height: 100px;
}

.miniFrame{
	background-image: url("images/mini_frame-small2.png");
	height: 14vw;
	max-height: 200px;
	width: 100%;
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: center center;
	margin: 0;
}

.landing_full {
	/*height: 10px;/*140px;*/
	/*overflow: hidden;*/
	height: 8vw;
	max-height: 100px;
	width: 100%;
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: center center;
	margin: 0;
}

.first_landing_title{
	text-align:center;
	font-size:32px;
	margin-top: 0px;
}


.landing_title{
	text-align:center;
	font-size: 32px;
}

.landing_title_left{
	color: yellow;
}

.landing_body{
	padding: 40px 0 20px 0;
	text-indent: 4em;
	text-align: justify;
	margin: 0 10%;
	font-size: 20px;
	line-height: 150%;
}

.company_text{
	padding: 40px 120px 20px 120px;
	text-indent: 4em;
	text-align: justify;
	/*margin: 0 10%;*/
	font-size: 20px;
	line-height: 150%;
	margin-left: 4vw; 
	margin-right: 4vw; 
}


.landing_detail{
	text-align: center;
	padding:16px 10px 10px 10px;
	font-size: 18px;
}

.landing_body_top{
	margin: 0 14%;
	text-indent: 4em;
	padding-top: 200px;
}

.landing_two_frames{
	width:100%;
	/*height: var(--x_frames_height);*/
	/*height:250px;*/
}

.landing_three_frames{
	width: 100%;
	overflow: auto;
	padding-top: 120px;
	padding-bottom: 40px;
	/*height: var(--x_frames_height);*/
}

.landing_first_frame_of2{
	width:50%;	
	float:left;
	/*height: var(--x_frames_height);*/
	/*padding: 0 5%;*/
}

.landing_second_frame_of2{
	width:50%;
	float:right;
	/*height: var(--x_frames_height);*/
	/*padding: 0 5%;*/
}

.landing_first_frame_of3{
	width:28.3%;
	float:left;
	/*height: var(--x_frames_height);*/
	padding: 20px 2.5%;
}

.landing_second_frame_of3{
	width:28.3%;
	float: right;
	/*height: var(--x_frames_height);*/
	padding: 20px 2.5%;
}

.landing_third_frame_of3{
	width:28.3%;
	float:right;
	/*height: var(--x_frames_height);*/
	padding: 20px 2.5%;
}

.landing_x_frames_title{
	text-align:center;
	/*font: normal 30px "Verdana", sans-serif;*/
	font-size: 36px;
	font-weight: normal;
	font-style: normal;
	padding-bottom:10px;
	/*padding: 20px 5%;*/
}

.landing_list{
	text-align:center;
	padding: 5px 0;
}

.landing_list_left{
	padding: 0;
}

.landing_item{
	list-style-type: none;
	padding: 5px 0;
}



.landing_item_main{
	list-style-type: none;
	padding: 5px 0;
}

.landing_overlay{
	background-color: rgba(34, 34, 34, 0.6);
}

.landing_left{
	width:48%;
	/*height: auto;*/
	float:left;
	padding: 60px 4% 40px 4%;
	width:42%;

}

.landing_right{
	float:right;
	padding: 60px 4% 40px 4%;
	width:42%;
}



.landing_lr_container{
	padding-left: 8vw;
	padding-right: 8vw;
	/*min-height: 700px;*/
	/*margin: 0 10%;*/
	/*border-radius: 24px;*/
	/*background-color: #222222; */
	background-image: linear-gradient(#333333, #222222);
}

.landing_lr_container_small{
	height:700px;
}

.landing_lr_container_smallest{
	height:500px;
}

.patchable{
	background-image: url("images/patch-small.png");
	background-size: contain ;
  	background-repeat: no-repeat;
  	background-position: center center;
  	height:18vw;
  	max-height: 200px;
  	margin-right: 1vw;
}
.patchable_flipped{
	background-image: url("images/patch_flipped-small.png");
	background-size: contain ;
  	background-repeat: no-repeat;
  	background-position: center center;
  	height:18vw;
  	max-height: 200px;
  	margin-left: 1vw;
}

#PA-3200_box{
	margin-top:20px;
	margin-bottom:20px;
	background-image: url("images/PA-3200-small.png");
	height:12vw;
	max-height: 200px;
	background-size: contain ;
  	background-repeat: no-repeat;
  	background-position: center center;
}

#PA-1600_box{
	margin-top:20px;
	margin-bottom:20px;
	background-image: url("images/PA-1600-small.png");
	height:12vw;
	max-height: 200px;
	background-size: contain ;
  	background-repeat: no-repeat;
  	background-position: center center;
}

.high_density{
	background-image: url("images/high_density.png");
	height:18vw;
  	max-height: 200px;
	margin-right: 24px;
	/*margin-top:4%;*/
	background-size: contain ;
  	background-repeat: no-repeat;
  	background-position: center center;
  	margin-top:16px;
  	margin-bottom:32px;
}
.high_density_flipped{
	background-image: url("images/high_density_flipped.png");
	height:18vw;
  	max-height: 200px;
	margin-left: 24px;
	/*margin-top:4%;*/
	background-size: contain ;
  	background-repeat: no-repeat;
  	background-position: center center;
  	margin-top:16px;
  	margin-bottom:32px;
}

#PA-3200HD_box{
	margin-top:20px;
	margin-bottom:20px;
	background-image: url("images/PA-3200HD-small.png");
	height:12vw;
  	max-height: 200px;
	background-size: contain ;
  	background-repeat: no-repeat;
  	background-position: center center;
}

#PA-1600HD_box{
	margin-top:20px;
	margin-bottom:20px;
	background-image: url("images/PA-1600HD-small.png");
	height:12vw;
  	max-height: 200px;
	background-size: contain ;
  	background-repeat: no-repeat;
  	background-position: center center;
}

#audio{
	background-image: url("images/high_density.png");
	background-size: contain ;
  	background-repeat: no-repeat;
  	background-position: center center;
  	margin-top: 200px;
}

#PA-2400AHD_box{
	background-image: url("images/PA-2400AHD-small.png");
	height:200px;
	background-size: contain ;
  	background-repeat: no-repeat;
  	background-position: center center;
  	margin-top: 10px;
  	margin-bottom: 10px;
}

#PA-1600AHD_box{
	background-image: url("images/PA-1600AHD-small.png");
	height:200px;
	background-size: contain ;
  	background-repeat: no-repeat;
  	background-position: center center;
  	margin-top: 10px;
  	margin-bottom: 10px;
}

#PA-1200AHD_box{
	background-image: url("images/PA-1200AHD-small.png");
	height:200px;
	background-size: contain ;
  	background-repeat: no-repeat;
  	background-position: center center;
  	margin-top: 10px;
  	margin-bottom: 10px;
}

.DA_box{
	height: 20vw;
	max-height: 300px;
	background-size: contain ;
  	background-repeat: no-repeat;
  	background-position: center center;
}
#PA-1201FX{
	margin-top: -2vw;
}

.DA_title{
	text-align: center;
	font-size: 30px;
}

.DA_detail{
	text-align: center;
	padding: 0 10vw 16px 10vw;
	font-size: 18px;
}

.DA_container{
	padding: 40px 0px 80px 0px;
}

.DA_table{
	margin: 0 auto;
	border-spacing:0;
	width:70%;
}

.DA_img{
	width:400px;
	height:400px;
	padding-left:10px;	
}

.DA_info{
	padding-left: 50px;
	padding-right: 10px;
	width:650px;
	height:400px;}

.DA_pic{
	width:100%;
}

.DA_download{
	color: #66a0ff;
}

.DA_download:hover{
	color: yellow;
}

.DA_download:visited{
	color: #66a0ff;
}

.DA_download:visited:hover{
	color: yellow;
}

.frame_download{
	color: #66a0ff;
}

.frame_download:hover{
	color: yellow;
}

.frame_download:visited{
	color: #66a0ff;
}

.frame_download:visited:hover{
	color: yellow;
}

.DA_link_item{
	display: block;
	width: 120px;
	border-radius: 5px;
	text-align: center;
}

.DA_link_container{
	/*margin: 0 auto;*/
	/*display: table*/;
	/*float:left;*/
	/*background-color:orange;*/
	padding-top: 20px;
}

.DA_link_bar{
	/*width: 100%;*/
	position:absolute;
	/*float: right;*/
	/*margin: 142 0 0 0;*/
	right:0;
	top:122;
}

a.DA_link{
	color: #eeeeee;
	background-color: #444444;
	padding: 2px 0;
	/*margin: 0;*/
	border-radius: 2px;
}

.DA_link_title{
	/*margin: 16px auto 2px auto;*/
	/*width:100%;*/
	/*text-align:center;*/
	color: yellow;
	font: normal 12px "Verdana", sans-serif;
}

.DA_list{
	margin: 16px 0;
}

a.DA_link:hover{
	color: yellow;
	background-color: black;
}

a.DA_link:visited{
	color: #eeeeee;
}

a.DA_link:visited:hover{
	color: yellow;
	background-color: black;
}

.DA_link_desc{
	/*float:left;*/
}

.DA_link_list_box{
	/*width: auto; */
	/*float: right; */
	padding-top: 10px;
}

.DA_row{
	height: 420px;
	background-color: #222222;
}

.DA_row_break{
	height: 10px;
	background-color: #333333;
}

.DA_anchor_offset{
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

.DA_inline_link{
	/*font: normal 16px "Verdana", sans-serif;*/
	/*font-size: 16px;*/
	font-weight: normal;
	font-style: normal;
	color: #66a0ff;
}

.DA_inline_link:hover{
	color: yellow;
}

.DA_download:visited{
	color: #66a0ff;
}

#patchbox_container{
	width: 80%;
	padding: 0 10% 0 10%;
}

.patchbox_gradient{
	width: 100%;
	background-color: white;
	box-shadow: 0px 0px 40px black;
    padding-bottom: 100px;
}

.patchbox_item{
	padding: 120px 2% 0 2%;
	/*background: linear-gradient(90deg, rgba(222,222,222,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(222,222,222,1) 100%);*/
}
.patchbox_item:first-of-type{
	padding-top: 180px;
}

.patchbox_img{
	margin: 0 0 0 15%;
	display: block;
	width: 40%;
}
.patchbox_img2{
	margin: 20px 15% 0 0;
	display: block;
	float: right;
	width: 30%;
}
.patchbox_img2after{
	display: none;
}
.patchbox_img-full{
	margin: 0 20% 0 20%;
	display: block;
	width: 60%;
}

.patchbox_title{
	color: rgba(205,10,32,1);
	width: 100%;
	text-align: center;
	font-size: 36px;
}

.patchbox_text{
	color: black;
	text-align: center;
	width: 70%;
	margin: 0 15%;
}

.sfps_heading{
	font-size: 24px;
	padding-top: 30px;
}

.sfps_row_container{
	overflow: auto;
}

.sfps_img_container{
	float: left;
	width: calc(100%/4);
	height: auto;
	min-height: 100px;
	background-size: contain ;
  	background-repeat: no-repeat;
  	background-position: center center;
  	position: relative;
  	margin-bottom: 4px;
}

.sfps_img_container_double{
	width: calc(100%/2);
}

.sfps_img_overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	background-image: linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.5));
}

.sfps_img_block{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
}

/*.sfps_img_block:hover{
	background-color: rgba(0,0,0,0.3);
	transition: 0.5s;
}*/

.sfps_img{
	width: 100%;
	height: auto;
}
.sfps_text{
	position: absolute;
	bottom: 10px;
	left: 10px;
}
.sfps_sub{
	font-size: 16px;
	color: #cccccc;
}
.sfps_title{
	font-size: 16px;
	color: white;
	margin-bottom: 2px;
}
.sfps_link{
	color: white;
}

/*.sfps_article{
	margin-top: 30px;
	text-indent: 0;
}*/

.sfp_container{
	margin: 0 10%;
}

.sfp_table{
	margin: 0 auto;
	padding-top: 140px;
}

.sfp_img{
	height:14vw;
	padding: 40px 40px 10px 40px;
}

.sfp_title{

}

.sfp_model{
	/*padding: 10px 40px;*/
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	min-width: 20vw;
}

.sfp_spacer{
	height: 140px;
}

.acc_container{
	padding-left: 8vw;
	padding-right: 8vw;
}

.acc_container:first-of-type{
	padding-top: 100px;
}

.psu_container{
	padding: 180px 0 8vw 0;
}

.psu_title{
	text-align:center;
}

.psu_subtitle{
	text-align:center;
	font: normal 24px "Verdana", sans-serif;
}

.psu_full {
	height: 140px;
	width: 100%;
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: center center;
	margin: 0;
}

.psu_left{
	width:48%;
	float:left;
	padding: 0 1%;
}

.psu_right{
	width:48%;
	float:right;
	padding: 0 1%;
}

#fan {
	background-image:url("images/FX_fan.png");
	height: 12vw;
	max-height: 200px;
	width: 100%;
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: center center;
}

#webImg {
	background-image:url("images/monitor_sys.png");
	height: 12vw;
	max-height: 200px;
	width: 100%;
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: center center;
}

#PA-PS-Compact_box{
	background-image: url("images/PA-PS-Compact-small-xp.png");
	height:8vw;
	max-height: 200px;
	background-size: contain ;
  	background-repeat: no-repeat;
  	background-position: center center;
}

#PA-PS-MOD_box{
	background-image: url("images/PA-PS-MOD-small-xp.png");
	height:8vw;
	max-height: 160px;
	background-size: contain ;
  	background-repeat: no-repeat;
  	background-position: center center;
}

#PA-PS-3R_box{
	background-image: url("images/PA-PS-3R-small-xp.png");
	height:8vw;
	max-height: 160px;
	background-size: contain ;
  	background-repeat: no-repeat;
  	background-position: center center;
}

.company_title{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

.news_img_container{
	float: left;
	width: 25%;
	height: auto;
	min-height: 100px;
	background-size: contain ;
  	background-repeat: no-repeat;
  	background-position: center center;
  	position: relative;
  	margin-bottom: 4px;
}
/*.news_img_container:hover{*/
	/*cursor: pointer;*/
/*}*/
.news_img_overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	background-image: linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.5));
	/*background-color: rgba(0,0,0,0.3);*/
	/*float:right;/
	position: fixed;*/
}
.news_img_block{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	/*transition: 0.5s;*/
	/*background-color: rgba(0,0,0,0.3);*/
	/*float:right;/
	position: fixed;*/
}
.news_img_block:hover{
	background-color: rgba(0,0,0,0.3);
	/*background-image: linear-gradient(rgba(0,0,0,), rgba(255,255,255,0));*/
	transition: 0.5s;
}

.news_img{
	width: 100%;
	height: auto;
}
.news_text{
	position: absolute;
	bottom: 10px;
	left: 10px;
}
.news_title{
	font-size: 16px;
}
.news_location{
	font-size: 16px;
	color: #cccccc;
	padding-bottom: 2px;
}
.news_link{
	color: white;
}

.news_article{
	margin-top: 30px;
	text-indent: 0;
}

.news_location_date{
	color: #aaaaaa;	
	/*padding-bottom: 10px;*/
}

.news_container{
	/*width:66.7%;*/
	/*margin: 0 auto;*/
	width: 100%;
	height: auto;
	/*margin-top: 60px;*/
	margin-bottom: 10px;
	padding-top: 4px;
	overflow: auto;
	background-color: #30459b;
}

.news_click_to_view{
	color: #66a0ff;
	padding-top: 2px;
}

.news_click_to_view:hover{
	color: yellow;
	text-decoration: underline;
}

.news_click_to_view_container{
	text-align: right;
}

input[type=text], select {
    width: 100%;
    padding: 2px 2px;
    margin: 6px 0 20px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-sizing: border-box;
    background-color: #ffffff;
}

.form_container {
	width: 400px;
	margin: 60px auto 0 auto;
	padding-top: 200px;
}

.form{
	color:white;
}

input[type=submit] {
    width: 100%;
    background-color: #66a0ff;
    /*background-color: rgb(43, 192, 192);*/
    color: black;
    font-size: 20px;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    transition: background-color 0.25s;
}

input[type=submit]:hover {
	background-color: rgb(43, 192, 192);
    /*background-color: yellow;*/
}

textarea {
	width: 100%;
	height: 200px;
	border-radius: 2px;
	padding: 2px 2px;
	margin: 6px 0 20px 0;
}

.vendor{
	width: 31.3%;
	padding: 0 1%;
	height: 250px;
}

.patchamp{
	float: left;
}

.comtel{
	float: right;
}

.sterlingdobrasil{
	float: right;
}

.company_email{
	font: normal 16px "Verdana", sans-serif;
	color: #66a0ff;
}

.company_email:hover{
	font: normal 16px "Verdana", sans-serif;
	color: yellow;
}

.company_email:visited{
	font: normal 16px "Verdana", sans-serif;
	color: #66a0ff;
}

.company_website{
	font: normal 16px "Verdana", sans-serif;
	color: #66a0ff;
}

.company_website:hover{
	font: normal 16px "Verdana", sans-serif;
	color: yellow;
}

.company_website:visited{
	font: normal 16px "Verdana", sans-serif;
	color: #66a0ff;
}

.company_locations{
	padding-top: 180px;
}

.return_text{
	text-align: center;
}

.return_link{
	text-align: center;	
	color: #66a0ff;
}

.return_link:hover{
	color: yellow;
}

.return_link:visited{
	color: #66a0ff;
}

.return_link:visited:hover{
	color: yellow;
}

@media screen and (max-width: 1199px ) {
    .landing-frame-container{
        height: auto;
    }
    .landing-cards-container{
        height: auto;
    }
    .landing-frame{
        width: 100%;
        float: none;
    }
    .landing-cards{
        width: 89%;
        float: none;
        padding: 2em 5%;
    }
    .landing-frame-text{
        width: 89%;
        float:none;
        padding: 0 5% 0 5%;
        line-height: 150%;
        margin-top: -60px;
    }
    .landing-cards-text{
        width: 89%;
        float: none;
        padding: 0 5% 0 5%;
    }
	.homepage_three_panes{
		height: calc(20vw + 200px);
	}
	.landing_left{
		/*padding-top: 80px;*/
		/*height: 42vw;*/
		overflow: auto;
	}
	.landing_right{
		/*padding-top: 80px;*/
		/*height: 42vw;*/
		overflow: auto;
	}
	.first_landing_title{
		margin-top: 40px;
	}
	.landing_body{
		font-size: 18px;
	}
	.company_text{
		padding-left: 0px;
		padding-right: 0px;
		font-size: 18px;
		margin-left: 8vw; 
		margin-right: 8vw; 
	}
	.landing_top_spacer{
		height: 140px;
	}
	.landing_x_frames_title{
		font-size: 30px;
	}
	.landing_lr_container{
		padding-left: 2vw;
		padding-right: 2vw;
	}
	#patchbox_container{
		width: 100%;
		padding: 0 0 0 0;
	}
	.patchbox_title{
		font-size: 32px;
	}
	.acc_container{
		padding-left: 2vw;
		padding-right: 2vw;
	}

	.news_img_container{
		width: 50%;
	}
	.DA_box{
		height: 30vw;
	}
	.sfp_table{
		padding-top: 180px;
	}
	.psu_container{
		padding-top: 160px;
	}

	.DA_anchor_offset{
    	top: -80px;
	}
	.sfps_img_container{
		width: calc(100%/3);
	}
	.sfps_img_container_double{
		width: calc(100%*2/3);
	}
	
}

@media screen and (max-width: 699px ){   
    .landing-frame-text{
        margin-top: 0px;
    }
	.landing_body{ 
		font-size: 16px;
		text-indent: 2em;
		padding-top:0;
	}
    .landing_spacer{
        height: 40px;
    }
	.company_text{ 
		font-size: 16px;
		text-indent: 2em;
		padding-top:0;
		margin-left: 6vw; 
		margin-right: 6vw; 
	}
    .landing_right{ 
    	width:98%;
    	margin: 2vw 0;
    	padding: 40px 0 60px 0;
    }
    .landing_left{
    	width:98%;
    	margin: 2vw 0;
    	padding: 40px 0 20px 0;
    }
    .landing_item_main{
    	font-size: 24px;
    }
    .landing_full{
    	height: 18vw;
    	width: 90%;
    	margin: 0 5%;
    }
    .miniFrame{
    	height: 24vw;
    	width: 90%;
    	margin: 0 5%;
    }
    .first_landing_title{
    	font-size: 24px;
    }
    .landing_lr_container{
    	margin: 0;
    }
    .acc_container{
    	margin: 0;
    }
    .landing_first_frame_of3{
    	width:100%;
    	margin: 1vw auto;
    	float: left;
    	padding: 0;
    	margin-top: 30px;
    }
    .landing_second_frame_of3{
    	width:100%;
    	margin: 1vw auto;
    	float: left;
    	padding: 0;
    	margin-top: 30px;
    }
    .landing_third_frame_of3{
    	width:100%;
    	margin: 1vw auto;
    	float: left;
    	padding: 0;
    	margin-top: 30px;
    }
	.patchable{
		height: 40vw;
		margin-right: 8px;
	}
	.patchable_flipped{
		background-image: url("images/patch.png");
		height: 40vw;
		margin-left: 8px;
	}
	#PA-3200_box{
		height: 30vw;
	}
	#PA-1600_box{
		height: 30vw;
	}
	.high_density{
		height: 30vw;
		margin-right: 0;
		margin-left: 0;
	}
	.high_density_flipped{
		background-image: url("images/high_density.png");
		height: 30vw;
		margin-right: 0;
		margin-left: 0;
	}
	#PA-3200HD_box{
		height: 30vw;
	}
	#PA-1600HD_box{
		height: 30vw;
	}
	#PA-2400AHD_box{
		height: 30vw;
	}
	#PA-1600AHD_box{
		height: 30vw;
	}
	#PA-1200AHD_box{
		height: 30vw;
	}
	.homepage_DA{
		height: 50vw;
	}
	.PA-32FX{
		height: 20vw;
	}
	.PA-32X{
		height: 20vw;
	}
	.landing_top_spacer{
		height: 140px;
	}
	.homepage_three_panes{
		/*padding-top: 40px;*/
		height: auto;
	}
	.homepage_pane{
		width:100%;
		height: auto;
		/*height: 300px;*/
		/*overflow: auto;*/
	}
	.pane_three{
		padding-top: 60px;
	}
	.pane_two{
		padding-top: 0px;
		padding-bottom: 140px;
		/*width: 27.3%;*/
		padding-right: 1%;
		padding-left: 1%;

	}
	.patchbox_title{
		font-size: 20px;
	}
	.patchbox_text{
		text-align: left;
		width: 90%;
		margin: 0 5%;
	}
	.patchbox_img{
		margin: 0 10%;
		display: block;
		width: 80%;
	}
	.patchbox_img2{
		display: none;
	}
	.patchbox_img2after{
		margin: 0 20%;
		display: block;
		width: 60%;
	}
	.patchbox_item{
		background: none;
		background-color: white;
	}
	.news_img_container{
		width: 100%;
	}
	.DA_box{
		height: 50vw;
	}
	.sfps_img_container{
		width: calc(100%);
	}
	.sfps_img_container_double{
		width: calc(100%);
	}
	.sfp_table{
		padding-top: 124px;
	}
	.psu_right{
		width: 98%;
	}
	.psu_left{
		width: 98%;
	}
	#fan{
		height: 16vw;
		margin-bottom: 40px;
	}
	#webImg{
		height: 24vw;

	}
	#PA-PS-3R_box{
		height: 22vw;
	}
	#PA-PS-MOD_box{
		height: 24vw;
	}
	#PA-PS-Compact_box{
		height: 20vw;
	}
}