@charset "UTF-8";
/* CSS Document */

.bg-lightworks {
    background-color: #282D37;
    }

.bg-orange {
    background-color: #ff9900;
    }

.bg-creme {
    background-color: #e5dad3;
	padding: 20px;
    }

.bgtest {
    background-color: chartreuse;
    }

.lwtxtcyaan {
    color: #009fe3;
    }

.lwtxtorange {
    color: #ff9900;
    }
    
.lwtxtgrey {
    color: #555555;
    }
.lwtxtgrey2 {
    color: #777777;
    }
    
.contentfield {
    padding-top: 140px;
    }

.navbar-top.navbar-dark::before{
    background-color: #20242C;
    }
    
.portfoliotitle {
    text-shadow: 2px 2px 4px #000000;
    }

.footercustom {
    background-color: #20242C;
    padding-top: 50px;
    padding-bottom: 30px;
    }

a.underorange {
    text-decoration: underline;
    text-decoration-color: darkorange;
    text-decoration-style: solid;
    }
a.underorange:hover {
    text-decoration: underline;
    text-decoration-color: darkorange;
    text-decoration-style: double;
    }
    
.magic:before {
    content: attr(data-website) "\0040" attr(data-user);
    unicode-bidi: bidi-override;
    direction: rtl;
    }
    
.nopads {
    padding-top: 0px;
    padding-left: 0px;
	padding-right: 0px;
	}
.removetoppad {
    padding-top: 0px !important;
    margin-top: 0px !important;
    }
    
.logozoom {
    width: 250px;
    }

.machi {
	border-style: solid;
	border-width: 1px;
	border-color: yellowgreen;
	border-radius: 10px;
}
    
@media only screen and (max-width: 767px) {
    .logozoom {
    width: 200px;
    }
}

/*---TYPO FIXES---*/
h1 {font-size:1.5rem;} /*24px*/

@media (min-width: 768px) {  
  h1 {font-size:2rem;} /*32px*/
}
 
@media (min-width: 992px) { 
  h1 {font-size:2.5rem;} /*40px*/
}
 
@media (min-width: 1200px) {  
  h1 {font-size:3rem;} /*48px*/    
}

/*---TYPO FIXE FOR HOMEPAGE TITLES---*/
.hometitle {
    font-size:2.5rem;
    text-shadow: 3px 3px 6px #000000;
    word-break: normal;
    } /*40px*/

@media (min-width: 576px) {  
.hometitle {font-size:3rem;} /*48px*/
}

@media (min-width: 768px) {  
.hometitle {font-size:3.5rem;} /*56px*/
}
 
@media (min-width: 992px) { 
.hometitle {font-size:4.5rem;} /*72px*/
}