html {
  scroll-behavior: smooth;
}

img#logo {
	max-height:  200px;
}

ul#contact_icons {
	list-style-type: none;
}

ul#contact_icons li {
	padding-top: 10px;
}

span#phone {
	padding-left: 20px;
	vertical-align: top;
	font-weight:  bold;
	color:  black;
	font-size:  24px;
}

.phone_text {
	vertical-align: top;font-weight:  bold;color:  black;font-size: 24px;
}

#btn_top {
	float: right;
}

#result {
	color:  green;
}

h2, h3 {
	font-weight: bold;
}

div#mobile_1, div#mobile_2, div#mobile_3, div#mobile_4  {
	display: none;
}

/* =============================================
   Tablet and Desktop Styles: max 640px
   =============================================
*/
@media only screen and (max-width: 740px) {

	img#logo {
		width:  90%;
	}

	div#pc_1, div#pc_2 {
		display: none;
	}

	div#mobile_1, div#mobile_2, div#mobile_3, div#mobile_4 {
		display: block;
	}
	
	p {
		font-size: 20px;
		text-align:  justify;
	}

	.button {
		padding-left: 5px;
		padding-right: 5px;
	}

	.button_p {
		text-align:  center !important;
	}

}