.logo_container {
    margin-top: 15px;
    margin-left: -30px;
}

.logo_container img {
	width: 55%;
}

.name_badge {
	position:relative;
	float:right;
	display: grid;
	align-items: center;
	width:180px;
	height:105px;
	background-color: rgba(0,0,0,.7);
}

.name_badge h1 {
	font-size:38px;
	font-weight:400;
	text-align:center;
	color:white;
	line-height: 53px;
	margin-top: -30px;
	font-family: 'Montserrat Alternates', sans-serif;
}

.name_badge h2 {
	position:absolute;
	right: 40px;
	font-size:18px;
	font-weight:400;
	text-align:right;
	color:white;
	margin-top: 50px;
}

.pf_nav-container_back {
	height: 132px;
	width: 100%;
	top: 0 px;
	position: fixed;
	z-index: 100000;
	margin: 0 auto;
	background-color: #fff;
}

#pf_toggle_menuToggle {
	display:none;
}


.eidos_content {
	width:100%;
	top:132px;
	height:auto;
}

#startchange {
	width:100%;
}

#startchange_100 {
	width:100%;
}

#startchange h2 {
	font-family: 'Montserrat Alternates', sans-serif;
  	font-weight: 300;
  	font-size: 48px;
  	margin-bottom:0px;
  	color: rgba(0,0,0,.7);
}

#startchange_100 h2 {
	font-family: 'Montserrat Alternates', sans-serif;
  	font-weight: 300;
  	font-size: 48px;
  	margin-bottom:0px;
  	color: rgba(0,0,0,.7);
}

h3 {
    font-family: 'Montserrat Alternates', sans-serif;
    font-weight: 300;
    font-size: 30px;
    text-align: center;
    margin-bottom: 15px;
}

.cont p {
	font-family: 'Montserrat Alternates', sans-serif;
	font-weight: 400;
	color: rgba(0,0,0,.7);
}

.cont a {
  font-size: 17px;
}

.chapters {
	width:100%;

}

.chapter1 {
    width: 33%;
    height: auto;
    display: inline-block;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.chapter2 {
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.chapter_content {
	width:300px;
	height:100px;
	border-radius:6px;
	background-color:rgba(0,0,0,.7);
	display: grid;
    align-items: center;
    margin:0 auto;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
    transition:0.4s;
}

h4 {
	font-family: 'Montserrat Alternates', sans-serif;
    margin-bottom: 0px;
}

.chapter_content h4 {
	font-family: 'Montserrat Alternates', sans-serif;
	color:white;
    margin-bottom: 0px;
}

.chapter_content:hover {
	background-color:rgba(0,0,0,.2);
	transition:0.4s;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
}

.chapter_content h4:hover {
	color:black;
	transition:0.4s;
}


.side_content{
	position: fixed;
    float: right;
    width: 24%;
    right: 10%;
    top: 150px;
    padding-left: 40px;
}
	
.side_content p {
	font-size: 15px;
    line-height: 30px;
    text-align: left;
}

.side_content a {
	font-size: 15px;
    line-height: 22px;
    text-decoration:none;
}

.side_content a:hover {
	font-weight:400;
}

#Placing_your_anch, #General_safety_anch, #Electrical_safety_anch, #CR2032_anch, #Electrostatic_discharge_anch, #Handling_maintenance_anch, #Emergency_procedures_anch, #Disposal_instructions_anch, #Compliance_conformity_anch, #Connecting_anch, #Powering_anch, #When_power_anch, #Powering_up_anch, #Powering_down_anch, #Resetting_anch, #Using_anch, #Status_tab_anch, #Server_modes_anch, #Endpoint_modes_anch, #NAS_modes_anch, #Check_for_updates_anch, #Support_tab_anch, #Roon_tab_anch, #MacOS_anch, #Windows_anch, #Copy_anch, #No_sound_anch, #Harsh_sound_anch, #Humming_sound_anch, #LED_anch {
	width:75%;
	padding-right:30px;
	margin-bottom:150px;
	
}

#Placing_your, #Connecting, #Powering, #When_power, #Powering_up,#Powering_down, #Resetting, #Using, #Status_tab, #Server_modes, #Endpoint_modes, #NAS_modes, #Check_for_updates, #Support_tab, #Roon_tab, #MacOS, #Windows, #Copy, #No_sound, #Harsh_sound, #Humming_sound, #LED_sound {
	width:75%;
	padding-right:30px;
}

#General_safety {
	width:75%;
	padding-right:30px;
}

#Electrical_safety {
	width:75%;
	padding-right:30px;
}

#CR2032 {
	width:75%;
	padding-right:30px;
}

#Electrostatic_discharge {
	width:75%;
	padding-right:30px;
}

#Handling_maintenance {
	width:75%;
	padding-right:30px;
}

#Emergency_procedures {
	width:75%;
	padding-right:30px;
}

#Disposal_instructions {
	width:75%;
	padding-right:30px;
}

#Compliance_conformity {
	width:75%;
	padding-right:30px;
}

.spacer_scion {
	width: 100%;
  	height: 150px;
}

.chapter_content a {
	text-decoration: none;
	line-height: 25px;
}

.indent{
	padding: 20px;
	background-color: rgba(0,0,0,.1);
}

#startchange img {
	width:100%;
}

#windowimg {
	margin-bottom: 65px;
}

footer {
	text-align: center;
}

footer p {
	font-family: 'Montserrat Alternates', sans-serif;
}

.adres a {
	font-size:15px;
	font-weight: 400;
}

.adres_bold {
	font-family: 'Montserrat Alternates', sans-serif;
}

#pf_toggle_menuToggle {
	display:none;
}


@media only screen and (max-width: 1550px) {
	.cont {
		padding-left: 200px;
  		padding-right: 200px;
  	}
}

@media only screen and (max-width: 1350px) {
	.cont {
		padding-left: 50px;
  		padding-right: 50px;
  	}
  	.side_content {
		right: 5%;
	}
}

@media only screen and (max-width: 1050px) {
	.chapter1 {
  		width: 49.5%;
  		margin-top: 30px;
  		margin-bottom: 30px;
  	}
}

@media only screen and (max-width: 1024px) {
	.cont {
		margin-top: 80px;
		padding-left: 50px;
  		padding-right: 50px;
  	}
  	.side_content {
  		top: 150px;
  		padding-left: 59px;
  		right: 10%;
	}
	.spacer_scion {
  		height: 0px;
	}
	#startchange{
		margin-top:150px;
		width:75%;
	}
	
	#startchange_100 {
		margin-top:150px;
	}
	
	#Placing_your_anch, #General_safety_anch, #Electrical_safety_anch, #CR2032_anch, #Electrostatic_discharge_anch, #Handling_maintenance_anch, #Emergency_procedures_anch, #Connecting_anch, #Powering_anch, #When_power_anch, #Powering_up_anch, #Powering_down_anch, #Resetting_anch, #Using_anch, #Status_tab_anch, #Server_modes_anch, #NAS_modes_anch, #Check_for_updates_anch, #Support_tab_anch, #Roon_tab_anch, #MacOS_anch, #Windows_anch, #Connecting_anch, #No_sound_anch, #Harsh_sound_anch, #Humming_sound_anch, #LED_anch {
  		padding-right: 40px;
  	}
  	
  	#Placing_your_anch, #Connecting_anch, #Powering_anch, #Using_anch {
  		width: 100%;
  		margin-bottom: 100px;
	}
	
	#When_power_anch, #Powering_up_anch, #Powering_down_anch, #Resetting_anch, #Status_tab_anch, #Server_modes_anch, #NAS_modes_anch, #Check_for_updates_anch, #Support_tab_anch, #Roon_tab_anch, #MacOS_anch, #Windows_anch,#No_sound_anch, #Harsh_sound_anch, #Humming_sound_anch, #LED_anch {
  		margin-bottom: 150px;
  	}
  	 	
	#Placing_your, #Connecting, #Powering, #When_power, #Powering_up, #Powering_down, #Resetting, #Using, #Status_tab, #Server_modes, #NAS_modes, #Check_for_updates, #Support_tab, #Roon_tab, #MacOS, #Windows, #Connecting, #No_sound, #Harsh_sound, #Humming_sound, #LED_sound {
  		padding-right: 40px;
  		width:100%;
  	}
  	
  	#Placing_your {
padding-right: 40px;
  		width:100%;
}

#General_safety {
padding-right: 40px;
  		width:100%;
}

#Electrical_safety {
padding-right: 40px;
  		width:100%;
}

#CR2032 {
padding-right: 40px;
  		width:100%;
}

#Electrostatic_discharge {
padding-right: 40px;
  		width:100%;
}

#Handling_maintenance {
padding-right: 40px;
  		width:100%;
}

#Emergency_procedures {
padding-right: 40px;
  		width:100%;
}

#Disposal_instructions {
padding-right: 40px;
  		width:100%;
}

#Compliance_conformity {
padding-right: 40px;
  		width:100%;
}
  	
  	#failed {
  	height:0px;}

}


@media only screen and (max-width: 810px) {
	.logo_container {
    	margin-left: -35px;
	}
	.logo_container img {
		width: 46%;
	}
	.name_badge {	
		width:180px;
		height:90px;
	}
	.name_badge h1 {
		font-size:40px;
	}
	#startchange{
		margin-top:150px;
	}
	.side_content {
  		top: 150px;
  		padding-left: 50px;
	}
	#Placing_your_anch {
		margin-bottom:100px;
	}
	.cont a {
  		font-size: 16px;
	}
	.side_content a {
		font-size: 15px;
	}
}


@media only screen and (max-width: 768px) {
	#startchange h2 {
  		font-size: 50px;
  	}
  	#startchange_100 h2 {
  		font-size: 50px;
  	}
  	h3 {
		font-size: 25px;
  	}
  	.cont a {
  		font-size: 15px;
	}
	.side_content a {
		font-size: 15px;
	}
}


@media only screen and (max-width: 720px) {
	.chapter1 {
  		width: 100%;
  	}
}

@media only screen and (max-width: 640px) {
	.pf_nav-container_back {
  		height: 90px;
  	}
  	.name_badge {
    	width: 130px;
    	height: 70px;
    }
    .name_badge h1 {
    	font-size: 30px;
		margin-top: -20px;
	}
	.name_badge h2 {
		right: 25px;
		font-size:15px;
		margin-top: 45px;
	}
    .logo_container {
    	margin-left: -55px;
  	}
    .logo_container img {
    	width: 33%;
  	}
	 .side_content {
	 	top: 120px;
    	padding-left: 25px;
    }
    .side_content p {
  		line-height: 25px;
  	}
    .side_content a {
  		font-size: 12px;
  	}
  	 #startchange {
    	margin-top: 120px;
    }
    #startchange_100 {
  		margin-top: 120px;
  	}
    #When_power_anch, #Powering_up_anch, #Powering_down_anch, #Resetting_anch, #Status_tab_anch, #Server_modes_anch, #NAS_modes_anch, #Check_for_updates_anch, #Support_tab_anch, #Roon_tab_anch, #MacOS_anch, #Windows_anch,#No_sound_anch, #Harsh_sound_anch, #Humming_sound_anch, #LED_anch {
  		margin-bottom: 120px;
  	}
}

@media only screen and (max-width: 500px) {
 	#startchange h2 {
    	font-size: 45px;
    }
    #startchange_100 h2 {
    	font-size: 45px;
    }
    h3 {
    	font-size: 22px;
	}
	.side_content {
    	padding-left: 18px;
    }
	.cont p {
    	font-size: 13px;
    	line-height: 27px;
  	}
  	#Placing_your, #Connecting, #Powering, #When_power, #Powering_up, #Powering_down, #Resetting, #Using, #Status_tab, #Server_modes, #NAS_modes, #Check_for_updates, #Support_tab, #Roon_tab, #MacOS, #Windows, #Connecting, #No_sound, #Harsh_sound, #Humming_sound, #LED_sound {
  		padding-right: 30px;
  	}
  	
  	#Placing_your {
padding-right: 30px;
}

#General_safety {
padding-right: 30px;
}

#Electrical_safety {
padding-right: 30px;
}

#CR2032 {
padding-right: 30px;
}

#Electrostatic_discharge {
padding-right: 30px;
}

#Handling_maintenance {
padding-right: 30px;
}

#Emergency_procedures {
padding-right: 30px;
}

#Disposal_instructions {
padding-right: 30px;
}

#Compliance_conformity {
padding-right: 30px;
}
  	.cont a {
  		font-size: 13px;
	}
	.side_content a {
		font-size: 12px;
	}
}
  	
@media only screen and (max-width: 430px) {
    .logo_container {
    	margin-left: -85px;
  	}
  	#startchange h2 {
    	font-size: 35px;
    }
	#pf_toggle_menuToggle {
		display:initial;
	}
 	 .pf_nav-container_back {
    	height: 120px;
  	}
  	#pf_toggle_menuToggle {
    	margin-top: 53px;
  	}
  	#pf_toggle_menuToggle span {
  		background-color: rgba(0,0,0,.2);
  	}
  	#pf_toggle_menuToggle input:checked ~ span {
  		background-color: rgba(0,0,0,.2);
  	}
	#pf_toggle_menu {
		width: 240px;
  		margin: -45px 0 0 -180px;
  		padding: 20px;
  		padding-top: 60px;
  		padding-left: 30px;
  		outline:1px solid rgba(0,0,0,1);
  	}
  	#pf_toggle_menu li {
  		font-size: 14px;
  		font-family: 'Montserrat Alternates', sans-serif;
	}
	.cont {
		padding-left: 20px;
  		padding-right: 20px;
  	}
  	#startchange {
    	width: 100%;
    }
  	.side_content {
  		display:none;
  	}
  	
  	#Placing_your_anch, #Connecting_anch, #Powering_anch, #Using_anch {
  		margin-bottom: 50px;
	}
	
  	#Placing_your_anch, #Connecting_anch, #Powering_anch, #When_power_anch, #Powering_up_anch, #Powering_down_anch, #Resetting_anch, #Using_anch, #Status_tab_anch, #Server_modes_anch, #NAS_modes_anch, #Check_for_updates_anch, #Support_tab_anch, #Roon_tab_anch, #MacOS_anch, #Windows_anch, #Connecting_anch, #No_sound_anch, #Harsh_sound_anch, #Humming_sound_anch, #LED_anch {
  		padding-right: initial;
  		margin-bottom:60px;
  	}
  	
  	#Placing_your, #Connecting, #Powering, #When_power, #Powering_up, #Powering_down, #Resetting, #Using, #Status_tab, #Server_modes, #NAS_modes, #Check_for_updates, #Support_tab, #Roon_tab, #MacOS, #Windows, #Connecting, #No_sound, #Harsh_sound, #Humming_sound, #LED_sound {
  		padding-right: initial;
  	}
  	
  	
}

@media only screen and (max-width: 400px) {
  	.name_badge {
    	width: 128px;
    	height: 60px;
    }
    .logo_container {
    	margin-left: -95px;
  	}
    .logo_container img {
    	width: 28%;
  	}
  	#pf_toggle_menuToggle {
    	margin-top: 44px;
  	}



@media only screen and (max-width: 360px) {
	.chapter1{
		margin-top: 20px;
  		margin-bottom: 20px;
	}
	.chapter_content {
		width: 250px;
		height: 80px;
	} 	
}