@media (min-width: 300px) and (max-width: 500px) {
  .nav-bar {
	top: 60px !important;
	padding: 0 20px;
 }
 .fwi-bold img {
    height: 20px;
	margin-top: -60px;
	margin-left: -10px;
	width: 100%;
 }
 .menu {
	margin-top: 59px;
	margin-right: -70px !important;
	margin-left: -58%;
 }
  .menu-item {
	display: inline;
 }
 .menu-menu-1 {
	list-style: none;
 }
 .nav-links {
	margin-top: -144px;
	display: inline-flex;
 }
 .nav-links a {
	font-size: 10px;
	margin-left: 12px;
 }
 .nav-links .fab {
	margin-left: 0px;
	margin-right: -16px;
	margin-top: 67px;
 }
 .hero-section {
	padding: 10px !important;
 }
 .content {
	top: 45%;
	left: 56%;
 }
 .content h1 {
	font-size: 40px;
	line-height: 38px;
 }
 .fs-4 {
	font-size: 11px !important;
 }
 .dots_value-content ul {
	column-gap: 16px;
 }
 .dots_value-content ul li span {
	top: -53px !important;
	left: -74px !important;
 }
 .page_item {
	list-style: none;
 }
 
 .d1 span:before {
	width: 17px;
 }
 .d2 span:before {
	width: 17px;
 }
 .nav-links .fab {
	width: 17px;
	height: 17px;
 }
 .sidebar {
	top: -49px !important;
	left: 6px;
 }
 .sidebar p {
	font-size: 9px !important;
 }
 .h2 {
	font-size: 12px;
 }
 .footer-text {
	font-size: 14px !important;
	bottom: 14px;
	letter-spacing: 0.8px;
 }
 .main-text {
	font-size: 18px;
	text-align: center;
	width: 85%;
 }
 .link-text {
	font-size: 10px;
	padding-right: 1px;
 }
 .sub-text {
	padding: 0 15%;
 }
     
 .architecture-overlay {
	 padding: 3px;
 }
 .architecture-section {
    margin: 10px;
	margin-top: 23px !important;
 }
 .architecture-text p {
	font-size: 12px;
	width: 273px;
 }
 .architecture-buttons {
	width: 284px;
	bottom: -220px !important;
 }
 .architecture-text {
	 width: 45%;
	 height: auto;
	 margin-top: -244px;
 }
 .interior-overlay {
	padding: 30px;
 }
 .interior-section {
	margin: 10px;
 }
 .interior-text {
	width: 80%;
 }
 .interior-text p {
	width: 303px;
	font-size: 12px;
 }
 .interior-buttons {
	width: 284px;
 }
 .construction-overlay {
	padding: 30px;
 }
 .construction-section {
	margin: 10px;
 }
 .construction-text p {
	width: 303px;
	font-size: 12px;
 }
 .construction-buttons {
	width: 284px;
	bottom: -170px;
 }
 .woodshop-overlay {
	padding: 30px;
 }
 .woodshop-section {
	margin: 10px;
 }
 .woodshop-text p {
	width: 303px;
	font-size: 12px;
 }
 .woodshop-buttons {
	width: 284px;
	bottom: -154px;
 }
 .Home-overlay {
	padding: 30px;
 }
 .Home-section {
	margin: 10px;
 }
 .Home-text {
	width: 53%;
 }
 .Home-text p {
	width: 303px;
	font-size: 12px;
 }
 .Home-buttons {
	width: 284px;
	bottom: -135px;
 }
 .video-section {
	padding: 0 10px;
 }
 .footer-content {
	padding: 0 20px;
 }
 .us {
	width: 100%;
	padding: 0 0px;
 }
 .our {
	width: 100%;
 }
 .cont {
	width: 100%;
 }
 .contact {
    width: 30%;
 }
}



@media (min-width: 501px) and (max-width: 700px) {
 .hero-section {
	padding: 11px !important;
 }
 .footer-text {
    font-size: 15px !important;
    bottom: 19px;    
    }
 .fwi-bold img {
   height: 29px;
   margin-top: 24px;
   margin-left: 5px;
    }
 .nav-bar {
	top: 2px !important;
	padding: 0 21px;
 }
 .nav-links {
	display: inline-flex;
 }
 .nav-links a {
    font-size: 11px;
	margin-left: 15px;
    }
 .nav-links .fab {
	width: 17px;
	height: 17px;
	margin-top: 40px;
	margin-left: 6px;
 }
 .menu {
	margin-top: 35px;
	list-style: none !important;
 }
 .menu-item {
	display: inline;
 }
 .menu-menu-1 {
	list-style: none;
 }
 .menu-menu-1-container {
	 margin-top: 3px;
	 margin-right: -38px;
 }
 .content {
    position: absolute;
    top: 51%;
    left: 51%;
 }
 .content h1 {
    font-size: 45px;
    line-height: 39px;
    }
 .fs-4 {
    font-size: 14px !important;
    }
 .dots_value {
	 position: absolute;
	 top: 180px;
	 left: 106px;
 }
 .dots_value-content ul {
    column-gap: 21px;
    }
 .dots_value-content ul li span {
	top: -17px !important;
    left: -86px !important;
 }
 .page_item {
	list-style: none;
 }
 .d1 span:before {
    width: 21px;
    }
 .d2 span:before {
    width: 22px;
    }
 .sidebar {
    top: -73px !important;
    left: 12px;
    }
 .sidebar p {
    font-size: 10px !important;
    }
 .h2 {
    font-size: 17px;
 }
 .containerr {
	text-align: center;
 }
 .main-text {
   font-size: 22px;
   text-align: center;
   width: 78%;
 }
 .architecture-buttons {
    width: 410px;
    bottom: -230px !important;
    }
 .interior-buttons {
    width: 410px;
	bottom: -225px;
    }
 .construction-buttons {
    width: 410px;
    bottom: -170px;
    }
 .woodshop-buttons {
    width: 410px;
	bottom: -173px;
    }
 .Home-buttons {
    width: 410px;
    bottom: -170px;
    }
 .link-text {
	font-size: 10px;
	padding-right: 1px;
 }
 .sub-text {
	padding: 0 25%;
	font-size: 12px;
 }
 .architecture-section {
    margin: 10px;
	margin-top: 10px !important;
 }
 .architecture-text p {
	font-size: 12px;
	width: 300px;
 }
  .interior-section {
	margin: 10px;
 }
 .interior-text {
	width: 80%;
 }
 .interior-text p {
	width: 303px;
	font-size: 12px;
 }
 .construction-section {
	margin: 10px;
 }
 .construction-text p {
	width: 303px;
	font-size: 12px;
 }
 .woodshop-section {
	margin: 10px;
 }
 .woodshop-text p {
	width: 303px;
	font-size: 12px;
 }
 .Home-section {
	margin: 10px;
 }
 .Home-text {
	width: 53%;
 }
 .Home-text p {
	width: 303px;
	font-size: 12px;
 }
 .video-section {
	padding: 0 10px;
 }
 .footer-content {
	padding: 0 20px;
 }
 .us {
	width: 100%;
	padding: 0 0px;
 }
 .our {
	width: 100%;
 }
 .cont {
	width: 100%;
 }
 .contact {
    width: 30%;
 }
}





@media (min-width: 700px) and (max-width: 900px) {
 .hero-section {
	padding: 11px !important;
 }
 .footer-text {
    font-size: 15px !important; 
    bottom: 25px;	
    }
 .fwi-bold img {
   height: 31px;
   margin-top: -18px;
   margin-left: -20px;
    }
	.menu-item {
	display: inline;
 }
 .menu-menu-1 {
	list-style: none;
 }
 .nav-bar {
	top: 27px !important;
 }
 .nav-links {
	display: inline-flex;
 }
 .nav-links a {
    font-size: 12px;
	margin-left: 24px;
	margin-top: 14px !important;
    }
 .nav-links .fab {
	width: 19px;
	height: 20px;
 }
 .menu-menu-1-container {
	margin-right: -44px;
 }
 .content {
    top: 48%;
    left: 44%;
 }
 .content h1 {
    font-size: 42px;
    line-height: 39px;
    }
 .fs-4 {
    font-size: 14px !important;
    }
 .dots_value {
	top: 187px;
	left: 130px;
 }
 .dots_value-content ul {
    column-gap: 21px;
    }
 .dots_value-content ul li span {
	top: -12px !important;
    left: -69px !important;
 }
 .d1 span:before {
    width: 21px;
    }
 .d2 span:before {
    width: 22px;
    }
 .sidebar {
    top: -56px !important;
    left: 14px;
    }
 .sidebar p {
    font-size: 12px;
    }
 .h5 {
	font-size: 10px;
	padding-left: 0px;
 }
 .architecture-buttons {
    width: 558px;
    bottom: -170px;
    }
 .interior-buttons {
    width: 558px;
	bottom: -225px;
    }
 .construction-buttons {
    width: 558px;
    bottom: -197px;
    }
 .woodshop-buttons {
    width: 558px;
	bottom: -190px;
    }
 .Home-buttons {
    width: 587px;
    bottom: -200px;
    }
 .main-text {
	font-size: 27px;
	text-align: center;
	width: 82%;
 }
 .link-text {
	font-size: 10px;
	padding-right: 1px;
 }
 .sub-text {
	padding: 0 15%;
	font-size: 11px;
 }
 .architecture-section {
    margin: 10px;
	margin-top: 10px !important;
 }
 .architecture-text p {
	font-size: 14px;
	width: 400px;
 }
  .interior-section {
	margin: 10px;
 }
 .interior-text {
	width: 80%;
 }
 .interior-text p {
	width: 413px;
	font-size: 14px;
 }
 .construction-section {
	margin: 10px;
 }
 .construction-text p {
	width: 400px;
	font-size: 14px;
 }
 .woodshop-section {
	margin: 10px;
 }
 .woodshop-text p {
	width: 400px;
	font-size: 14px;
 }
 .Home-section {
	margin: 10px;
 }
 .Home-text {
	width: 53%;
 }
 .Home-text p {
	width: 400px;
	font-size: 14px;
 }
 .video-section {
	padding: 0 10px;
 }
 .footer-content {
	padding: 0 20px;
 }
 .us {
	width: 100%;
	padding: 0 0px;
 }
 .our {
	width: 100%;
 }
 .cont {
	width: 100%;
 }
 .contact {
    width: 30%;
 }
 .section-title {
   font-size: 35px;
   width: 216px;
 }
 .row {
    margin-top: 80px !important;
 }
}



@media (min-width: 900px) and (max-width: 1100px) {
 .hero-section {
	padding: 11px !important;
 }
 .footer-text {
    font-size: 15px !important;
    bottom: 25px;    
    }
 .fwi-bold img {
   height: 35px;
    }
 .nav-bar {
	top: 25px !important;
 }
 .nav-links {
	display: inline-flex;
 }
 .nav-links a {
    font-size: 13px;
	margin-left: 30px;
	margin-top: 13px !important;
    }
 .nav-links .fab {
	width: 19px;
	height: 20px;
 }
 .menu-item {
	display: inline;
 }
 .menu-menu-1 {
	list-style: none;
 }
 .menu-menu-1-container {
	margin-right: -35px;
 }
 .content {
    top: 48%;
    left: 42%;
 }
 .content h1 {
    font-size: 55px;
    line-height: 48px;
    }
 .fs-4 {
    font-size: 14px !important;
    }
 .dots_value {
	top: 201px;
	left: 130px;
 }
 .dots_value-content ul {
    column-gap: 21px;
    }
 .dots_value-content ul li span {
	top: -32px !important;
    left: -50px !important;
 }
 .d1 span:before {
    width: 21px;
    }
 .d2 span:before {
    width: 22px;
    }
 .sidebar {
    top: -59px !important;
    left: 14px;
    }
 .sidebar p {
    font-size: 12px;
    }
 .architecture-buttons {
    width: 558px;
    bottom: -170px;
    }
 .interior-buttons {
    width: 393px;
	bottom: -225px;
    }
 .construction-buttons {
    width: 427px;
    bottom: -197px;
    }
 .woodshop-buttons {
    width: 578px;
	bottom: -213px;
    }
 .Home-buttons {
    width: 587px;
    bottom: -200px;
    }
 .main-text {
	font-size: 30px;
	text-align: center;
	width: 72%;
 }
 .link-text {
	font-size: 10px;
	padding-right: 1px;
 }
 .sub-text {
	padding: 0 15%;
	font-size: 11px;
 }
 .architecture-section {
    margin: 10px;
	margin-top: -3px !important;
 }
 .architecture-text p {
	font-size: 14px;
	width: 400px;
 }
  .interior-section {
	margin: 10px;
 }
 .interior-text {
	width: 80%;
 }
 .interior-text p {
	width: 413px;
	font-size: 14px;
 }
 .construction-section {
	margin: 10px;
 }
 .construction-text p {
	width: 400px;
	font-size: 14px;
 }
 .woodshop-section {
	margin: 10px;
 }
 .woodshop-text p {
	width: 400px;
	font-size: 14px;
 }
 .Home-section {
	margin: 10px;
 }
 .Home-text {
	width: 53%;
 }
 .Home-text p {
	width: 400px;
	font-size: 14px;
 }
 .video-section {
	padding: 0 10px;
 }
 .footer-content {
	padding: 0 20px;
 }
 .us {
	width: 100%;
	padding: 0 0px;
 }
 .our {
	width: 100%;
 }
 .cont {
	width: 100%;
 }
 .contact {
    width: 30%;
 }
 .section-title {
   font-size: 35px;
   width: 216px;
 }
}





@media (min-width: 1100px) and (max-width: 1300px) {
	.hero-section {
	padding: 11px !important;
 }
 .footer-text {
    font-size: 18px !important;  
    bottom: 20px;	
    }
 .fwi-bold img {
   height: 35px;
    }
 .nav-bar {
	top: 24px !important;
 }
 .nav-links {
	display: inline-flex;
 }
 .nav-links a {
    font-size: 13px;
	margin-left: 30px;
    }
 .nav-links .fab {
	width: 19px;
	height: 20px;
	margin-top: 6px !important;
 }
 .menu-item {
	display: inline;
 }
 .menu-menu-1 {
	list-style: none;
 }
 .menu-menu-1-container {
	margin-right: -30px;
 }
 .content {
    top: 48%;
    left: 44%;
 }
 .content h1 {
    font-size: 55px;
    line-height: 48px;
    }
 .fs-4 {
    font-size: 14px !important;
    }
 .dots_value {
	top: 196px;
	left: 85px;
 }
 .dots_value-content ul {
    column-gap: 21px;
    }
 .dots_value-content ul li span {
	top: -32px !important;
    left: 45px !important;
 }
 .d1 span:before {
    width: 21px;
    }
 .d2 span:before {
    width: 22px;
    }
 .sidebar {
    top: -70px !important;
    left: 10px;
    }
 .sidebar p {
    font-size: 12px;
    }
 .architecture-buttons {
    width: 558px;
    bottom: -170px;
    }
 .interior-buttons {
    width: 393px;
	bottom: -225px;
    }
 .construction-buttons {
    width: 427px;
    bottom: -197px;
    }
 .woodshop-buttons {
    width: 578px;
	bottom: -213px;
    }
 .Home-buttons {
    width: 587px;
    bottom: -200px;
    }
 .main-text {
	font-size: 30px;
	text-align: center;
	width: 67%;
 }
 .link-text {
	font-size: 10px;
	padding-right: 1px;
 }
 .sub-text {
	padding: 0 15%;
	font-size: 11px;
 }
 .architecture-section {
    margin: 10px;
	margin-top: 16px !important;
 }
 .architecture-text p {
	font-size: 14px;
	width: 400px;
 }
  .interior-section {
	margin: 10px;
 }
 .interior-text {
	width: 80%;
 }
 .interior-text p {
	width: 413px;
	font-size: 14px;
 }
 .construction-section {
	margin: 10px;
 }
 .construction-text p {
	width: 400px;
	font-size: 14px;
 }
 .woodshop-section {
	margin: 10px;
 }
 .woodshop-text p {
	width: 400px;
	font-size: 14px;
 }
 .Home-section {
	margin: 10px;
 }
 .Home-text {
	width: 53%;
 }
 .Home-text p {
	width: 400px;
	font-size: 14px;
 }
 .video-section {
	padding: 0 10px;
 }
 .footer-content {
	padding: 0 100px;
 }
 .us {
	width: 42%;
	padding: 0 80px;
	float: left;
 }
 .our {
	width: 33%;
	text-align: left;
	float: left;
	margin-left: -30px;
 }
 .address {
	float: left;
	width: 30%;
	text-align: left;
 }
 .cont {
	width: 33%;
	float: right;
	margin-right: 0px;
	margin-top: -58px;
 }
 .peter {
	margin-left: 10px;
 }
 .contact {
    width: 25%;
	margin-left: 40px;
 }
 .dean p {
	font-size: 12px;
	width: 62%;
 }
 .number {
	margin-left: -15px;
 }
 .section-title {
   font-size: 35px;
   width: 216px;
 }
}




@media (min-width: 1300px) and (max-width: 1500px) {
 .hero-section {
	padding: 11px !important;
 }
 .footer-text {
    font-size: 18px !important; 
    bottom: 25px !important;	
    }
 .fwi-bold img {
   height: auto;
    }
 .nav-bar {
	top: 25px !important;
 }
 .nav-links {
	display: inline-flex;
 }
 .nav-links a {
    font-size: 13px;
	margin-left: 30px;
    }
 .nav-links .fab {
	width: 19px;
	height: 20px;
	margin-top: 5px;
 }
  .menu-item {
	display: inline;
 }
 .menu-menu-1 {
	list-style: none;
 }
 .menu-menu-1-container {
    margin-top: 5px;
    margin-right: -25px;
}
 .content {
    top: 48%;
    left: 44%;
 }
 .content h1 {
    font-size: 55px;
    line-height: 48px;
    }
 .fs-4 {
    font-size: 14px !important;
    }
 .dots_value {
	top: 196px;
	left: 78px;
 }
 .dots_value-content ul {
    column-gap: 21px;
    }
 .dots_value-content ul li span {
	top: -39px !important;
    left: 81px !important;
 }
 .d1 span:before {
    width: 21px;
    }
 .d2 span:before {
    width: 22px;
    }
 .sidebar {
    top: -60px !important;
    left: 13px;
    }
 .sidebar p {
    font-size: 12px;
    }
 .main-text {
	font-size: 30px;
	text-align: center;
	width: 57%;
 }
 .link-text {
	font-size: 10px;
	padding-right: 1px;
 }
 .sub-text {
	padding: 0 15%;
	font-size: 11px;
 }
 .containerr {
	text-align: center;
 }
 .main-text {
    font-size: 30px;
    text-align: center;
    width: 49%;
 }
 .architecture-section {
    margin: 10px;
 }
 .architecture-text p {
	font-size: 14px;
	width: 400px;
 }
  .interior-section {
	margin: 10px;
 }
 .interior-text {
	width: 80%;
 }
 .interior-text p {
	width: 413px;
	font-size: 14px;
 }
 .construction-section {
	margin: 10px;
 }
 .construction-text p {
	width: 400px;
	font-size: 14px;
 }
 .woodshop-section {
	margin: 10px;
 }
 .woodshop-text p {
	width: 400px;
	font-size: 14px;
 }
 .Home-section {
	margin: 10px;
 }
 .Home-text {
	width: 53%;
 }
 .Home-text p {
	width: 400px;
	font-size: 14px;
 }
 .video-section {
	padding: 0 10px;
 }
 .footer-content {
	padding: 0 100px;
 }
 .us {
	width: 42%;
	padding: 0 80px;
	float: left;
 }
 .our {
	width: 33%;
	text-align: left;
	float: left;
	margin-left: -30px;
 }
 .address {
	float: left;
	width: 30%;
	text-align: left;
 }
 .cont {
	width: 33%;
	float: right;
	margin-right: 0px;
	margin-top: -58px;
 }
 .peter {
	margin-left: 10px;
 }
 .contact {
    width: 25%;
	margin-left: 40px;
 }
 .dean p {
	font-size: 12px;
	width: 62%;
 }
 .number {
	margin-left: -15px;
 }
 .section-title {
   font-size: 35px;
   width: 216px;
 }
}

@media (min-width: 1500px) and (max-width: 1930px) {
 .menu-item {
	display: inline;
 }
 .menu-menu-1 {
	list-style: none;
 }
 .menu-menu-1-container {
	margin-right: -25px;
 }
 .nav-links {
	display: inline-flex;
 }
 .nav-links .fab {
	margin-top: 5px;
 }
 .nav-bar {
	top: 28px !important;
 }
 .sidebar {
	top: -88px !important;
 }
 .sidebar p {
	font-size: 11px !important;
 .dots_value {
	top: 190px;
 }
}