/*
Theme Name: Raoul Boot Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: Childtheme voor raoulboot.com
Author: DutchDuo
Author URI: https://dutchduo.nl/
Version: 1.0.0
Template: raoulboot
*/
@import url("../raoulboot/style.css");

.h1, h1 {
	color: #ffffff;
	font-family: 'Poppins', sans-serif;
	font-size: 70px;
	line-height: 70px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: -5px;
	text-transform: none;
}
.h2, h2 {}
.h3, h3 {}
.h4, h4 {}
.h5, h5 {}
.h6, h6 {}

.white_text {color:#fff;}
.white {color:#fff;}
.displaynone {display: none;}
.spacer_32 {height: 32px;}

.home-padding-top {
    padding-top: 300px!important;
}
.about-padding-top {
    padding-top: 250px!important;
	padding-bottom: 250px!important;
}
.section-padding {
	padding-top: 100px!important;
	padding-bottom: 100px!important;
}
.title-pages {
    font-size: 120px;
    line-height: 85px;
}
/* home Something great  */
.vc_custom_1640175642549 {
    background: #000000 url(https://www.raoulboot.com/wp012022/wp-content/uploads/2021/08/PageImages_2021_Animated_2.gif?id=277);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* header work */
.vc_custom_1640178649745 {
    background: #ffc93b url(https://www.raoulboot.com/wp012022/wp-content/uploads/2021/08/PageImages_2021_2-3-1.jpg?id=240);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* header about */
.vc_custom_1640180050447 {
    background: #ffc93b url(https://www.raoulboot.com/wp012022/wp-content/uploads/2021/12/PageImages_2022_About.jpg);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
}




/*    iPad PRO 12.9 in portrait   */

@media only screen 
and (min-width : 1024px) 
and (max-width : 1366px) 
and (orientation : portrait) { 

	.hideonphone { 
		display:block;
	}
	.hideondesktop {
		display: block;
		margin-bottom: 40px;
	}
	.h1, h1 {
    font-size: 60px;
    line-height: 60px;
	}
	.home-padding-top {
    padding-top: 250px;
	}
	.about-padding-top {
    padding-top: 300px!important;
		padding-bottom: 200px!important;
	}
	.title-pages {
    font-size: 120px;
    line-height: 85px;
	}
		.photo-about {
	    background-position: 30% 100% !important;
	}	
}  

/*    iPad PRO 10.5 in landscape   */

@media only screen 
and (min-width : 834px) 
and (max-width : 1112px) 
and (orientation : landscape) { 
	
	.hideonphone { 
		display:block;
	}
	.hideondesktop {
		display: block;
		margin-bottom: 40px;
	}
	.h1, h1 {
    font-size: 60px;
    line-height: 60px;
	}
	.about-padding-top {
        padding-top: 300px!important;
		padding-bottom: 200px!important;
	}
	.title-pages {
    font-size: 120px;
    line-height: 85px;
	}
}

/*    iPad PRO 10.5 in portrait   */

@media only screen 
and (min-width : 834px) 
and (max-width : 1112px) 
and (orientation : portrait) { 

	.hideonphone { 
		display:block;
	}
	.hideondesktop {
		display: block;
		margin-bottom: 40px;
	}
	.h1, h1 {
    font-size: 60px;
    line-height: 60px;
	}
	.title-pages {
    font-size: 120px;
    line-height: 85px;
	}
}

  
/*    iPad in landscape   */

@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) { 

	.h1, h1 {
		font-size: 65px;
		line-height: 65px;
	}
	.h2, h2 {}
	.h3, h3 {}
	.h4, h4 {}
	.h5, h5 {}
	.h6, h6 {}
	.hideondesktop {
		display: block;
		margin-bottom: 40px;
	}
	.hideonphone { 
		display:block;
	}
	.title-pages {
    font-size: 120px;
    line-height: 85px;
	}
}



/*    iPad in portrait   */

@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) { 

	.h1, h1 {
		font-size: 55px;
		line-height: 55px;
	}
	.h2, h2 {}
	.h3, h3 {}
	.h4, h4 {}
	.h5, h5 {}
	.h6, h6 {}
	.home-padding-top {
    padding-top: 150px;
	}
	.about-padding-top {
    padding-top: 175px;
		padding-bottom: 175px;
	}
	.section-padding {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.hideondesktop {
		display: block;
		margin-bottom: 40px;
	}		
	.hideonphone { 
		display:block;
	}
.title-pages {
    font-size: 120px;
    line-height: 85px;
}
}



/*    iPhone X in landscape   */

@media only screen 
and (min-width : 375px) 
and (max-width : 812px) 
and (orientation : landscape) { 
	.h1, h1 {
		font-size: 45px;
		line-height: 45px;
	}
	.home-padding-top {
        padding-top: 100px!important;
	}
	.about-padding-top {
    padding-top: 100px!important;
		padding-bottom: 100px!important;
	}
	.section-padding {
		padding-top: 32px;
		padding-bottom: 32px;
	}
	.photo-part {
	  background-position: 30% 100% !important;
	}
	.vc_custom_1640175642549 {
  	  background: none;
	}
	.title-pages {
    font-size: 70px;
    line-height: 75px;
	}
}	

/*    iPhone X in portrait   */

@media only screen 
and (min-width : 375px) 
and (max-width : 812px) 
and (orientation : portrait) { 
	
    .h1, h1 {
		font-size: 45px;
		line-height: 45px;
		letter-spacing: -2px;
    }
	.home-padding-top {
    padding-top: 100px;
	}
	.about-padding-top {
    padding-top: 190px!important;
		padding-bottom: 190px!important;
	}
	.section-padding {
		padding-top: 32px;
		padding-bottom: 32px;
	}
	.photo-part {
	    background-position: 20% 100% !important;
	}
	.photo-forgood {
    background: #000000 !important;
	}	
	.photo-about {
	    background-position: 85% 100% !important;
	}	
	.photo-work {
	    background-position: 34% 100% !important;
	}
	.vc_custom_1640175642549 {
  	  background: none;
	}
	.vc_custom_1640178649745 {
		background-position: 50% 50%
	}
	.vc_custom_1640180050447 {
		background-position: 50% 50%
	}	
	.title-pages {
    font-size: 75px;
    line-height: 65px;
}
	
}


/*    iPhone 6, 7, & 8 in landscape   */

@media only screen 
and (min-width : 375px) 
and (max-width : 667px) 
and (orientation : landscape) { 

	.h1, h1 {}
	.h2, h2 {}
	.h3, h3 {}
	.h4, h4 {}
	.h5, h5 {}
	.h6, h6 {}
	.section-padding {
	    padding: 40px 0;
	}
	.about-padding-top {
        padding-top: 100px;
		padding-bottom: 100px;
	}
	.nopadding {
		padding: 0;
	}
	.hideondesktop {
		display: block;
		margin-bottom: 40px;
	}
	.hideonphone { 
		display:none;
	}	
	.photo-part {
	  background-position: 0% 100% !important;
	}
	.vc_custom_1640175642549 {
  	  background: none;
	}
}


/*    iPhone 6, 7, & 8 in portrait   */

@media only screen 
and (min-width : 375px) 
and (max-width : 667px) 
and (orientation : portrait) { 

	.h1, h1 {}
	.h2, h2 {}
	.h3, h3 {}
	.h4, h4 {}
	.h5, h5 {}
	.h6, h6 {}
	.spacer_32 {height: 25px!important;}
	.section-padding {
	    padding: 40px 0;
	}
	.nopadding {
		padding: 0;
	}			
	.hideondesktop {
		display: block;
		margin-bottom: 40px;
	}
	.hideonphone { 
		display:none;
	}
	.vc_custom_1640175642549 {
  	  background: none;
	}
	.vc_custom_1640178649745 {
		background-position: 50% 50%
	}
	.vc_custom_1640180050447 {
		background-position: 50% 50%
	}	
}