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

header {padding: 20px 20px 85px 20px;}



nav {
	float: right;

}

#menu { float: right;}

body {
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";	
	max-width:1050px;
	margin-left:auto;
	margin-right: auto;
}
nav ul li {
	list-style-type: none;
	padding-left: 20px;
	text-align: right;
}

nav ul li a {
	text-decoration: none;
	color: #2BA273;
    }


.subline {
	color: #FFFFFF;
	font-weight: 400;
	font-size: 33px;
	margin-bottom: -18px;
    }
.subline2 {
	color: #FFFFFF;
	font-weight: 300;
	font-size: 28px;
		
		
    }
.subline3 {
	color: #FFFFFF;
	font-weight: 400;
	font-size: 10px;
	margin-bottom: 25px;
	margin-right: 20px;
	
}

.col img {
	width: 100%;
	height: auto;
	display: block;
}
.col {
	float: left;
	margin: 1%;
}
.col-lg {
	width: 31.3%;
}

.col-lg img {
	width: 100%;
	height: auto;
	display: block;
}


h1 {
	color: #CAC6FE;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 40px;
	font-weight: 100;margin-right: 15%;
}

#menu li {
	display: inline-block;
	
	
}

#menu li a {
	text-decoration: none;
	color: #525151;
	font-size: 17px;		
}

.Text {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    color: #000549;
}


.show-me {
	background-color: #D9FDF2;
	padding: 8px 30px;
	text-decoration: none;
	color:#000000
	
}


.contact {
	height: 200px;
	background-image: url("images/helen/contact900.png");
	padding: 20px 20px 140px 100px;
	background-size: cover;
	width: auto;
	margin: 1%;
}

.intro {
	height: 150px;
	background-image: url("images/backg/helenateljeavlang.jpg");
	padding: 20px 20px 140px 100px;
	background-size: cover;
	width: auto;
	margin: 1%;
}


.about-section {
	height: 100px;
	background-image: url("images/helen/contact900.png");
	padding: 20px 20px 140px 100px;
	background-size: cover;
	width: auto;
	margin: 1%;
}

.Textr {
	height: 250px;
	padding: 5px 30px 40px 30px;
	background-size: cover;
	width: auto;
	margin: 1%;
}



.img_social {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 1%;
}


/*Tablet*/

@media screen and (min-width: 421px) and (max-width: 768px) 
    {  
    
    h1 {
        font-size: 28px}
   
    .subline {
        font-size: 20px}
    .subline2 {
        font-size: 18px}
    .subline3 {
        font-size: 14px}
    .col-md {
		width: 48%;
	}
    .intro {
     padding-left: 50px;
    }
  
 .contact {
	height: 200px;
	background-image: url("images/helen/contact635.png");
	padding: 20px 20px 10px 50px;
}
        
        .about-section {
	height: 90px;
	padding: 20px 20px 90px 50px;
}
        
    }

/*Mobile*/
@media only screen and (max-width:420px)
    {
        nav ul li {
	padding-left: 8px;
}
        
    h1 {
		font-size: 18px;
	}
    .subline {
        font-size: 17px}
    .subline2 {
        font-size: 16px}
    .subline3 {
        font-size: 12px}
        
	
	.col-sm {
		width: 98%;
            
	}
         
    .intro {
        height: 60px;
        padding-left: 25px;   
	
    }
    
    .about-section {
        background-image: url("images/helen/about_small.png");
	    height: 70px;
        padding: 10px 10px 100px 16px;
    }
      
     .contact {
	    height: 300px;
	    background-image: url("images/helen/contact_small.png");
	padding: 10px 10px 100px 20px;
}
        
    }