/* everything 
======================================= */

	.clients-section {
		border: 4px solid #eaeaea;
    border-radius: 20px;
    padding: 30px;
    margin: 80px 0 80px 0;
    width: auto;
	}
    


.navbar-brand {
	margin: auto;
}

.bwg_close_btn, .bwg_next_btn, .bwg_prev_btn {
    font-size: 80px;

}

.bwg_close_btn {
	    font-weight: 100 !important;
	color: black;
	opacity: 1 !important;
	background: rgba(255,255,255,0.6);
	border-radius: 10px;
	padding: 0;
}


.machine-logo {
	width: 640px;
	margin: 50px 0 30px 0;
	max-width: 90% !important;
}


.vimeo-iframe {
	width: 900px; 
	height: 500px; 
	max-width: 100% !important;
}

.half-rule {
	width: 30%;	
	width: 400px;
	max-width: 90%;
}

img {
	max-width: 100%;
	height: auto;
}


a {
	color: black;
}

.black-bg a {
	color: white;
}

.home-crane {
width: 355px;
    margin: auto;
    max-width: 100%;
    margin-top: -30px;
    position: relative;
    z-index: -1;
}

.navbar-brand  {
	font-size: 2.4rem;
  color: black !important;
  font-weight: 400;
}

body {
	text-align: center;
	font-family:	"sofia-pro";
	font-weight: 100; 
	font-size: 2rem;
	margin-bottom: 50px;
}

p {
	line-height: 36px;
		   margin-bottom: 2rem;
}



small p, small {
	font-size: 1.2rem;
	font-weight: 200;
	margin-bottom: 1rem;
	line-height: 1rem;
}



/* everything ends 
=================================== */



/* everything except mobile: 
============================================= */
@media only screen  and (min-width : 768px) {

		
	body {
		font-size: 1.7rem;
	}

	p {
		line-height: 30px;
	}

}  /* @media breakpoint - Everything Except Mobile ends */






/* Extra large devices only (1200px and up) 
====================================================*/
@media only screen and (min-width : 1200px){




}  /* @media breakpoint - Extra Large only ends */






/* Large only (992px - 1200px) 
====================================================*/
@media only screen  and (min-width : 992px) and (max-width : 1199.98px){



} /*  /* @media breakpoint - Large only ends  */


/* Medium only 
================================================== */
@media only screen and (min-width : 768px) and (max-width : 991.98px) {




}  /* @media breakpoint - Medium only ends */





/* Mobile only - Small and below (767px and down)

          ___           _,.---,---.,_
            |         ,;~'             '~;, 
            |       ,;                     ;,      
   Frontal  |      ;                         ; ,--- Supraorbital Foramen
    Bone    |     ,'                         /'
            |    ,;                        /' ;,
            |    ; ;      .           . <-'  ; |
            |__  | ;   ______       ______   ;<----- Coronal Suture
           ___   |  '/~"     ~" . "~     "~\'  |
           |     |  ~  ,-~~~^~, | ,~^~~~-,  ~  |
 Maxilla,  |      |   |        }:{        | <------ Orbit
Nasal and  |      |   l       / | \       !   |
Zygomatic  |      .~  (__,.--" .^. "--.,__)  ~. 
  Bones    |      |    ----;' / | \ `;-<--------- Infraorbital Foramen
           |__     \__.       \/^\/       .__/  
              ___   V| \                 / |V <--- Mastoid Process 
              |      | |T~\___!___!___/~T| |  
              |      | |`IIII_I_I_I_IIII'| |  
     Mandible |      |  \,III I I I III,/  | 
              |       \   `~~~~~~~~~~'    /
              |         \   .       . <-x---- Mental Foramen
              |__         \.    ^    ./   
                            ^~~~^~~~^

================================================== */

@media (max-width: 767.98px) { 

	.clients-section {

		border: 4px solid #eaeaea;
    border-radius: 20px;
    padding: 0;
    padding-top: 25px;
    width: auto;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 40px;
	}
    


	.footer-text-area {
		font-size: 20px;
	}


	p {
		font-size: 1.5rem;
		line-height: 1.8rem;
	   margin-bottom: 2rem;
	   font-weight: normal;
	}

	.navbar-brand {
		font-size: 2rem;
	}





} /* @media breakpoint - Mobile Small only ends */




/* Small devices only (landscape phones, 576px and up)
================================================ */
@media (min-width: 576px) and (max-width: 767.98px) { 



}  /*  Small devices (landscape phones, 576px and up) ends



} /* breakpoint 



/* Extra small devices only (portrait phones, less than 576px) 
========================================================= */
@media (max-width: 575.98px) { 

	* {
		max-width: 100% !important;
	}

	

} /* Extra small devices ends (portrait phones) */