@charset "windows-1252";

body {
    background-image: url("purple_bg.jpg");

}

p {
    color: peach;
    text-align: left;
		font-size: 2 em;
		margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 80px;
    margin-left: 80px;}
	

h1  {
    color: white;
    text-align: center;
	font-size: 5 em;
	margin-top: 50px;
    margin-bottom: 50px;
    margin-right: 100px;
    margin-left: 100px;}
	
}

h2  {
    color: white;
    text-align: center;
	font-size: 4em;
	margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 150px;
    margin-left: 150px;
	bacground-color: 
	}
	
.center {
    margin: auto;
    width: 50%;
    border: 3px solid green;
    padding: 10px;
}

.img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

* {
    box-sizing: border-box;
}

.teza {
    color: cyan;
	font-style: italic;
    text-align: left;
		font-size:  em;
		 margin-right: 10px;
    margin-left: 10px;
}

.autor {
    color: salmon;
	font-weight: bold;
    text-align: right;
		font-size: 2.5 em;
		 margin-right: 10px;
    margin-left: 10px;
}
.an {
    color: #B284BE;
	font-weight: bold;
    text-align: center;
		font-size:  4 em;
		 margin-right: 10px;
    margin-left: 10px;
}
.praise {
    
	    width: 66.66%;
    float: left;
	box-sizing: border-box;
}
.tip {
    color: cream;
	    text-align: left;
		font-size:  2 em;
		 margin-right: 10px;
		     margin-left: 10px;
			 	margin-top: 10px;
    margin-bottom:1em;
	   
}

.caseta {
	 width: 33.33%;
    float: left;
	box-sizing: border-box;
}

.bio {
    color: lavender;
		    text-align: right;
		font-size:  1.66 em;
		 margin-right: 10px;
    margin-left: 10px;
}


.imag_dr {
		    text-align: right;
		 margin-right: 10px;
    margin-left: 10px;
}

.imag_st {
		    text-align: left;
		 margin-right: 10px;
    margin-left: 10px;
}

.centrat {
		    text-align: center;
		 margin-right: 3px;
    margin-left: 3px;
	valign: top;
}

.menu {
    width: 25%;
    float: left;
}
.main {
    width: 75%;
    float: left;
}

.row {
    	valign: top;
		height: 450;
}

.border_top{
    	border-top: 2px solid red;
}

.border_bottom{
    	border-bottom: 2px solid red;
}


/* Responsive layout - when the screen is less than 600px wide, make the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column {
        width: 100%;
    }
}



.button {
    	background-color: #993399;
	    border: none;
    color: white;
    padding: 15px 32px;
		font-family: "Arial", "Verdana";
		font-size: 70 px;
		font-weight: bold;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	margin: 30px 50px;
	border-radius: 50px;
}


.button:hover {
    background-color: green;
    color: white;
}


.buton_st {
    
	    width: 35%;
    float: left;
	box-sizing: border-box;
}

.buton_dr {
    
	    width:35 %;
    float: left;
	box-sizing: border-box;
}


 [class*="col-"] {
    float: left;
    padding: 15px;
    border: 1px solid red;
}
 
.col-1 {width: 8.33%;     float: left;}
.col-2 {width: 16.66%;     float: left;}
.col-3 {width: 25%;     float: left;}
.col-4 {width: 33.33%;     float: left;}
.col-5 {width: 41.66%;    float: left;}
.col-6 {width: 50%;     float: left;}
.col-7 {width: 58.33;     float: left;}
.col-8 {width: 66.66%;     float: left;}
.col-9 {width: 75%;     float: left;}
.col-10 {width: 83.33%;     float: left;}
.col-11 {width: 91.66%;     float: left;}
.col-12 {width: 100%     float: left;;}

.col-autor {
    width: 25%;
    padding: 0 10px 0 0;
    float: left;
}

.col-titlu {
    width: 40%;
    padding: 0 10px 0 0;
    float: left;
}

.col-teza {
    width: 35%;
    padding: 0 10px 0 0;
    float: right;
}

.col-buton {
    width: 50%;
    padding: 0 10px 0 0;
    float: right;
}

@media only screen and (max-width: 960px) {

    .first-third {
        width: 100%;
        padding-bottom: 10px;
        float: none;
    }

    .second-third {
        width: 100%;
        padding-bottom: 10px;
        float: none;
    }

    .third-third {
        width: 100%;
        padding-bottom: 10px;
        float: none;
    }

}