/* Style the links inside the navigation bar *//*
	SIRIETA - DigitArtStudio 2021
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)

   --------------------------------------------------------------- */
/* Responsive Full Background Image Using CSS
 * Tutorial URL: http://sixrevisions.com/css/responsive-background-image/
*/
@font-face {
    font-family: 'DancingScript-Regular';
    src:url(../fonts/DancingScript-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'OpenSans-Regular';
    src:url(../fonts/OpenSans-Regular.ttf) format('truetype');
}

body {
  /* Location of the image */
  	background-image: url(../../images/background.jpg);
  
  /* Image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Image doesn't repeat */
  background-repeat: no-repeat;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size: cover;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#464646;
  
  /* SHORTHAND CSS NOTATION
   * background: url(background-photo.jpg) center center cover no-repeat fixed;
   */
}

.smart-title {
    font-size: 3.5em; 
    font-family: 'OpenSans-Regular';
	line-height: 1.5em;
	text-align: center;
     
	padding: 1em 5em 1em 5em;
    color: #fff;
}	

.smart-text {
    font-size: 3em;
	
    font-family: 'OpenSans-Regular';
	line-height: 1.5em;
	text-align: left;
    
	padding: 0em 5em 0em 5em;
    color: #fff;
}	

.smart-list {
	font-size: 3em;
	float:none;
    
	font-family: 'OpenSans-Regular';
	line-height: 1.5em;
	text-align: left;
	padding: 0em 5em 0em 7em;
	color: #fff;
	 
}	
 body {
    /* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
    background-image: url(../../images/background-photo.png);
  }
  
	
/* For Tablet devices */
@media screen and (max-width: 900px) {

.container {
			width: calc(100% - 80px);
}

	

  body {
    /* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
    background-image: url(../../images/background-photo.png);
  }
  
.smart-title {
    font-size: 2.5em;	
    font-family: 'OpenSans-Regular';
	line-height: 1.5em;
	text-align: center;
    
	padding: 1em 5em 0em 5em;
    color: #fff;
}	

.smart-text {
    font-size: 2em;
	
    font-family: 'OpenSans-Regular';
	line-height: 1.5em;
	text-align: Left;
     
	padding: 0em 1em 0em 1em;
    color: #fff;
}	
.smart-list {
	 font-size: 2em;
	float:left;
	 
    font-family: 'OpenSans-Regular';
	line-height: 1.5em;
	text-align: left;
	padding: 0em 1em 0em 3em;
	color: #fff;
	border: 0px solid green;
}
  
  
}


/* For mobile devices */
@media screen and (max-width: 690px) {


.container {
			width: calc(100% - 80px);
}

	

  body {
    /* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
    background-image: url(../../images/background-photo-mobile-devices.png);
  }
  
.smart-title {
    font-size: 1.5em;
    font-family: 'OpenSans-Regular';
	line-height: 1.5em;
	text-align: center;
	padding: 1em 5em 0em 5em;
    color: #fff;
}	

.smart-text {
    font-size: 1em;
	
    font-family: 'OpenSans-Regular';
	line-height: 1.5em;
	text-align: Left;
	padding: 0em 1em 0em 1em;
    color: #fff;
}	
.smart-list {
	 font-size: 1em;
	float:left;
	 
    font-family: 'OpenSans-Regular';
	line-height: 1em;
	text-align: left;
	padding: 0em 0m 0em 1.5em;
	color: #fff;
	border: 0px solid green;
}
  
  
}